#feedback-widget-form .info-user.info-user-agree,
#modal-onebuyclick .info-user.info-user-agree {
margin-bottom: 20px;
}
.error-message {
position: absolute;
padding: 0 5px;
background-color: red;
color: white;
font-size: 9px;
text-transform: lowercase;
}
#checkout-form .error-message {
margin-left: 4px;
}
#checkout-form .form-group-agree .error-message {
margin-left: 4px;
margin-top: -6px;
}
.uk-form-danger {
border-color: red !important;
color: red !important;
}
.uk-form-danger::placeholder {
color: red !important;
}
.uk-form-danger::-ms-input-placeholder {
color: red !important;
}
/*
ul & ol
*/
.main .content > ul,
.main .content .newstyle-price ul {
padding-left: 30px;
}
.main .content > ul li,
.main .content .newstyle-price ul li {
list-style:disc;
}
.main .content > ul li + li,
.main .content .newstyle-price ul li + li {
margin-top: 5px;
}
.main .content > ol,
.main .content .newstyle-price ol {
padding-left: 30px;
}
.main .content > ol li,
.main .content .newstyle-price ol li {
list-style: decimal;
}
.main .content > ol li + li,
.main .content .newstyle-price ol li + li {
margin-top: 5px;
}
.main .content > ul,
.main .content .cat ul {
padding-left: 30px;
}
.main .content > ul li,
.main .content .cat ul li {
list-style:disc;
}
.main .content > ul li + li,
.main .content .cat ul li + li {
margin-top: 5px;
}
.main .content > ol,
.main .content .cat ol {
padding-left: 30px;
}
.main .content > ol li,
.main .content .cat ol li {
list-style: decimal;
}
.main .content > ol li + li,
.main .content .cat ol li + li {
margin-top: 5px;
}
.main .content .cat h3 {
font-size: 18px !important; }
/*
header-new
*/
.header-new {
margin-top: 30px;
}
.header-new-top-mobile {
display: none;
}
.header-new .header-new-top {
}
.header-new .header-new-hr {
border-bottom: 1px solid #dde2ea;
margin: 0;
margin-top: 15px;
}
.header-new .header-new-hr.header-new-hr-bottom {
margin-bottom: 0;
margin-top: 0;
}
.header-new .header-new-bottom {
position: relative;
}
.header-new .header-new-top-mobile .header-new-grid {
display: table;
width: 100%;
}
.header-new .header-new-top-mobile .header-new-grid > * {
display: table-cell;
vertical-align: top;
}
.header-new .header-new-top .header-new-grid {
display: table;
width: 100%;
}
.header-new .header-new-top .header-new-grid > * {
display: table-cell;
vertical-align: top;
}
.header-new .header-new-top .header-new-grid > *.header-new-yandexrating {
vertical-align: middle;
}
.header-new .header-new-top .header-new-grid > *:nth-child(1) {
width: 330px;
}
.header-new .header-new-top .header-new-grid > *:nth-child(5) {
text-align: right;
}
.header-new .header-new-logo {
}
.header-new .header-new-logo img {
max-width: 235px;
}
.header-new .header-new-logo > *:nth-child(2) {
margin-top: 10px;
color: #73757c;
font-size: 11px;
}
.header-new .header-new-card {
}
.header-new .header-new-card.header-new-address > *:nth-child(1),
.header-new .header-new-card.header-new-emailworktime > * > *:nth-child(1) {
color: #2a2b2e;
position: relative;
}
.header-new .header-new-card.header-new-emailworktime > * + * {
margin-top: 10px;
}
.header-new .header-new-card.header-new-address > *:nth-child(1)::before,
.header-new .header-new-card.header-new-emailworktime > * > *:nth-child(1)::before {
content: "";
display: block;
width: 15px;
height: 20px;
position: absolute;
top:0;
left: 0;
margin-left: -24px;
margin-top: 4px;
background-repeat: no-repeat;
background-position: top right;
}
.header-new .header-new-card.header-new-address > *:nth-child(1)::before {
background-image: url('../images/card-address.svg');
}
.header-new .header-new-card.header-new-emailworktime .header-new-email > *:nth-child(1)::before {
background-image: url('../images/card-email.svg');
}
.header-new .header-new-card.header-new-emailworktime .header-new-worktime > *:nth-child(1)::before {
background-image: url('../images/card-worktime.svg');
}
.header-new .header-new-card.header-new-address > *:nth-child(2),
.header-new .header-new-card.header-new-emailworktime > * > *:nth-child(2) {
margin-top: 3px;
}
.header-new .header-new-card.header-new-address > *:nth-child(2),
.header-new .header-new-card.header-new-address > *:nth-child(2) a,
.header-new .header-new-card.header-new-address > *:nth-child(2) a:hover,
.header-new .header-new-card.header-new-emailworktime > * > *:nth-child(2),
.header-new .header-new-card.header-new-emailworktime > * > *:nth-child(2) a,
.header-new .header-new-card.header-new-emailworktime > * > *:nth-child(2) a:hover
{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
text-decoration: none !important;
color: #73757c !important;
font-size: 14px !important;
}
.header-new .header-new-top-mobile .header-new-card {
font-size: 11px;
}
.header-new .header-new-top-mobile .header-new-card.header-new-address > *,
.header-new .header-new-top-mobile .header-new-card.header-new-emailworktime > * > * {
padding-left: 22px;
}
.header-new .header-new-top-mobile .header-new-card.header-new-address > *:nth-child(1)::before,
.header-new .header-new-top-mobile .header-new-card.header-new-emailworktime > * > *:nth-child(1)::before {
margin-left: 0;
margin-top: 0;
}
.header-new .header-new-top-mobile .header-new-card.header-new-address > *:nth-child(2),
.header-new .header-new-top-mobile .header-new-card.header-new-address > *:nth-child(2) a,
.header-new .header-new-top-mobile .header-new-card.header-new-address > *:nth-child(2) a:hover,
.header-new .header-new-top-mobile .header-new-card.header-new-emailworktime > * > *:nth-child(2),
.header-new .header-new-top-mobile .header-new-card.header-new-emailworktime > * > *:nth-child(2) a,
.header-new .header-new-top-mobile .header-new-card.header-new-emailworktime > * > *:nth-child(2) a:hover {
font-size: 10px !important;
}
.header-new .header-new-phone {
}
.header-new .header-new-phone a,
.header-new .header-new-phone a:hover {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
text-decoration: none !important;
color: #73757c !important;
font-size: 14px !important;
}
.header-new .header-new-phone > *:nth-child(1) {
}
.header-new .header-new-phone > *:nth-child(1) a {
font-size: 18px !important;
color: #2a2b2e !important;
font-weight: bold !important;
}
.header-new .header-new-phone > *:nth-child(2) {
margin-top: 15px;
}
.header-new .header-new-phone > *:nth-child(2) a {
display: inline-block !important;
border: 1px solid #0b5bdb !important;
color: #0b5bdb !important;
height: 34px !important;
line-height: 30px !important;
text-align: center !important;
padding-left: 13px !important;
padding-right: 13px !important;
border-radius: 5px;
}
.header-new .header-new-phone > *:nth-child(2) a:hover {
background-color: #0b5bdb !important;
color: #fff !important;
}
.header-new .header-new-phone > *:nth-child(2) a:active {
background-color: #164faa !important;
border-color: #164faa !important;
}
.header-new .header-new-bottom .header-new-grid {
display: table;
width: 100%;
}
.header-new .header-new-bottom .header-new-grid > * {
display: table-cell;
vertical-align: top;
}
.header-new .header-new-bottom .header-new-grid > *:nth-child(2) {
width: 260px;
}
.header-new-menu {
margin-top: 7px;
margin-right: 50px;
}
.header-new-menu a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
text-decoration: none !important;
color: #2a2b2e !important;
font-size: 16px !important;
}
.header-new-menu > ul > li > a {
position: relative;
display: block;
padding: 15px 0 25px 0;
}
.header-new-menu > ul > li > a::after {
content: "";
display: block;
position: absolute;
/*margin-bottom: -23px;*/
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: transparent;
}
.header-new-menu > ul > li:hover > a {
color: #007bff !important;
}
.header-new-menu > ul > li:hover > a::after {
background-color: #007bff;
}
.header-new-menu > ul > li ul li a:hover {
color: #007bff !important;
}
.header-new-menu [data-submenu-wrap] a {
font-size: 14px !important;
}
.header-new-menu > ul {
display: flex;
justify-content: space-between;
margin-bottom: 0 !important;
}
.header-new-menu > ul > li {
}
.header-new-menu > ul > li[data-submenu-has="true"] > a {
padding-right: 14px;
background-repeat: no-repeat;
background-position: right top 23px;
background-image: url('../images/submenu-has.svg');
}
.header-new-menu > ul > li[data-submenu-has="true"]:hover > a {
background-image: url('../images/submenu-has-007bff.svg');
}
.header-new-menu > ul > li [data-submenu-container] {
display: none;
position: absolute;
left: 0;
right: 0;
z-index: 1000;
}
.header-new-menu > ul > li [data-submenu-container] [data-submenu-wrap] {
margin-top: 2px;
background-color: #fff;
padding: 40px;
border-radius: 10px;
box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.1);
}
.header-new-menu > ul > li:hover [data-submenu-container] {
display: block;
}
.header-new-menu [data-submenu-wrap] > ul {
display: table;
width: 100%;
}
.header-new-menu [data-submenu-wrap] > ul > li {
display: table-cell;
vertical-align: top;
}
.header-new-menu [data-submenu-wrap] > ul > li > a {
font-size: 16px !important;
}
.header-new-menu [data-submenu-wrap] > ul > li > ul {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.header-new-menu [data-submenu-wrap] > ul > li > ul > li > a {
color: #73757c !important;
}
.header-new-menu [data-submenu-wrap] > ul > li > ul > li > a:hover {
color: #007bff !important;
}
.header-new-menu [data-submenu-wrap] > ul > li:nth-child(1) {
width: 35%;
}
.header-new-menu [data-submenu-wrap] > ul > li:nth-child(1) > ul {
grid-template-columns: repeat(1, 1fr);
}
.header-new-menu-mobile {
display: none;
padding: 5px 0;
border-bottom: 1px solid #dde2ea;
}
.header-new-menu-mobile .header-new-menu-mobile-burger {
}
.header-new-menu-mobile .header-new-menu-mobile-burger > * {
width: 40px;
height: 40px;
border-radius: 3px;
background-color: #007bff;
background-position: center;
background-repeat: no-repeat;
background-image: url('../images/burger-ffffff.svg');
}
.header-new-menu-mobile[data-state="opened"] .header-new-menu-mobile-burger > * {
background-image: url('../images/burger-close-ffffff.svg');
}
.header-new-menu-mobile .header-new-menu-mobile-burger > *:hover {
cursor: pointer;
opacity: 0.8;
}
.header-new-menu-mobile .header-new-menu-mobile-burger-msg {
position: absolute;
margin-left: 55px;
margin-top: 12px;
opacity: 0.5;
font-size: 14px;
}
.header-new-menu-mobile[data-state="opened"] .header-new-menu-mobile-burger-msg {
display: none;
}
.header-new-menu-mobile .header-new-menu-mobile-items {
display: none;
}
.header-new-menu-mobile[data-state="opened"] .header-new-menu-mobile-items {
display: block;
margin-top: 10px;
}
.header-new-menu-mobile .header-new-menu-mobile-items > ul {
display: block;
}
.header-new-menu-mobile .header-new-menu-mobile-items > ul > li {
display: block;
}
.header-new-menu-mobile .header-new-menu-mobile-items > ul > li ul {
display: block;
margin-left: 20px;
}
.header-new-menu-mobile .header-new-menu-mobile-items > ul > li ul li {
display: block;
}
.header-new-menu-mobile .header-new-menu-mobile-items a:not([href]) {
color: #007bff; !important;
}
.header-new-menu-mobile .header-new-menu-mobile-items a {
font-size: 16px !important;
}
.header-new .header-new-search {
margin-top: 15px;
}
.header-new .header-new-search form {
display: block !important;
}
.header-new .header-new-search form input {
display: block !important;
width: 100% !important;
padding: 0 0 0 35px !important;
margin: 0 !important;
border: 1px solid #e5e9ef !important;
background-color: #e5e9ef !important;
border-radius: 5px !important;
height: 34px !important;
line-height: 30px !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-size: 14px !important;
background-repeat: no-repeat;
background-position: center left 10px;
background-image: url('../images/search-icon.svg');
}
.header-new .header-new-search form input:hover {
border-color: #c5ccd7 !important;
}
.header-new .header-new-search form input:focus {
border-color: #164faa !important;
background-color: transparent !important;
background-image: url('../images/search-icon-focus.svg');
}
.header-new .header-new-search form input:active {
}
.header-new .header-new-search form input::placeholder {
color: #adb0bb;
opacity: 1;
}
.header-new .header-new-search form input::-ms-input-placeholder {
color: #adb0bb;
}
@media(min-width: 1370px) {
.header-new-menu > ul > li [data-submenu-container] {
margin-left: -40px;
margin-right: -40px;
}
}
@media(max-width: 959px) {
.header-new {
margin-top: 15px;
}
.header-new .header-new-hr.header-new-hr-bottom {
display: none;
}
.header-new-top-mobile {
margin-top: 15px;
}
.header-new-top-mobile {
display: block;
}
.header-new .header-new-hr {
margin-bottom: 0;
}
.header-new .header-new-top .header-new-grid {
display: block;
}
.header-new .header-new-top .header-new-grid > * {
display: block;
vertical-align: top;
text-align: center;
}
.header-new .header-new-top .header-new-grid > *:nth-child(1) {
width: 100%;
}
.header-new .header-new-top .header-new-grid > *:nth-child(5) {
text-align: center;
}
.header-new .header-new-top .header-new-grid > .header-new-address,
.header-new .header-new-top .header-new-grid > .header-new-emailworktime {
display: none;
}
.header-new .header-new-top .header-new-grid > .header-new-yandexrating {
padding-top: 10px;
}
.header-new .header-new-top .header-new-grid > .header-new-phone {
padding-top: 15px;
}
.header-new .header-new-top .header-new-grid > .header-new-logo img {
display: inline-block !important;
}
.header-new-menu {
display: none;
}
.header-new-menu-mobile {
display: block;
}
.header-new .header-new-bottom .header-new-grid {
display: block;
}
.header-new .header-new-bottom .header-new-grid > * {
display: block;
}
.header-new .header-new-bottom .header-new-grid > *:nth-child(2) {
width: 100%;
}
.header-new .header-new-bottom .header-new-grid .header-new-search {
display: none;
}
}
/*
newstyle-bannerform
*/
.newstyle-bannerform {
padding: 60px;
background-color: #f9f9f9;
background-repeat: no-repeat;
background-size: cover;
}
.newstyle-bannerform > * {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.newstyle-bannerform > * > * {
display: table-cell;
vertical-align: top;
width: 50%;
margin: 0;
padding: 0;
}
.newstyle-bannerform > * > *:nth-child(1) {
}
.newstyle-bannerform > * > *:nth-child(2) {
text-align: right;
vertical-align: middle;
position: relative;
}
.newstyle-bannerform .yandexrating-new {
position: absolute;
top: 0;
right: 0;
margin-top: -20px;
margin-right: -20px;
}
.newstyle-bannerform img {
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
width: auto;
height: auto;
max-width: 100%;
}
.newstyle-bannerform .newstyle-bannerform-title {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
}
.newstyle-bannerform .newstyle-bannerform-title span {
color: #007bff;
}
.newstyle-bannerform .newstyle-bannerform-text {
margin-top: 20px;
}
.newstyle-bannerform form {
display: block;
margin-right: 50px;
margin-top: 20px;
}
.newstyle-bannerform form [data-agreetext] {
font-size: 13px;
}
.newstyle-bannerform form label {
display: block;
margin: 0;
padding: 0;
}
.newstyle-bannerform form ::placeholder {
color: #212529;
opacity: 1;
}
.newstyle-bannerform form ::-ms-input-placeholder {
color: #212529;
}
.newstyle-bannerform form label + label {
margin-top: 15px;
}
.newstyle-bannerform form .row + .row {
margin-top: 15px;
}
.newstyle-bannerform form .row .col-12,
.newstyle-bannerform form .row .col-md-6 {
padding-right: 0;
}
.newstyle-bannerform form input[type="text"],
.newstyle-bannerform form input[type="tel"],
.newstyle-bannerform form input[type="date"],
.newstyle-bannerform form input[type="time"],
.newstyle-bannerform form select {
display: block;
width: 100%;
margin: 0;
padding: 0 12px;
background-color: #ffffff;
border: 1px solid #d9d9d9;
height: 40px;
line-height: 40px;
font-size: 13px;
}
.newstyle-bannerform form button,
.newstyle-bannerform form button:hover {
display: block;
width: 100%;
margin: 0;
padding: 0;
background-color: #007bff;
border: 1px solid #007bff;
color: #fff;
height: 40px;
font-weight: bold;
}
.newstyle-bannerform form button:hover {
opacity: 0.9;
}
.newstyle-bannerform form button:disabled,
.newstyle-bannerform form button:disabled:hover {
opacity:0.6;
}
.newstyle-bannerform.newstyle-bannerform-1 {
background-image: url('../images/banner-1-bg.png');
margin-bottom: 60px;
}
.newstyle-bannerform.newstyle-bannerform-2 {
padding-bottom: 0;
background-image: url('../images/banner-2-bg.png');
margin-top: 60px;
margin-bottom: 60px;
}
.newstyle-bannerform.newstyle-bannerform-2 > * > *:nth-child(1) {
padding-bottom: 60px;
}
.newstyle-bannerform.newstyle-bannerform-2 > * > *:nth-child(2) {
vertical-align: bottom;
}
.newstyle-bannerform.newstyle-bannerform-2 .newstyle-bannerform-title {
text-transform: none;
}
@media(max-width: 639px) {
.newstyle-bannerform {
padding: 20px;
}
.newstyle-bannerform form .row > * + * {
margin-top: 15px;
}
.newstyle-bannerform > * {
display: block;
}
.newstyle-bannerform > * > * {
margin-top: 20px;
display: block;
width: 100%;
}
.newstyle-bannerform form {
margin-right: 0;
}
.newstyle-bannerform.newstyle-bannerform-2 > * > *:nth-child(1) {
padding-bottom: 0;
}
.newstyle-bannerform form .row .col-12,
.newstyle-bannerform form .row .col-md-6 {
padding-right: 15px;
}
.newstyle-bannerform .yandexrating-new {
position: relative;
top: auto;
right: auto;
margin-top: 0;
margin-right: 0;
text-align: center;
margin-bottom: 20px;
}
}
/*
newstyle-banneraside
*/
.newstyle-banneraside {
margin-top: 20px;
background-color: #f9f9f9;
padding-top: 30px;
}
.newstyle-banneraside[data-fixed="true"] {
position: fixed;
top:0;
width: 260px;
}
.newstyle-banneraside[data-fixed="absolute"] {
position: absolute;
width: 260px;
}
.newstyle-banneraside > div {
text-align: center;
min-height: 400px;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url('../images/banner-aside.png');
background-size: 100% auto;
}
.newstyle-banneraside > div > * {
display: block;
}
.newstyle-banneraside > div > *:nth-child(1) {
text-transform: uppercase;
font-size: 25px;
}
.newstyle-banneraside > div > *:nth-child(2) {
margin-top: 30px;
font-size: 20px;
}
.newstyle-banneraside > div > *:nth-child(2)::before {
content: "";
display: inline-block;
vertical-align: baseline;
margin-right: 5px;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: top left;
background-image: url('../images/b-phone.png');
}
.newstyle-banneraside > div > *:nth-child(3) {
margin-top: 5px;
font-size: 12px;
}
.newstyle-banneraside > div > *:nth-child(3)::before {
content: "";
display: inline-block;
vertical-align: baseline;
margin-right: 5px;
width: 13px;
height: 10px;
background-repeat: no-repeat;
background-position: top left;
background-image: url('../images/b-email.png');
}
.newstyle-banneraside > a {
display: block;
height: 40px;
line-height: 40px;
font-size: 14px;
text-align: center;
background-color: #007bff;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.newstyle-banneraside > a:hover {
opacity:0.9;
text-decoration: none;
}
@media(max-width: 959px) {
.newstyle-banneraside {
display: none;
}
}
/*
newstyle-advantages
*/
.newstyle-advantages {
}
.newstyle-advantages ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 0;
padding: 0;
}
.newstyle-advantages ul li {
position: relative;
height: 310px;
background-color: #f9f9f9;
background-repeat: no-repeat;
background-position: center bottom;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.newstyle-advantages ul li > * {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.newstyle-advantages ul li > * > * {
display: table-cell;
width: 50%;
padding: 20px;
}
.newstyle-advantages ul li > * > *:nth-child(1) {
text-align: left;
}
.newstyle-advantages ul li > * > *:nth-child(2) {
text-align: right;
}
.newstyle-advantages ul li > * > * span {
display: inline-block;
padding: 1px 5px 5px 5px;
background-color: #3cb868;
color: #ffffff;
line-height: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
@media(max-width: 959px) {
.newstyle-advantages ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 639px) {
.newstyle-advantages {
display: none;
}
.newstyle-advantages ul {
display: block;
}
.newstyle-advantages ul li {
height: 90px;
background-size: auto 92%;
background-position: 14px center;
padding-left: 34% !important;
}
.newstyle-advantages ul li + li {
margin-top: 8px !important;
}
.newstyle-advantages ul li > * {
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
height: 100%;
padding: 0 !important;
}
.newstyle-advantages ul li > * > * {
display: block !important;
width: 100% !important;
padding: 0 14px !important;
}
.newstyle-advantages ul li > * > *:nth-child(1) {
font-size: 15px;
}
.newstyle-advantages ul li > * > *:nth-child(2) {
text-align: left !important;
}
.newstyle-advantages ul li > * > * span {
font-size: 15px;
padding: 5px 12px 7px;
}
}
/*
newstyle-accreditation-slider
*/
.newstyle-accreditation-slider {
max-width: 955px;
}
.text-box-mainpage .newstyle-accreditation-slider {
margin: 0 auto;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-text {
margin-bottom: 35px;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items {
margin-right: 1px;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-track {
display: flex !important;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-track .slick-slide {
height: inherit !important;
border: 1px solid #f1f1f1;
padding: 20px 0;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-arrow {
z-index: 100;
background: none !important;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-arrow::before {
color: #000 !important;
font-weight: bold;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-arrow.slick-prev {
left:5px;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-arrow.slick-prev::before {
content: "‹";
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-arrow.slick-next {
right:5px;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items .slick-arrow.slick-next::before {
content: "›";
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items > * {
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items > * a {
display: block;
height: 260px;
overflow: hidden;
text-align: center;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items > * a img {
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
display: inline-block !important;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items > * span {
display: block;
padding: 0 5px;
text-align: center;
margin-top: 5px;
font-size: 14px;
}
.newstyle-accreditation-slider .newstyle-accreditation-slider-items > * span br {
display: none;
}
@media(max-width: 959px) {
.newstyle-accreditation-slider {
max-width: none;
}
}
/*
newstyle-accreditation
*/
.newstyle-accreditation {
}
.newstyle-accreditation > * {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.newstyle-accreditation > * > * {
display: table-cell;
vertical-align: top;
}
.newstyle-accreditation > * > *:nth-child(1) {
width: 60%;
}
.newstyle-accreditation > * > *:nth-child(1) img {
width: 90%;
height: auto;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
.newstyle-accreditation > * > *:nth-child(2) {
width: 40%;
}
.newstyle-accreditation [data-paragraph],
.newstyle-accreditation-slider-text [data-paragraph] {
display: block;
}
.newstyle-accreditation [data-paragraph] + [data-paragraph],
.newstyle-accreditation-slider-text [data-paragraph] + [data-paragraph] {
margin-top: 25px;
}
.newstyle-accreditation [data-paragraph="1"]::before,
.newstyle-accreditation-slider-text [data-paragraph="1"]::before {
content: "Федеральная аккредитация позволяет нам официально проводить поверку приборов учета (счетчиков) с помощью сертифицированного оборудования. Она подтверждает наше право проведение поверки и является гарантией того, что наши заключения о пригодности / непригодности средств измерений законны. Предоставляемых после поверки документов достаточно для передачи в любое УК, ТСЖ или энергоснабжающую организацию.";
}
.newstyle-accreditation [data-paragraph="2"]::before,
.newstyle-accreditation-slider-text [data-paragraph="2"]::before {
content: "Как правило, поверка выгоднее приобретения и установки нового прибора. ВНИМАНИЕ! Остерегайтесь мошенников, которые под предлогом фиктивной неудачной поверки навязывают услуги по установке новых счетчиков. Следует обязательно проверять наличие Аттестата аккредитации в области обеспечения единства измерений у выбранной компании.";
}
@media(max-width: 959px) {
.newstyle-accreditation > * {
display: block;
}
.newstyle-accreditation > * > * {
display: block;
}
.newstyle-accreditation > * > *:nth-child(1) {
width: 100%;
}
.newstyle-accreditation > * > *:nth-child(1) img {
width: 100%;
height: auto;
}
.newstyle-accreditation > * > *:nth-child(2) {
width: 100%;
}
.newstyle-accreditation > * > * + * {
margin-top: 20px;
}
}
/*
newstyle-preferences
*/
.newstyle-preferences {
}
.newstyle-preferences ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 0;
padding: 0;
}
.newstyle-preferences ul li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.newstyle-preferences ul li::before {
content: "";
display: block;
width: 34px;
height: 34px;
background-color: #3cb868;
color: #ffffff;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.newstyle-preferences ul li:nth-child(1)::before {
background-image: url('../images/pref-1.png');
}
.newstyle-preferences ul li:nth-child(2)::before {
background-image: url('../images/pref-2.png');
}
.newstyle-preferences ul li:nth-child(3)::before {
background-image: url('../images/pref-3.png');
}
.newstyle-preferences ul li:nth-child(4)::before {
background-image: url('../images/pref-5.jpg');
}
.newstyle-preferences ul li > span {
font-weight: bold;
}
.newstyle-preferences ul li > div {
margin-top: 20px;
font-size: 14px;
opacity:0.8;
}
@media(max-width: 959px) {
.newstyle-preferences ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 639px) {
.newstyle-preferences ul {
display: block;
}
.newstyle-preferences ul li {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.newstyle-preferences ul li + li {
margin-top: 15px !important;
}
.newstyle-preferences ul li::before {
margin-bottom: 0;
flex-shrink: 0;
}
.newstyle-preferences ul li > span {
flex: 1;
}
.newstyle-preferences ul li > div {
flex-basis: 100%;
margin-top: 4px;
}
}
/*
newstyle-price
*/
.newstyle-price {
}
.newstyle-price table {
width: 100%;
margin: 0;
padding: 0;
}
.newstyle-price table thead {
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
}
.newstyle-price table thead th {
border: 1px solid #f2f2f2;
border-bottom: 1px solid #d9d9d9;
}
.newstyle-price table tbody td {
border: 1px solid #d9d9d9;
}
.newstyle-price table td,
.newstyle-price table th {
padding: 10px 15px;
}
.newstyle-price table + * {
margin-top: 30px !important;
}
@media(max-width: 639px) {
.newstyle-price table {
font-size: 14px;
}
.newstyle-price table td,
.newstyle-price table th {
padding: 5px 10px;
}
}
/*
newstyle-faq
*/
.newstyle-faq {
}
.newstyle-faq > ul {
display: block;
margin: 0;
padding: 0;
border-bottom: 1px solid #e0e0e0;
}
.newstyle-faq > ul > li {
display: block;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.newstyle-faq > ul > li > * {
display: block;
}
.newstyle-faq > ul > li > *:nth-child(1) {
border-top: 1px solid #e0e0e0;
padding: 15px 25px 15px 0;
font-weight: bold;
background-position: right center;
background-repeat: no-repeat;
background-image: url('../images/faq-open.png');
}
.newstyle-faq > ul > li[data-opened="true"] > *:nth-child(1) {
background-image: url('../images/faq-close.png');
}
.newstyle-faq > ul > li > *:nth-child(1):hover {
cursor: pointer;
opacity: 0.9;
}
.newstyle-faq > ul > li > *:nth-child(2) {
border-top: 1px solid #e0e0e0;
padding: 40px 20px;
display: none;
}
/*
newstyle-relatedpages
*/
.newstyle-relatedpages {
}
.newstyle-relatedpages ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
margin: 0;
padding: 0;
}
.newstyle-relatedpages ul li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
@media(max-width: 959px) {
.newstyle-relatedpages ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 639px) {
.newstyle-relatedpages ul {
display: block;
}
.newstyle-relatedpages ul li {
display: block;
}
.newstyle-relatedpages ul li + li {
margin-top: 10px !important;
}
}
/*
slider-top newbanners style
*/
.slider-top .banner-item-new {
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
padding-left: 300px;
min-height: 550px;
background-color: #ffffff; /*dddddd*/
background-repeat: no-repeat;
background-position: center;
/*background-size: contain;*/
}
.slider-top .banner-item-new-title {
text-transform: uppercase;
font-weight: bolder;
font-size: 50px;
color: #2d6ee1;
}
.slider-top .banner-item-new-title span {
display: block;
font-size: 30px;
color: #343434;
}
.slider-top * + .banner-item-new-text {
margin-top: 70px;
}
.slider-top .banner-item-new-text {
text-transform: uppercase;
font-size: 20px;
font-weight: normal;
}
.slider-top .banner-item-new-text span {
color: #2d6ee1;
font-weight: bolder;
}
.slider-top * + .banner-item-new-buttons {
margin-top: 70px;
}
.slider-top .banner-item-new-buttons {
text-transform: uppercase;
display: table;
}
.slider-top .banner-item-new-buttons > * {
display: table-cell;
vertical-align: middle;
position: relative;
height: 80px;
width: 250px;
}
.slider-top .banner-item-new-buttons a {
display: block;
height: 80px;
line-height: 80px;
text-align: center;
padding: 0 30px;
background-color: #2d6ee1;
color: #fff;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
position: absolute;
left:0;
top:0;
z-index: 10;
}
.slider-top .banner-item-new-buttons a:hover {
text-decoration: none;
opacity: 0.9;
cursor: pointer;
}
@media(max-width: 959px) {
.slider-top .banner-item-new {
padding-left: 0;
background-image: url('../../uploads/banners/new-banner-mob-bg.jpg') !important;
background-size: cover;
padding-top: 40px;
padding-bottom: 40px;
min-height: 10px;
}
.slider-top .banner-item-new-title {
font-size: 25px;
text-shadow: 1px 1px 1px #fff;
}
.slider-top .banner-item-new-title h1 {
font-size: 25px !important;
text-shadow: 1px 1px 1px #fff !important;
}
.slider-top .banner-item-new-title span {
font-size: 18px;
}
.slider-top * + .banner-item-new-text {
margin-top: 30px;
text-shadow: 1px 1px 1px #fff;
}
.slider-top .banner-item-new-text {
font-size: 14px;
}
.slider-top * + .banner-item-new-buttons {
margin-top: 30px;
}
.slider-top .banner-item-new-buttons {
display: block;
}
.slider-top .banner-item-new-buttons > * {
display: block;
height: auto;
width: auto;
}
.slider-top .banner-item-new-buttons > * + * {
margin-top: 15px;
}
.slider-top .banner-item-new-buttons a {
height: 30px;
line-height: 30px;
font-weight: normal;
font-size: 14px;
padding: 0 15px;
position: relative;
top: auto;
left: auto;
}
}
/*
media
*/
@media(max-width: 1199px) {
}
@media(max-width: 959px) {
}
@media(max-width: 639px) {
}
@media(max-width: 350px) {
}
.thumb img {
display:inline-block;
margin: 0 13px 5px 0%;
}
.article-text.holder .img400
{
width: 31%;
}
.newstyle-price .img400
{
width: 31%;
}
.content .poverka-pro-uslugi-ur li {
flex-basis: 20%;
margin: 0 30px 26px 0%;
box-shadow: 0 10px 13px -3px #d5e5f9;
border-radius: 5px;
border: 1px solid #F0F0F0;
position: relative;
padding-bottom: 40px;
}
.article-text.holder .poverka-pro-uslugi-ur li {
flex-basis: 25%;
margin: 0 30px 26px 0%;
box-shadow: 0 10px 13px -3px #d5e5f9;
border-radius: 5px;
list-style-type: none;
border: 1px solid #F0F0F0;
position: relative;
padding-bottom: 40px;
}
.main-newstyle .content .newstyle-price .poverka-pro-uslugi-ur li {
flex-basis: 12%;
margin: 0 20px 26px 0%;
box-shadow: 0 10px 13px -3px #d5e5f9;
border-radius: 5px;
list-style-type: none;
border: 1px solid #F0F0F0;
position: relative;
padding-bottom: 20px;
}
.content .poverka-pro-uslugi-ur li .more {
position: absolute;
height: 20px;
overflow: hidden;
bottom: 20px;
right: 20px;
}
.content .poverka-pro-uslugi-ur p {
padding: 0px 10px;
font-size: 11px;
}
.content .poverka-pro-uslugi-ur h3 {
margin: 0 0 20px;
font: 19px/17px 'PT Sans Caption', Arial, Helvetica, sans-serif;
color: #1a1a1a;
padding: 15px 15px 0px 3px;
}
.article-text.holder .poverka-pro-uslugi-ur h3 {
margin: 0 0 20px;
font: 19px/17px 'PT Sans Caption', Arial, Helvetica, sans-serif;
color: #1a1a1a;
padding: 15px 15px 0px 3px;
line-height: 25px;
}
.article-text.holder .poverka-pro-uslugi-ur .more-ur {
padding: 10px 6px 12px 6px;
display: block;
float: right;
font-weight: bold;
}
.content .poverka-pro-uslugi-ur more {
padding: 10px 6px 12px 6px;
display: block;
float: right;
font-weight: bold;
}
.poverka-pro-uslugi-ur .img-holder img {margin: 0px 0 20px;}
.text-info {padding: 0 15px;}
/*.poverka-pro-uslugi-ur li:nth-child(4) {margin: 0 0% 26px 0%;}
.poverka-pro-uslugi-ur li:nth-child(6) {margin: 0 0% 26px 0%;}*/
@media screen and (max-width:428px) {
.content .poverka-pro-uslugi-ur li {
/*flex-basis: 45%;
margin: 0 5px 15px 0px;*/
flex-basis: 48%;
margin: 0 1% 36px 1%;
}
.main-newstyle .content .newstyle-price .poverka-pro-uslugi-ur li {
/*flex-basis: 45%;
margin: 0 5px 15px 0px;*/
flex-basis: 48%;
margin: 0 1% 36px 1%;
}
.article-text.holder .poverka-pro-uslugi-ur li {
/*flex-basis: 70%;
margin: 0 5px 15px 0px;*/
flex-basis: 70%;
margin: 0 1% 36px 1%;
}
.article-text.holder .poverka-pro-uslugi-ur h3 {
margin: 0 0 10px;
font: 14px/12px 'PT Sans Caption', Arial, Helvetica, sans-serif;
color: #1a1a1a;
padding: 10px 10px 0px 3px;
}
.content .poverka-pro-uslugi-ur h3 {
margin: 0 0 10px;
font: 14px/12px 'PT Sans Caption', Arial, Helvetica, sans-serif;
color: #1a1a1a;
padding: 10px 10px 0px 3px;
}
.content .poverka-pro-uslugi-ur more-ur {
padding: 10px 6px 12px 6px;
display: block;
float: right;
font-weight: bold;
}
}
@media screen and (max-width:360px) {
.content .poverka-pro-uslugi-ur li {
/*flex-basis: 45%;
margin: 0 5px 36px 0%;*/
flex-basis: 48%;
margin: 0 1% 36px 1%;
}
.main-newstyle .content .newstyle-price .poverka-pro-uslugi-ur li {
/*flex-basis: 45%;
margin: 0 5px 36px 0%;*/
flex-basis: 48%;
margin: 0 1% 36px 1%;
}
.article-text.holder .poverka-pro-uslugi-ur li {
/*flex-basis: 70%;
margin: 0 5px 36px 0%;*/
flex-basis: 70%;
margin: 0 1% 36px 1%;
}
.article-text.holder .poverka-pro-uslugi-ur h3 {
margin: 0 0 10px;
font: 15px/13px 'PT Sans Caption', Arial, Helvetica, sans-serif;
color: #1a1a1a;
padding: 10px 10px 0px 3px;
}
.article-text.holder .poverka-pro-uslugi-ur more-ur {
padding: 10px 6px 12px 6px;
display: block;
float: right;
font-weight: bold;
}
.content .poverka-pro-uslugi-ur h3 {
margin: 0 0 10px;
font: 15px/13px 'PT Sans Caption', Arial, Helvetica, sans-serif;
color: #1a1a1a;
padding: 10px 10px 0px 3px;
}
.content .poverka-pro-uslugi-ur more-ur {
padding: 10px 6px 12px 6px;
display: block;
float: right;
font-weight: bold;
}
}
/*
Messenger buttons & messenger popup
*/
.messenger-button[data-n="1"] {
bottom: 130px;
}
.messenger-button[data-n="2"] {
bottom: 220px;
}
.messenger-button.messenger-button-whatsapp {
background: #25D366;
background-image:url('../images/whatsapp.svg');
background-repeat:no-repeat;
background-position:center;
border: 3px solid #1cc15a;
box-shadow: 0 8px 10px rgba(7, 206, 112, 0.6);
}
.messenger-button.messenger-button-whatsapp .text-button span {
color:#23a455;
}
.messenger-button.messenger-button-whatsapp:hover i {
color:#25D366;
}
.messenger-button.messenger-button-whatsapp .text-button span {
}
.messenger-button.messenger-button-telegram {
background: #37aee2;
background-image:url('../images/telegram.png');
background-repeat:no-repeat;
background-position:center;
border: 3px solid #30a3d5;
box-shadow: 0 8px 10px rgb(55 174 226 / 60%);
}
.messenger-button.messenger-button-telegram .text-button span {
color:#30a3d5;
}
.messenger-button.messenger-button-telegram:hover i {
color:#37aee2;
}
.messenger-button {
display:block;
background: #25D366;
border: 3px solid #1cc15a;
box-shadow: 0 8px 10px rgba(7, 206, 112, 0.6);
border-radius: 50%;
cursor: pointer;
height: 68px;
text-align: center;
width: 68px;
position: fixed;
right: 30px;
bottom: 20px;
z-index: 99999;
transition: .3s;
-webkit-animation: hoverWave linear 1s infinite;
animation: hoverWave linear 1s infinite;
}
.messenger-button.messenger-button-hide-mobile {
display: block !important;
}
.messenger-button.messenger-button-hide-desktop {
display: none !important;
}
.messenger-button .text-button {
height:68px;
width:68px;
border-radius:50%;
position:relative;
overflow:hidden;
text-align: center;
}
.messenger-button .text-button span {
text-align: center;
color:#23a455;
opacity: 0;
font-size: 0;
position:absolute;
right: 8px;
top: 27px;
line-height: 14px;
font-weight: 600;
transition: opacity .3s linear;
}
.messenger-button .text-button:hover span {
opacity: 1;
font-size: 11px;
}
.messenger-button:hover i {
display:none;
}
.messenger-button:hover {
z-index:99997;
background:#fff;
color:transparent;
transition:.3s;
}
.messenger-button:hover i {
color:#25D366;
font-size:44px;
transition:.3s;
}
.messenger-button i {
color:#fff;
font-size:44px;
transition:.3s;
line-height: 66px;transition: .5s ease-in-out;
animation: 1200ms ease 0s normal none 1 running shake;
animation-iteration-count: infinite;
-webkit-animation: 1200ms ease 0s normal none 1 running shake;
-webkit-animation-iteration-count: infinite;
}
.popup#modal-whatsapp {
border: solid #4b98d6;
border-width: 1px;
padding: 20px 40px 30px 40px;
width: 40%;
border-radius: 15px;
}
.popup#modal-whatsapp .h3 {
text-align: center;
margin-bottom: 30px;
}
.popup#modal-whatsapp .modal-whatsapp-wrap {
padding: 0 10px;
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-button {
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-button a {
display: block;
background-color: #5ed169;
color: #fff;
text-decoration: none;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 5px;
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-button a:hover {
background-color: #52b85c;
cursor: pointer;
text-decoration: none;
color: #fff;
opacity:0.8;
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-button a::before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
background-image: url('../images/whatsapp-btn-ffffff.svg');
background-size: 100% auto;
vertical-align: middle;
margin-right: 5px;
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-qr {
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-qr .modal-whatsapp-qr-title {
text-align: center;
margin: 20px 0;
color: #757575;
font-size: 12px;
background-repeat: repeat-x;
background-position: center;
background-image: url('../images/grayline.png');
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-qr .modal-whatsapp-qr-title span {
display: inline-block;
background-color: #fff;
padding: 0 15px 2px 15px;
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-qr .modal-whatsapp-qr-img {
text-align: center;
}
.popup#modal-whatsapp .modal-whatsapp-wrap .modal-whatsapp-qr .modal-whatsapp-qr-img img {
display: inline-block;
height: 200px;
width: auto;
}
/* Max Messenger */
.messenger-button-max {
display: block;
cursor: pointer;
height: 68px;
text-align: center;
width: 68px;
position: fixed;
right: 30px;
bottom: 20px;
z-index: 99999;
transition: .3s;
}
.messenger-button-max img {
width: 100%;
height: 100%;
display: block;
transition: transform .3s ease;
}
.messenger-button-max:hover img {
transform: scale(1.1);
}
.messenger-button-max.messenger-button-hide-mobile-max {
display: block !important;
}
.messenger-button-max.messenger-button-hide-desktop-max {
display: none !important;
}
.telegram-button.messenger-button-hide-mobile-max {
display: block !important;
}
.telegram-button.messenger-button-hide-desktop-max {
display: none !important;
}
.max-button.messenger-button-hide-mobile-max {
display: flex !important;
}
.max-button.messenger-button-hide-desktop-max {
display: none !important;
}
/* Max */
.popup-max {
border: solid #707071;
border-width: 1px;
padding: 20px 40px 30px 40px;
width: 40%;
border-radius: 15px;
background: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100000;
display: none;
}
.popup-max.active {
display: block;
}
.popup-max .h3-max {
text-align: center;
margin-bottom: 30px;
font-size: 24px;
font-weight: 600;
}
.popup-max .modal-max-wrap {
padding: 0 10px;
}
.popup-max .modal-max-wrap .modal-max-button a {
display: block;
background: linear-gradient(135deg, #0066FF 0%, #7B3FF2 100%);
color: #fff;
text-decoration: none;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 5px;
font-weight: 600;
}
.popup-max .modal-max-wrap .modal-max-button a:hover {
background: linear-gradient(135deg, #0052CC 0%, #6B2FE2 100%);
cursor: pointer;
text-decoration: none;
color: #fff;
opacity: 0.9;
}
.popup-max .modal-max-wrap .modal-max-button a::before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml,');
background-size: 100% auto;
vertical-align: middle;
margin-right: 5px;
}
.popup-max .modal-max-wrap .modal-telegram-button a {
display: block;
background: #0088cc;
color: #fff;
text-decoration: none;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 5px;
font-weight: 600;
}
.popup-max .modal-max-wrap .modal-telegram-button a:hover {
background: #0170a7;
cursor: pointer;
text-decoration: none;
color: #fff;
opacity: 0.9;
}
.popup-max .modal-max-wrap .modal-telegram-button a::before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml,');
background-size: 100% auto;
vertical-align: middle;
margin-right: 5px;
}
.popup-max .modal-max-wrap .modal-max-qr .modal-max-qr-title {
text-align: center;
margin: 20px 0;
color: #757575;
font-size: 12px;
background-repeat: repeat-x;
background-position: center;
background-image: url('../images/grayline.png');
}
.popup-max .modal-max-wrap .modal-max-qr .modal-max-qr-title span {
display: inline-block;
background-color: #fff;
padding: 0 15px 2px 15px;
}
.popup-max .modal-max-wrap .modal-max-qr .modal-max-qr-img {
text-align: center;
}
.popup-max .modal-max-wrap .modal-max-qr .modal-max-qr-img img {
display: inline-block;
height: 200px;
width: auto;
}
.popup-max .modal-max-wrap .modal-telegram-qr .modal-telegram-qr-title {
text-align: center;
margin: 20px 0;
color: #757575;
font-size: 12px;
background-repeat: repeat-x;
background-position: center;
background-image: url('../images/grayline.png');
}
.popup-max .modal-max-wrap .modal-telegram-qr .modal-telegram-qr-title span {
display: inline-block;
background-color: #fff;
padding: 0 15px 2px 15px;
}
.popup-max .modal-max-wrap .modal-telegram-qr .modal-telegram-qr-img {
text-align: center;
}
.popup-max .modal-max-wrap .modal-telegram-qr .modal-telegram-qr-img img {
display: inline-block;
height: 200px;
width: auto;
}
.popup-max .close-max {
position: absolute;
top: 10px;
right: 15px;
font-size: 30px;
color: #999;
text-decoration: none;
cursor: pointer;
}
.popup-max .close-max:hover {
color: #333;
}
.popup-max .close-telegram {
position: absolute;
top: 10px;
right: 15px;
font-size: 30px;
color: #999;
text-decoration: none;
cursor: pointer;
}
.popup-max .close-telegram:hover {
color: #333;
}
.popup-overlay-max {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.popup-overlay-max.active {
display: block;
}
@media (max-width: 768px) {
.messenger-button-max.messenger-button-hide-mobile-max {
display: none !important;
}
.messenger-button-max.messenger-button-hide-desktop-max {
display: block !important;
}
.telegram-button.messenger-button-hide-mobile-max {
display: none !important;
}
.telegram-button.messenger-button-hide-desktop-max {
display: block !important;
}
.max-button.messenger-button-hide-mobile-max {
display: none !important;
}
.max-button.messenger-button-hide-desktop-max {
display: flex !important;
}
.popup-max {
width: 90%;
padding: 20px;
}
}
.max-button {
display: block;
position: fixed;
right: 20px;
bottom: 90px;
transform: translate(-50%, -50%);
background: linear-gradient(135deg, #0066FF 0%, #7B3FF2 100%);
border-radius: 50%;
width: 55px;
height: 55px;
color: #fff;
text-align: center;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.max-button:before,
.max-button:after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #7B3FF2;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}
.max-button:after {
animation-delay: .5s;
}
@keyframes animate
{
0%
{
transform: scale(0.5);
opacity: 0;
}
50%
{
opacity: 1;
}
100%
{
transform: scale(1.2);
opacity: 0;
}
}
/* img */
.max-button img {
width: 28px;
height: 28px;
object-fit: contain;
filter: brightness(0) invert(1); /* */
display: block;
flex-shrink: 0;
}
@media (max-width : 800px) {
.max-button {
bottom: 10px; /* */
right: 1px;
}
}
.telegram-button {
position: fixed;
right: 20px;
bottom: 190px;
transform: translate(-50%, -50%);
background: #0088cc !important;
border-radius: 50%;
width: 55px; /* */
height: 55px; /* */
color: #fff;
text-align: center;
line-height: 53px; /* */
font-size: 35px; /* */
z-index: 9999;
}
.telegram-button,
.telegram-button:hover,
.telegram-button:visited,
.telegram-button:active,
.telegram-button:focus {
background: #0088cc !important;
color: #fff !important;
text-decoration: none !important;
}
.telegram-button a,
.telegram-button a:hover,
.telegram-button a:visited,
.telegram-button a:active {
color: #fff !important;
text-decoration: none !important;
}
.telegram-button:before,
.telegram-button:after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #0088cc; /* */
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}
.telegram-button:after{
animation-delay: .5s;
}
@keyframes animate
{
0%
{
transform: scale(0.5);
opacity: 0;
}
50%
{
opacity: 1;
}
100%
{
transform: scale(1.2);
opacity: 0;
}
}
@media (max-width : 800px) {
.telegram-button {
bottom: 110px; /* */
right: 1px;
}
}
@-webkit-keyframes hoverWave {
0% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 0 rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
40% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 15px rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
80% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 26.7px rgba(7,206,112,0.067)
}
100% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 40px rgba(7,206,112,0.0)
}
}@keyframes hoverWave {
0% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 0 rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
40% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 15px rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
80% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 26.7px rgba(7,206,112,0.067)
}
100% {
box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 40px rgba(7,206,112,0.0)
}
}
@keyframes shake {
0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
10% {
transform: rotateZ(-30deg);
-ms-transform: rotateZ(-30deg);
-webkit-transform: rotateZ(-30deg);
}
20% {
transform: rotateZ(15deg);
-ms-transform: rotateZ(15deg);
-webkit-transform: rotateZ(15deg);
}
30% {
transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
-webkit-transform: rotateZ(-10deg);
}
40% {
transform: rotateZ(7.5deg);
-ms-transform: rotateZ(7.5deg);
-webkit-transform: rotateZ(7.5deg);
}
50% {
transform: rotateZ(-6deg);
-ms-transform: rotateZ(-6deg);
-webkit-transform: rotateZ(-6deg);
}
60% {
transform: rotateZ(5deg);
-ms-transform: rotateZ(5deg);
-webkit-transform: rotateZ(5deg);
}
70% {
transform: rotateZ(-4.28571deg);
-ms-transform: rotateZ(-4.28571deg);
-webkit-transform: rotateZ(-4.28571deg);
}
80% {
transform: rotateZ(3.75deg);
-ms-transform: rotateZ(3.75deg);
-webkit-transform: rotateZ(3.75deg);
}
90% {
transform: rotateZ(-3.33333deg);
-ms-transform: rotateZ(-3.33333deg);
-webkit-transform: rotateZ(-3.33333deg);
}
100% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
}
@-webkit-keyframes shake {
0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
10% {
transform: rotateZ(-30deg);
-ms-transform: rotateZ(-30deg);
-webkit-transform: rotateZ(-30deg);
}
20% {
transform: rotateZ(15deg);
-ms-transform: rotateZ(15deg);
-webkit-transform: rotateZ(15deg);
}
30% {
transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
-webkit-transform: rotateZ(-10deg);
}
40% {
transform: rotateZ(7.5deg);
-ms-transform: rotateZ(7.5deg);
-webkit-transform: rotateZ(7.5deg);
}
50% {
transform: rotateZ(-6deg);
-ms-transform: rotateZ(-6deg);
-webkit-transform: rotateZ(-6deg);
}
60% {
transform: rotateZ(5deg);
-ms-transform: rotateZ(5deg);
-webkit-transform: rotateZ(5deg);
}
70% {
transform: rotateZ(-4.28571deg);
-ms-transform: rotateZ(-4.28571deg);
-webkit-transform: rotateZ(-4.28571deg);
}
80% {
transform: rotateZ(3.75deg);
-ms-transform: rotateZ(3.75deg);
-webkit-transform: rotateZ(3.75deg);
}
90% {
transform: rotateZ(-3.33333deg);
-ms-transform: rotateZ(-3.33333deg);
-webkit-transform: rotateZ(-3.33333deg);
}
100% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
}
@media screen and (max-width: 768px) {
.messenger-button {
right:5px;
}
.messenger-button[data-n="1"] {
bottom: 90px;
}
.messenger-button[data-n="2"] {
bottom: 180px;
}
}
@media(max-width: 639px) {
.messenger-button.messenger-button-hide-desktop {
display: block !important;
}
.messenger-button.messenger-button-hide-mobile {
display: none !important;
}
}
/*
footer-new
*/
.footer-new#footer {
border-bottom: none;
padding: 0 0 0 0;
margin: 0 0 45px 0;
}
.footer-new#footer::before {
content: "";
display: block;
width: 100%;
margin: 0 0 50px 0;
height: 1px;
background-color: #e0e0e0;
}
.footer-new#footer::after {
display: none;
}
.footer-new#footer .holder {
display: block;
}
.footer-new#footer .footer-bar-new {
}
.footer-new#footer .footer-bar-new .footer-new-grid {
display: table;
width: 100%;
}
.footer-new#footer .footer-bar-new .footer-new-grid > * {
display: table-cell;
vertical-align: top;
}
.footer-new#footer .footer-bar-new .footer-new-grid > *:nth-child(3) {
width: 270px;
text-align: right;
}
.footer-new#footer .footer-bar-new .logo-new {
}
.footer-new#footer .footer-bar-new .logo-new img {
max-width: 320px;
}
.footer-new#footer .footer-bar-new .address-new {
margin-top: 20px;
margin-bottom: 20px;
}
.footer-new#footer .footer-bar-new .worktime-new,
.footer-new#footer .footer-bar-new .email-new {
color:#007bff;
text-decoration: none;
background-position: left center;
background-repeat: no-repeat;
padding-left: 30px;
}
.footer-new#footer .footer-bar-new .worktime-new {
background-image: url('../images/f-pace.svg');
}
.footer-new#footer .footer-bar-new .email-new {
background-image: url('../images/f-mail.svg');
}
.footer-new#footer .footer-bar-new .worktime-new + .email-new {
margin-top: 5px;
}
.footer-new#footer .footer-bar-new .yandexrating-new {
margin-top: 20px;
}
.footer-new#footer .footer-bar-new .worktime-new a,
.footer-new#footer .footer-bar-new .email-new a,
.footer-new#footer .footer-bar-new .worktime-new a:hover ,
.footer-new#footer .footer-bar-new .email-new a:hover {
color:#007bff;
text-decoration: none;
}
.footer-new#footer .footer-bar-new .fmenu-new {
}
.footer-new#footer .footer-bar-new .fmenu-new ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.footer-new#footer .footer-bar-new .fmenu-new ul li {
margin: 0;
padding: 0;
list-style: none;
}
.footer-new#footer .footer-bar-new .fmenu-new ul li a,
.footer-new#footer .footer-bar-new .fmenu-new ul li a:hover {
text-decoration: none;
color: #212529;
}
.footer-new#footer .footer-bar-new .fmenu-new ul li a:hover {
text-decoration: none;
color: #007bff;
}
.footer-new#footer .footer-bar-new .phone-new {
color: #007bff;
}
.footer-new#footer .footer-bar-new .phone-new a,
.footer-new#footer .footer-bar-new .phone-new a:hover {
color: #007bff;
text-decoration: none;
}
.footer-new#footer .footer-bar-new .phone-new > *:nth-child(1) a {
font-size: 23px !important;
font-weight: bold !important;
}
.footer-new#footer .footer-bar-new .phone-new > *:nth-child(2) {
margin-top: 15px;
}
.footer-new#footer .footer-bar-new .phone-new > *:nth-child(2) a {
display: inline-block !important;
border: 1px solid #007bff !important;
color: #007bff !important;
height: 45px !important;
line-height: 42px !important;
text-align: center !important;
padding-left: 40px !important;
padding-right: 40px !important;
border-radius: 5px;
}
.footer-new#footer .footer-bar-new .phone-new > *:nth-child(2) a:hover {
background-color: #007bff !important;
color: #fff !important;
}
.footer-new#footer .footer-bar-new .phone-new > *:nth-child(2) a:active {
background-color: #007bff !important;
border-color: #007bff !important;
}
.footer-new#footer .footer-bar-new .payments-new {
margin-top: 30px;
}
.footer-new#footer .footer-bar-new .payments-new ul {
display: block;
margin: 15px 0 0 0;
padding: 0;
list-style: none;
}
.footer-new#footer .footer-bar-new .payments-new ul li {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
list-style: none;
}
.footer-new#footer .footer-bar-new .payments-new ul li img {
height: 30px;
width: auto;
}
.footer-new#footer .footer-nav-new {
color: #A4A4A4;
}
.footer-new#footer .footer-nav-new .holder::before {
content: "";
display: block;
width: 100%;
margin: 30px 0;
height: 1px;
background-color: #e0e0e0;
}
.footer-new#footer .footer-nav-new a,
.footer-new#footer .footer-nav-new a:hover {
color: #A4A4A4;
text-decoration: none;
}
.footer-new#footer .footer-nav-new .footer-new-grid {
display: table;
width: 100%;
}
.footer-new#footer .footer-nav-new .footer-new-grid a {
text-decoration: underline;
}
.footer-new#footer .footer-nav-new .footer-new-grid a:hover {
color: #3683eb;
}
.footer-new#footer .footer-nav-new .footer-new-grid > * {
display: table-cell;
vertical-align: top;
}
.footer-new#footer .footer-nav-new .footer-new-grid > *:nth-child(1) {
text-align: left;
}
.footer-new#footer .footer-nav-new .footer-new-grid > *:nth-child(2) {
text-align: right;
width: 40%;
}
@media(max-width: 959px) {
.footer-new#footer .footer-bar-new .footer-new-grid {
display: block;
}
.footer-new#footer .footer-bar-new .footer-new-grid > * {
display: block;
}
.footer-new#footer .footer-bar-new .footer-new-grid > *:nth-child(3) {
width: 100%;
text-align: center;
}
.footer-new#footer .footer-bar-new .footer-new-grid > * + * {
margin-top: 15px;
}
.footer-new#footer .footer-bar-new .logo-new {
text-align: center;
}
.footer-new#footer .footer-bar-new .logo-new img {
max-width: 70%;
margin: 0 auto;
}
.footer-new#footer .footer-bar-new .worktime-new,
.footer-new#footer .footer-bar-new .email-new {
background-position: top center;
padding-left: 0;
padding-top: 23px;
}
.footer-new#footer .footer-bar-new .worktime-new + .email-new {
margin-top: 10px;
}
.footer-new#footer .footer-bar-new .fmenu-new {
margin: 10px 0;
}
.footer-new#footer .footer-bar-new .fmenu-new ul {
display: block;
}
.footer-new#footer .footer-bar-new .fmenu-new ul li {
display: block;
}
.footer-new#footer .footer-bar-new .fmenu-new ul li + li {
margin-top: 2px;
}
.footer-new#footer .footer-bar-new .payments-new {
margin-top: 20px;
}
.footer-new#footer .footer-bar-new .payments-new ul li {
margin: 0 5px 0 5px;
}
.footer-new#footer .footer-nav-new .footer-new-grid {
display: block;
}
.footer-new#footer .footer-nav-new .footer-new-grid > * {
display: block;
}
.footer-new#footer .footer-nav-new .footer-new-grid > * + * {
margin-top: 15px;
}
.footer-new#footer .footer-nav-new .footer-new-grid > *:nth-child(1) {
text-align: center;
}
.footer-new#footer .footer-nav-new .footer-new-grid > *:nth-child(2) {
text-align: center;
width: 100%;
}
}
.textcols {
display: table;
width: 100%;
border-collapse: collapse;
}
.textcols-row {
display: table-row;
}
.textcols-item {
display: table-cell;
width: 33%;
vertical-align: top;
padding: 0;
border-right: 30px solid #fff;
border-left: 30px solid #fff;
}
.textcols-row .textcols-item:first-child {
border-left: none;
}
.textcols-row .textcols-item:last-child {
border-right: none;
}
.calk-box.holder h2 {
text-align: center;
position: relative;
margin: 30px 0;
font-family: 'Arial', sans-serif;
font-size: 28px;
font-weight: 600;
color: #333;
}
.calk-box.holder h2::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: #2d6fe0;
border-radius: 2px;
}
.article-text.holder ul {
padding-left: 30px;
}
.article-text.holder ul li {
list-style:disc;
}
.article-text.holder ol {
padding-left: 30px;
}
.article-text.holder ol li {
list-style: decimal;
}
.article-text.holder .img-center {
width: 700px;
margin: 10px auto 20px;
display: block;
}
/*
mobile aside (left) menu on item pages
*/
.main-newstyle .aside[data-response="desktop"] {
display: block;
}
.main-newstyle .aside[data-response="mobile"] {
display: none;
}
@media(max-width: 639px) {
.main-newstyle .aside[data-response="desktop"] {
display: none;
}
.main-newstyle .aside[data-response="mobile"] {
display: block;
}
.main-newstyle .aside[data-response="mobile"] .h3 {
margin-left: 0;
font-size: 1.5rem !important;
margin-top: 10px;
}
.main-newstyle .aside[data-response="mobile"] ul {
border: none;
text-align: left;
}
.main .aside[data-response="mobile"] ul.categories-list > li > a,
.main .aside[data-response="mobile"] ul.categories-list > li > span {
font-size: 14px !important;
}
.main-newstyle .aside[data-response="mobile"] ul li a {
color: #007bff;
text-decoration: underline;
}
.sale-content {
margin-top: 0px;
}
}
.container-vak {
max-width: 700px;
margin: 20px auto;
background-color: white;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
overflow: hidden;
}
.container-vak img {
width: 580px;
margin: 10px auto 20px;
display: block;
}
.header-vak {
background-color: #2c3e50;
color: white;
padding: 20px;
text-align: center;
}
.header-vak h1 {
font-size: 24px;
margin-bottom: 10px;
}
.salary-vak {
font-size: 20px;
color: #ffab3a;
}
.content-vak {
padding: 20px;
}
.section-vak {
margin-bottom: 20px;
}
.section-vak h2 {
border-bottom: 2px solid #3498db;
padding-bottom: 10px;
margin-bottom: 15px;
color: #2c3e50;
}
.list-vak {
list-style-position: inside;
padding-left: 15px;
}
.list-vak li {
margin-bottom: 8px;
}
.contact-info-vak {
background-color: #f8f9fa;
padding: 20px;
text-align: center;
}
.article-text.holder h2 {
margin: 0 0 10px;
}
.reviews-y {
width: 750px;
height: 750px;
overflow: hidden;
position: relative;
margin: 0 auto;
}
@media(max-width: 639px) {
.reviews-y {
width: 100%;
height: 750px;
overflow: hidden;
position: relative;
margin: 0 auto;
}
}
/*
modal-onebuyclick
*/
#modal-onebuyclick {
border: solid #4b98d6;
border-width: 1px 1px 13px;
padding: 20px 40px;
}
#modal-onebuyclick .productname {
margin-bottom: 10px;
}
#modal-onebuyclick .productname span {
display: inline-block !important;
background-color: #FE9718 !important;
color: #fff !important;
padding: 5px 10px !important;
font-weight: bold !important;
}
#modal-onebuyclick h3 {
text-align: center;
font: bold 24px/27px sans-serif;
margin: 0 0 35px;
}
#modal-onebuyclick .form {
width: 100%;
}
#modal-onebuyclick select,
#modal-onebuyclick input[type=text] {
width: 100%;
background: none;
border: solid #4b98d6;
border-width: 0 0 1px;
margin: 4px 0 20px;
color: #575757;
font: 15px/22px sans-serif;
}
#modal-onebuyclick .form select {
border: 1px solid #4b98d6;
height: 35px;
}
#modal-onebuyclick .form textarea {
resize: none;
border: 2px solid #11a5d7;
padding: 15px;
margin: 0 0 19px;
font: 16px/19px sans-serif;
height: 93px;
width: 100%;
}
#modal-onebuyclick .form span {
display: block;
margin: 0 0 10px;
}
#modal-onebuyclick .form span a:hover {
text-decoration: underline;
}
#modal-onebuyclick .form input[type=submit] {
display: block;
border: none;
max-width: 185px;
width: 100%;
height: 40px;
padding: 7px;
text-align: center;
font: bold 20px/23px sans-serif;
background: #4b98d6;
color: #fff;
border-radius: 7px;
margin: 0 auto;
box-shadow: 0 7px 16px rgba(75, 152, 214, 0.46);
}
#modal-onebuyclick .form input[type=submit]:hover {
color: #373938;
}
/*
product-category-new
product-category-new-products-pagination-items
*/
.product-category-new {
margin-bottom: 50px;
}
.product-category-new.product-category-new-nomarginbottom {
margin-bottom: 0px;
}
.product-category-new h1,
.product-category-new .h1 {
display: block;
margin: 0 0 50px 0;
padding: 0;
text-align: left;
}
.product-category-new ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin: 0;
padding: 0;
}
.product-category-new ul li {
margin: 0;
padding: 30px;
list-style: none;
border-radius: 5px;
text-align: center;
box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.2);
}
.product-category-new ul li > img {
display: inline-block!important;
width: auto !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
height: 150px !important;
}
.product-category-new ul li > span {
display: block;
text-align: left;
font-weight: lighter;
margin-top: 10px;
}
.product-category-new ul li > b {
display: block;
font-weight: normal;
text-align: left;
font-size: 20px;
}
.product-category-new ul li > div {
margin-top: 15px;
text-align: left;
display: table;
width: 100%;
}
.product-category-new ul li > div > * {
display: table-cell;
width: 50%;
}
.product-category-new ul li > div > *:nth-child(1) {
padding-right: 7.5px;
}
.product-category-new ul li > div > *:nth-child(2) a {
padding-left: 7.5px;
}
.product-category-new ul li > div > * a {
display: block;
text-align: center;
height: 40px;
line-height: 37px;
text-transform: uppercase;
border: 2px solid;
text-decoration: none;
}
.product-category-new ul li > div > * a {
text-decoration: none;
opacity: 0.8;
cursor: pointer;
}
.product-category-new ul li > div > *:nth-child(1) a {
border-color: #2d6ee1;
background-color: #2d6ee1;
color: #fff;
}
.product-category-new ul li > div > *:nth-child(2) a {
border-color: #2d6ee1;
background-color: #fff;
color: #2d6ee1;
}
.product-category-new-products-items {
display: block;
margin-bottom: 50px;
}
.product-category-new-products-items ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin: 0;
padding: 0;
}
.product-category-new-products-items ul li {
margin: 0;
padding: 30px;
list-style: none;
border-radius: 5px;
text-align: center;
box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.2);
}
.product-category-new-products-items ul li > * + * {
margin-top: 15px;
}
.product-category-new-products-items ul li .p-image {
display: block;
margin: 0 auto;
width: 200px;
height: 180px;
background-size: contain;
background-repeat: no-repeat;
}
.product-category-new-products-items ul li .p-image img {
display: none;
}
.product-category-new-products-items ul li .p-title {
text-align: left;
}
.product-category-new-products-items ul li .p-title a,
.product-category-new-products-items ul li .p-title a:hover {
font-weight: bold;
color: #000;
text-decoration: none;
}
.product-category-new-products-items ul li .p-title a:hover {
color: #5689f6;
text-decoration: underline;
}
.product-category-new-products-items ul li .p-price {
text-align: left;
font-weight: bold;
color: #ea473e;
}
.product-category-new-products-items ul li .p-button {
}
.product-category-new-products-items ul li .p-button a,
.product-category-new-products-items ul li .p-button a:hover {
display: block;
height: 38px;
line-height: 38px;
text-align: center;
background-color: #5689f6;
text-decoration: none;
font-weight: bold;
color: #fff;
border-radius: 5px;
padding-right: 0 !important;
padding-left: 0 !important;
width: 100% !important;
}
.product-category-new-products-items ul li .p-button a:hover {
opacity: 0.8;
}
.product-category-new-products-pagination-items {
display: block;
margin-bottom: 40px;
}
.product-category-new-products-pagination-items ul {
display: block;
padding: 0;
margin: 0;
}
.product-category-new-products-pagination-items ul li {
display: inline-block;
padding: 0;
margin: 0 20px 10px 0;
}
.product-category-new-products-pagination-items ul li a {
text-decoration: none;
}
.product-category-new-products-pagination-items ul li a:hover {
text-decoration: none;
}
@media(max-width: 959px) {
.product-category-new ul {
display: block;
}
.product-category-new ul li {
display: block;
}
.product-category-new ul li + li {
margin-top: 30px;
}
.product-category-new-products-items ul {
display: block;
}
.product-category-new-products-items ul li {
display: block;
}
.product-category-new-products-items ul li + li {
margin-top: 30px;
}
.product-category-new-products-items ul li .p-title {
height: auto !important;
}
}
/*
cart_indicator
*/
.cart_indicator {
position: fixed;
z-index: 100;
right: 0;
top:50%;
background-color: #ff900a;
color: #fff;
width: 52px;
height: 60px;
margin-top: -160px;
border-left: 4px solid #de8003;
text-decoration: none;
background-image: url('../images/cart-large-svgrepo-com.png');
background-position: center ;
background-repeat: no-repeat;
background-size: 30px auto;
border-radius:9px 0px 0px 9px;
-moz-border-radius:9px 0px 0px 9px;
-webkit-border-radius:9px 0px 0px 9px;
}
.cart_indicator:hover {
background-color: #ff900a;
color: #fff;
text-decoration: none;
opacity: 0.9;
cursor: pointer;
}
.cart_indicator span {
font-size: 11px;
font-weight: bold;
position: absolute;
top:5px;
right: 10px;
}
@media(max-width: 639px) {
.cart_indicator {
width: 40px;
background-size: 20px auto;
margin-top: -140px;
}
}
/*
product-new
*/
.product-new {
margin-bottom: 50px;
}
.product-new .product-new-header {
display: table;
width: 100%;
margin-bottom: 50px;
}
.product-new .product-new-header > * {
display: table-cell;
width: 50%;
vertical-align: top;
}
.product-new .product-new-header > *:nth-child(2) {
padding-left: 30px;
}
.product-new .product-new-header img {
display: inline-block!important;
width: auto !important;
height: auto !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
.product-new .product-new-header h1 {
font-size: 31px;
color: #212529;
}
.product-new .product-new-header .product-new-availability {
margin-top: 20px;
font-weight: bold;
color: #2D6EE1;
height: 13px;
line-height: 13px;
padding-left: 18px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../images/checked.svg');
}
.product-new .product-new-header .product-new-imagemob {
display: none;
}
.product-new .product-new-header .product-new-price-text {
margin-top: 60px;
}
.product-new .product-new-header .product-new-price-val {
margin-top: 15px;
font-size: 45px;
line-height: 1;
color: #FE9718;
font-weight: bold;
}
.button-container {
display: flex;
gap: 10px;
}
.product-new .product-new-header .button-container .product-new-button {
margin-top: 35px;
}
.product-new .product-new-header .button-container .product-new-button-2 {
margin-top: 35px;
}
.product-new .product-new-header .button-container .product-new-button button,
.product-new .product-new-header .button-container .product-new-button a {
display: inline-block;
background-color: #2d6ee1;
color: #fff;
text-align: center;
height: 60px;
line-height: 60px;
width: 200px;
border: none;
text-transform: uppercase;
text-decoration: none;
}
.product-new .product-new-header .button-container .product-new-button-2 {
display: inline-block;
background-color: #fff;
color: #2d6ee1;
border-color: #2d6ee1;
text-align: center;
height: 60px;
width: 200px;
text-transform: uppercase;
text-decoration: none;
}
.product-new .product-new-header .button-container .product-new-button button:hover,
.product-new .product-new-header .button-container .product-new-button a:hover {
cursor: pointer;
opacity:0.8;
text-decoration: none;
}
.product-new .product-new-header .button-container .product-new-button-2:hover {
cursor: pointer;
opacity:0.8;
text-decoration: none;
}
.product-new .product-new-content {
}
.product-new .product-new-content .product-new-content-container {
color:#7a7a7a;
}
.product-new .product-new-content .product-new-content-container + .product-new-content-container {
margin-top: 50px;
}
.product-new .product-new-content .product-new-content-container h2 {
display: block;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
border-bottom: 2px solid #ffd5a3;
color: #212529;
font-size: 23px;
}
.product-new .product-new-content .product-new-content-container h3 {
color: #000;
font-size: 18px;
}
.product-new .product-new-content .product-new-content-container table.product-new-pricetable {
width: 100%;
margin: 0;
padding: 0;
font-size: 16px;
}
.product-new .product-new-content .product-new-content-container table.product-new-pricetable tr {
border-top: 1px solid #EFEFEF;
}
.product-new .product-new-content .product-new-content-container table.product-new-pricetable thead tr {
border-top: none;
}
.product-new .product-new-content .product-new-content-container table.product-new-pricetable tr th,
.product-new .product-new-content .product-new-content-container table.product-new-pricetable tr td {
padding: 15px 0;
}
.product-new .product-new-content .product-new-content-container table.product-new-pricetable tr th {
text-align: left;
font-weight: normal;
}
.product-new .product-new-content .product-new-content-container table.product-new-pricetable tr td {
text-align: left;
color: #000000;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-advantages {
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-advantages ul {
display: block;
margin: 0;
padding: 0;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-advantages ul li {
display: block;
margin: 0;
padding: 0 0 0 45px;
position: relative;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-advantages ul li::before {
content: "";
display: block;
position: absolute;
left: 0;
top:5px;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../images/check-in.svg');
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-advantages ul li + li {
margin-top: 25px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs {
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div {
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div h3 {
display: inline-block;
padding-right: 30px;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: right center;
background-image: url('../images/chevron-down.svg');
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div[data-chcstab="opened"] h3 {
background-image: url('../images/chevron-up.svg');
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div h3:hover {
cursor: pointer;
opacity:0.8;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl {
font-size: 16px;
display: none;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div[data-chcstab="opened"] dl {
position: relative;
display: grid;
grid-template-columns: 3fr 1fr;
grid-column-gap: 15px;
grid-row-gap: 30px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dt {
font-weight: normal;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dt span {
display: block;
margin-top: 3px;
font-weight: lighter;
font-size: 14px;
color: #B0B0B0;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dd {
font-weight: normal;
color: #000000;
text-align: right;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dt::before {
content: "";
display: block;
position: absolute;
height: 5px;
left: 0;
right: 0;
background-color: transparent;
border-top: 1px solid #EFEFEF;
margin-top: -15px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dt:first-child::before {
display: none;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table {
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table {
width: 100%;
margin: 0;
padding: 0;
font-size: 16px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr {
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr + tr {
border-top: 1px solid #EFEFEF;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr th,
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr td {
padding: 15px 0;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr th {
text-align: left;
font-weight: normal;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr td {
text-align: right;
color: #000000;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-banner {
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-banner img {
display: block !important;
width: 100% !important;
height: auto !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
@media(max-width: 959px) {
.product-new .product-new-header {
display: block;
}
.product-new .product-new-header > * {
display: block;
width: auto;
}
.product-new .product-new-header > * + * {
margin-top: 30px;
}
.product-new .product-new-header > *:nth-child(1) {
display: none;
}
.product-new .product-new-header > *:nth-child(2) {
margin-top: 0;
display: block;
padding-left: 0;
}
.product-new .product-new-header .product-new-imagemob {
margin-top: 30px;
display: block;
}
.product-new .product-new-header .product-new-price-text {
margin-top: 30px;
}
.product-new .product-new-header .product-new-button button,
.product-new .product-new-header .product-new-button a {
display:block;
width: 100%;
}
}
@media(max-width: 639px) {
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div[data-chcstab="opened"] dl {
display: block;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dd + dt {
margin-top: 30px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dd {
margin-top: 5px;
text-align: left;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dt::before {
display: none;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dd::after {
content: "";
display: block;
position: absolute;
height: 5px;
left: 0;
right: 0;
background-color: transparent;
border-top: 1px solid #EFEFEF;
margin-top: 15px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-chcstabs > div dl dd:last-child::after {
display: none;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table,
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr,
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr th,
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr td {
display: block;
text-align: left;
padding:0;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr th {
padding-bottom: 5px;
}
.product-new .product-new-content .product-new-content-container.product-new-content-container-table table tr + tr {
margin-top: 15px;
padding-top: 15px;
}
}
.review-k {
display: flex;
align-items: center;
margin-bottom: 30px;
border: 1px solid #e0e0e0;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.review-k-image {
width: 50%;
margin: 0 13px 5px 0%;
border-radius: 5px;
display:inline-block;
}
.review-k-text {
flex-grow: 1;
}
.review-k-text h2 {
color: #333;
margin-top: 0;
}
.review-k-text p {
color: #666;
}
.author-k {
font-style: italic;
color: #888;
margin-top: 10px;
}
.content table.product-new-pricetable {
width: 100%;
margin: 0;
padding: 0;
font-size: 16px;
}
.content table.product-new-pricetable tr {
border-top: 1px solid #EFEFEF;
}
.content table.product-new-pricetable thead tr {
border-top: none;
}
.content table.product-new-pricetable tr th,
.content table.product-new-pricetable tr td {
padding: 15px 0;
}
.content table.product-new-pricetable tr th {
text-align: left;
font-weight: normal;
}
.content table.product-new-pricetable tr td {
text-align: left;
color: #000000;
}
.container-ya {
max-width: 960px;
margin: 0 auto;
background: white;
padding: 16px;
border-radius: 12px;
}
.container-ya-glav {
max-width: 100%;
margin: 0 auto;
background: white;
padding: 16px;
border-radius: 12px;
}
.header-ya {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
}
@media (min-width: 768px) {
.header-ya {
flex-direction: row;
align-items: center;
}
}
.logo-ya {
margin-right: 0;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.logo-ya {
margin-right: 24px;
margin-bottom: 0;
}
}
.logo-ya img {
box-shadow: none !important;
width: 100px;
height: auto;
}
.rating-block {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
background: #fff6d6;
border-radius: 8px;
border: 1px solid #ffeba0;
width: 100%;
}
.review-count {
color: #666;
font-size: 12px;
font-weight: 400;
}
@media (min-width: 768px) {
.rating-block {
width: auto;
gap: 12px;
padding: 12px 16px;
}
.review-count {
font-size: 15px;
}
}
.rating-number {
font-size: 28px;
font-weight: 600;
color: #21201F;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.slider-ya {
position: relative;
height: auto;
overflow: hidden;
}
/* */
.slider-ya input[type="radio"] {
display: none;
}
.slides-ya {
display: flex;
width: 400%;
transition: transform 0.5s ease;
}
.slides-ya-gl {
display: flex;
width: 500%;
transition: transform 0.5s ease;
}
.slide-ya {
min-width: 25%;
padding: 0 12px;
}
.slide-ya-gl {
min-width: 20%;
padding: 0 12px;
}
/* */
#slide1:checked ~ .slides-ya {
transform: translateX(0);
}
#slide2:checked ~ .slides-ya {
transform: translateX(-25%);
}
#slide3:checked ~ .slides-ya {
transform: translateX(-50%);
}
#slide4:checked ~ .slides-ya {
transform: translateX(-75%);
}
/* */
#slide1:checked ~ .slides-ya-gl {
transform: translateX(0);
}
#slide2:checked ~ .slides-ya-gl {
transform: translateX(-20%);
}
#slide3:checked ~ .slides-ya-gl {
transform: translateX(-40%);
}
#slide4:checked ~ .slides-ya-gl {
transform: translateX(-60%);
}
#slide5:checked ~ .slides-ya-gl {
transform: translateX(-80%);
}
.review-card {
background: #fff;
border-radius: 8px;
padding: 14px;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 16px;
}
.review-card:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
.slide-ya {
display: flex;
flex-direction: row;
gap: 20px;
padding: 0 20px;
}
.slide-ya-gl {
display: flex;
flex-direction: row;
gap: 20px;
padding: 0 20px;
}
.review-card {
width: 50%;
margin-bottom: 0;
padding: 16px;
}
}
.review-header {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.avatar {
width: 36px;
height: 36px;
border-radius: 50%;
margin-right: 12px;
background-color: #f3f3f3;
}
.user-info {
flex-grow: 1;
}
.username-ya {
font-size: 14px;
font-weight: 500;
}
.date-ya {
color: #999;
font-size: 12px;
}
.rating {
margin-bottom: 8px;
height: 20px;
display: flex;
align-items: center;
}
.star {
width: 20px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15.77L16.18 19.5L14.54 12.47L20 7.74L12.81 7.13L10 0.5L7.19 7.13L0 7.74L5.46 12.47L3.82 19.5L10 15.77Z' fill='%23FCC200'/%3E%3C/svg%3E") center no-repeat;
margin-right: 2px;
}
.star-empty {
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15.77L16.18 19.5L14.54 12.47L20 7.74L12.81 7.13L10 0.5L7.19 7.13L0 7.74L5.46 12.47L3.82 19.5L10 15.77Z' fill='%23E5E5E5'/%3E%3C/svg%3E") center no-repeat;
}
.star-half {
width: 20px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='halfGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='50%25' stop-color='%23FCC200'/%3E%3Cstop offset='50%25' stop-color='%23E5E5E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M10 15.77L16.18 19.5L14.54 12.47L20 7.74L12.81 7.13L10 0.5L7.19 7.13L0 7.74L5.46 12.47L3.82 19.5L10 15.77Z' fill='url(%23halfGrad)'/%3E%3C/svg%3E") center no-repeat;
margin-right: 2px;
}
.review-text-ya {
font-size: 14px;
line-height: 1.4;
margin-top: 8px;
}
@media (min-width: 768px) {
.username-ya {
font-size: 15px;
}
.date-ya {
font-size: 13px;
}
.review-text-ya {
font-size: 15px;
line-height: 20px;
}
}
.nav-wrapper-ya {
position: static;
display: flex;
justify-content: center;
gap: 6px;
padding: 0 12px;
margin-top: 20px;
}
.nav-btn-ya {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
cursor: pointer;
color: #21201F;
padding: 6px 12px;
font-size: 13px;
min-width: 36px;
}
.nav-btn-ya:hover {
background-color: #f3f3f3;
border-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
.nav-btn-ya {
padding: 8px 16px;
font-size: 14px;
min-width: 40px;
}
}
/* */
#slide1:checked ~ .nav-wrapper-ya .nav-btn-ya[for="slide1"],
#slide2:checked ~ .nav-wrapper-ya .nav-btn-ya[for="slide2"],
#slide3:checked ~ .nav-wrapper-ya .nav-btn-ya[for="slide3"],
#slide4:checked ~ .nav-wrapper-ya .nav-btn-ya[for="slide4"],
#slide5:checked ~ .nav-wrapper-ya .nav-btn-ya[for="slide5"] {
background-color: #ffeba0;
border-color: #ffcc00;
font-weight: 500;
}
.review-link-ya {
text-decoration: none !important;
display: block;
width: fit-content;
margin: 0 auto;
}
.add-review-ya {
width: 100%;
padding: 10px 20px;
font-size: 14px;
margin-top: 16px;
background: #ffdb4d;
border: none;
border-radius: 4px;
font-weight: 500;
cursor: pointer;
color: #21201F;
}
@media (min-width: 768px) {
.add-review-ya {
width: auto;
padding: 12px 24px;
font-size: 15px;
}
}
.review-link-ya:hover .add-review-ya {
transform: translateY(-2px);
background: #ffd633;
box-shadow: 0 4px 12px rgba(255, 219, 77, 0.4);
}
.review-link-ya:active .add-review-ya {
transform: translateY(0);
box-shadow: none;
}
.advantages-g {
padding: 10px 0;
background: #fff;
}
.advantages-g-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 15px;
}
.advantages-g-title {
text-align: center;
color: #333;
font-size: 28px;
margin-bottom: 30px;
}
.advantages-g-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.advantage-g-card {
background: white;
padding: 20px;
border-radius: 6px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
border-top: 3px solid #2c5282;
}
.advantage-g-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-top: 3px solid #ff6b00;
}
.advantage-g-icon {
width: 40px;
height: 40px;
margin-bottom: 12px;
color: #2c5282;
}
.advantage-g-card:hover .advantage-g-icon {
color: #ff6b00;
}
.advantage-g-title {
font-size: 16px;
font-weight: 600;
color: #2c5282;
margin-bottom: 8px;
}
.advantage-g-text {
font-size: 14px;
color: #666;
line-height: 1.4;
margin: 0;
font-weight: 400;
}
@media (max-width: 992px) {
.advantages-g-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.advantages-g {
padding: 6px 0;
}
.advantages-g-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.advantage-g-card {
padding: 14px 12px;
border-top-width: 2px;
display: flex;
align-items: center;
gap: 12px;
}
.advantage-g-icon {
width: 28px;
height: 28px;
flex-shrink: 0;
color: #ff6b00;
}
.advantage-g-title {
font-size: 14px;
margin-bottom: 0;
}
.advantage-g-text {
display: none;
}
.advantage-g-card:nth-child(3),
.advantage-g-card:nth-child(4) {
display: none;
}
}
.advantages-g--mobile {
display: none;
}
@media (max-width: 576px) {
.advantages-g--mobile {
display: block;
}
.advantages-g--desktop {
display: none;
}
}
.calk-box1--mobile {
display: none;
}
@media (max-width: 576px) {
.calk-box1--mobile {
display: block;
}
.calk-box1--desktop {
display: none;
}
}
:root {
--primary-blue: #2b6cb0;
--primary-orange: #ed8936;
--primary-green: #38a169;
--hover-orange: #dd6b20;
--light-bg: #f7fafc;
--discount-red: #e53e3e;
}
.services-container {
width: 100%;
margin: 0 auto;
padding: 5px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
font-family: 'Arial', sans-serif;
box-sizing: border-box;
}
.service-card {
background: white;
border-radius: 8px;
padding: 17px;
text-align: left;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
border-top: 3px solid var(--primary-blue);
display: flex;
flex-direction: column;
height: 475px;
}
.service-card:hover {
transform: translateY(-3px);
}
.service-title {
color: var(--primary-blue);
font-size: 16px;
margin-bottom: 15px;
font-weight: 600;
line-height: 1.4;
min-height: 45px;
}
.service-description {
color: #4a5568;
font-size: 14px;
line-height: 1.5;
flex-grow: 1;
}
.service-description ul {
list-style: none;
padding: 0;
margin: 0;
}
.service-description li {
margin-bottom: 12px;
padding-left: 20px;
position: relative;
}
.service-description li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 8px;
height: 8px;
background-color: var(--primary-blue);
border-radius: 50%;
}
.service-description strong {
color: var(--primary-green);
font-weight: 600;
}
.price-block {
margin-top: auto;
}
.service-price {
color: var(--primary-blue);
font-size: 22px;
font-weight: bold;
margin: 15px 0;
padding: 8px;
background: #ebf8ff;
border-radius: 6px;
text-align: center;
}
.service-old-price {
text-decoration: line-through;
font-size: 18px;
color: #718096;
display: inline-block;
margin-right: 8px;
}
.service-new-price {
color: var(--discount-red);
display: inline-block;
}
.service-discount-label {
background-color: var(--discount-red);
color: white;
font-size: 12px;
padding: 2px 8px;
border-radius: 4px;
display: inline-block;
margin-bottom: 5px;
}
.order-button {
background: var(--primary-orange);
color: white;
border: none;
padding: 10px 20px;
border-radius: 6px;
font-size: 14px;
cursor: pointer;
transition: background 0.3s ease;
width: 100%;
font-weight: 500;
}
.order-button:hover {
background: var(--hover-orange);
}
.body-service-price {
background: var(--light-bg);
margin: 0;
padding: 5px;
}
@media (max-width: 1140px) {
.services-container {
grid-template-columns: repeat(2, 1fr);
padding: 15px;
}
}
@media (max-width: 768px) {
.services-container {
grid-template-columns: 1fr;
padding: 10px;
}
.service-card {
height: auto;
min-height: 280px;
}
.service-title {
min-height: auto;
font-size: 15px;
}
.service-description {
font-size: 12px;
}
.service-price {
font-size: 20px;
}
.order-button {
padding: 12px 20px;
}
}
/*
cookie cap
*/
#cap {
}
#cap .cap .cap-content,
#cap .cap .cap-info {
font-size: 14px !important;
line-height: normal !important;
position: relative !important;
font: 15px / 17px 'Roboto', Arial, Helvetica, sans-serif !important;
text-indent: 0 !important;
padding-top: 3px;
}
#cap .cap .cap-content {
padding-right: 100px;
}
#cap .cap .cap-content a {
color:#fff;
text-decoration: underline;
}
#cap .cap .cap-content a:hover {
color:#fff;
text-decoration: none;
}
#cap .cap .cap-info {
padding-left: 10px;
}
#cap .cap .cap-content .cap-sign {
position: absolute;
top:50%;
margin-top: -15px;
left: 0;
margin-left: -25px;
font-size: 35px;
height: 35px;
line-height: 35px;
}
#cap .cap #capCloseBtn {
position: absolute;
top:50%;
margin-top: -17.5px;
right: 10px;
height: 35px;
line-height: 35px;
border: 1px solid #fff;
border-radius: 5px;
width: 50px;
}
#cap .cap #capCloseBtn:hover {
background-color: #fff;
color: #3cb868;
}
@media screen and (max-width: 767px) {
#cap {
right: 65px;
}
#cap .cap {
overflow: auto;
max-height: 170px !important;
height: 170px;
}
#cap .cap .cap-content,
#cap .cap .cap-info {
padding-left: 0px;
margin-left: 0;
}
#cap .cap .cap-content .cap-sign {
display: none;
}
#cap .cap.main {
display: block !important;
}
#cap .cap .mfp-close {
right: 10px !important;
left: auto !important;
width: 100px !important;
}
}
.steps-container {
max-width: 100%;
margin: 20px auto;
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
padding: 40px 30px;
position: relative;
}
.steps-title {
text-align: center;
color: #1e40af;
font-size: 24px;
font-weight: 600;
margin-bottom: 40px;
}
.steps-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
position: relative;
}
.connection-line {
position: absolute;
top: 35px;
left: 12.5%;
right: 12.5%;
height: 2px;
background: #1e40af;
z-index: 1;
}
.step-card {
background: white;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 24px 16px;
text-align: center;
position: relative;
transition: all 0.2s ease;
z-index: 2;
}
.step-card:hover {
border-color: #cbd5e1;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.step-number {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: white;
margin: 0 auto 16px;
position: relative;
z-index: 3;
}
.step-number {
background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3);
}
.step-icon {
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.step-icon svg {
height: 28px;
width: 28px;
transition: transform 0.2s ease;
}
.step-icon svg {
fill: #059669;
}
.step-card:hover .step-icon svg {
transform: scale(1.1);
}
.step-title {
font-size: 16px;
font-weight: 600;
color: #1e293b;
margin-bottom: 12px;
line-height: 1.3;
}
.step-description {
font-size: 15px;
color: #64748b;
line-height: 1.5;
}
.steps-summary {
background: linear-gradient(135deg, #eff6ff 0%, #fff7ed 50%, #ecfdf5 100%);
border-radius: 8px;
padding: 20px;
margin-top: 30px;
text-align: center;
}
.summary-text {
color: #475569;
font-size: 14px;
font-weight: 500;
}
.highlight {
color: #1e40af;
font-weight: 600;
}
@media (max-width: 768px) {
.steps-container {
padding: 30px 20px;
margin: 10px;
}
.steps-title {
font-size: 20px;
margin-bottom: 30px;
}
.steps-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.connection-line {
display: none;
}
.step-card {
padding: 20px 12px;
}
.step-title {
font-size: 15px;
}
.step-description {
font-size: 14px;
}
}
@media (max-width: 480px) {
.steps-wrapper {
grid-template-columns: 1fr;
gap: 12px;
}
.step-card {
padding: 18px 16px;
}
.steps-summary {
padding: 16px;
margin-top: 24px;
}
.summary-text {
font-size: 14px;
}
}
.address-container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: Arial, sans-serif;
box-sizing: border-box;
}
.address-header {
text-align: center;
margin-bottom: 30px;
}
.address-header-h2 {
font-size: 36px;
color: #2c3e50;
margin-bottom: 10px;
}
.address-header p {
font-size: 18px;
color: #7f8c8d;
}
.address-content {
display: flex;
flex-wrap: wrap;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
}
.address-info {
flex: 1;
min-width: 300px;
background-color: #f8f9fa;
padding: 40px;
}
.address-map {
flex: 2;
max-width: 100%;
height: 550px;
margin: 0 auto;
}
.info-item-adress {
margin-bottom: 25px;
}
.info-item-adress-h3 {
font-size: 18px;
color: #2c3e50;
margin-bottom: 10px;
}
.info-item-adress p {
font-size: 16px;
color: #34495e;
margin: 0;
}
.contact-button-adress {
display: inline-block;
background-color: #3498db;
color: white;
padding: 12px 25px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
margin-top: 20px;
transition: background-color 0.3s;
}
.contact-button-adress:hover {
background-color: #2980b9;
}
@media (max-width: 768px) {
.address-content {
flex-direction: column;
}
.address-info {
order: 2;
}
.address-container {
padding: 1px 1px;
}
.address-map {
width: 100%;
overflow: hidden;
}
.info-item-adress p {
font-size: 14px;
}
}
/*
old modal-callback fix & mob style
*/
.popup#modal-call [data-required-has-error-message],
.popup#modal-onebuyclick [data-required-has-error-message] {
position: absolute;
margin-top: -20px;
padding: 0 5px;
background-color: red;
color: white;
font-size: 9px;
text-transform: lowercase;
}
.popup#modal-call [data-required-has-error="true"],
.popup#modal-onebuyclick [data-required-has-error="true"] {
border-color: red !important;
color: red !important;
}
.popup#modal-call [data-required-has-error="true"]::-webkit-input-placeholder,
.popup#modal-onebuyclick [data-required-has-error="true"]::-webkit-input-placeholder {
color: red;
}
.popup#modal-call [data-required-has-error="true"]:-ms-input-placeholder,
.popup#modal-onebuyclick [data-required-has-error="true"]:-ms-input-placeholder {
color: red;
}
.popup#modal-call [data-required-has-error="true"]::placeholder,
.popup#modal-onebuyclick [data-required-has-error="true"]::placeholder {
color: red;
}
@media(max-width: 639px) {
.popup#modal-call [data-required-has-error-message],
.popup#modal-onebuyclick [data-required-has-error-message] {
margin-top: -13px;
}
.popup#modal-call .info-user.info-user-agree + [data-required-has-error-message],
.popup#modal-onebuyclick .info-user.info-user-agree + [data-required-has-error-message] {
margin-top: -19px;
}
.popup#modal-call .h3,
.popup#modal-onebuyclick .h3 {
font-size: 20px;
margin-bottom: 10px;
}
.popup#modal-call fieldset .h4,
.popup#modal-onebuyclick fieldset .h4 {
font-size: 16px;
}
.popup#modal-call fieldset textarea,
.popup#modal-onebuyclick fieldset textarea {
height: 60px;
}
.popup#modal-call .info-user,
.popup#modal-onebuyclick .info-user {
font-size: 9px;
}
}
/*
fixed top menu
*/
[data-compensator="fixedTopMenu_elem1"],
[data-fixedmenu-customdesign],
[data-fixedmenu-customdesign] {
display:none;
}
@media(min-width: 959px) {
.header-new .header-new-bottom[data-fixed="true"] {
position:fixed;
left:0;
right:0;
top:0;
z-index:1000; /*10*/
background-color: #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.17);
}
.header-new .header-new-bottom[data-fixed="true"] .header-new-grid {
position: relative;
max-width: 1290px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.header-new .header-new-bottom[data-fixed="true"] .header-new-grid > *:nth-child(2) {
display: none;
}
.header-new .header-new-bottom[data-fixed="true"] .header-new-grid .header-new-menu {
margin-left: 210px;
margin-right: 150px;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="logo"] {
display: block;
position: absolute;
left: 15px;
top:20px;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="logo"] img {
width: 180px !important;
height: auto !important;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="phone"] {
display: block;
position: absolute;
right: 15px;
top:22px;
text-align: right;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="phone"] a,
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="phone"] a:hover {
font-size: 18px !important;
color: #2a2b2e !important;
font-weight: bold !important;
text-decoration: none !important;
}
[data-compensator="fixedTopMenu_elem1"] {
display:block;
}
}
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
align-items: center;
justify-content: center;
}
.modal-window {
background-color: white;
padding: 20px;
border-radius: 10px;
width: 450px;
max-width: 90%;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
position: relative;
animation: fadeIn 0.5s ease;
}
.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.discount-label {
background-color: #ff6b00;
color: white;
font-weight: bold;
padding: 5px 15px;
border-radius: 20px;
display: inline-block;
margin-bottom: 10px;
}
.modal-title {
color: #0066cc;
margin: 0;
font-size: 24px;
font-weight: 500;
}
.close-button {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #999;
}
.close-button:hover {
color: #333;
}
.modal-body {
margin: 1px 0;
}
.discount-value {
font-size: 36px;
font-weight: bold;
color: #ff6b00;
text-align: center;
margin: 5px 0;
}
.promo-code {
font-size: 28px;
font-weight: bold;
color: #0066cc;
text-align: center;
background-color: #f0f7ff;
padding: 8px;
border-radius: 5px;
margin: 15px 0;
border: 1px dashed #0066cc;
}
.action-button {
display: block;
width: 100%;
padding: 12px;
background-color: #0066cc;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s;
}
.action-button:hover {
background-color: #005bb5;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
.delivery-info {
background-color: white;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
width: 70%;
margin: auto;
}
.delivery-info-h3 {
color: #0056b3;
margin-bottom: 15px;
font-size: 20px;
}
.delivery-info p {
margin-bottom: 15px;
}
.delivery-info ul {
padding-left: 20px;
margin-bottom: 15px;
}
.delivery-info li {
margin-bottom: 8px;
}
.delivery-note {
font-style: italic;
color: #666;
font-size: 14px;
}
.container-rekv {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
}
.requisites-card {
background: white;
border-radius: 15px;
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
overflow: hidden;
margin-bottom: 30px;
}
.requisites-table {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.requisites-table tr:nth-child(even) {
background-color: #f8f9fc;
}
.requisites-table tr:hover {
background-color: #e8f2ff;
transition: background-color 0.3s ease;
}
.requisites-table td {
padding: 18px 25px;
border-bottom: 1px solid #e2e8f0;
vertical-align: top;
}
.requisites-table td:first-child {
font-weight: 600;
color: #4a5568;
width: 35%;
background-color: #f7fafc;
}
.requisites-table td:last-child {
color: #2d3748;
font-weight: 500;
}
.download-section-rekv {
text-align: center;
padding: 40px;
background: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.download-btn-rekv {
display: inline-flex;
align-items: center;
gap: 12px;
background: #feac49;
color: white;
padding: 15px 30px;
border: none;
border-radius: 50px;
text-decoration: none !important;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}
.download-btn-rekv:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
}
.download-btn-rekv:active {
transform: translateY(0);
}
.download-icon-rekv {
width: 20px;
height: 20px;
}
@media (max-width: 768px) {
.container-rekv {
padding: 15px;
}
.requisites-table td {
padding: 12px 15px;
font-size: 0.9rem;
}
.requisites-table td:first-child {
width: 40%;
}
.download-btn-rekv {
padding: 12px 25px;
font-size: 1rem;
}
}
.h2-glav {
text-align: center;
position: relative;
margin: 30px 0;
font-family: 'Arial', sans-serif;
font-size: 28px;
font-weight: 600;
color: #333;
}
.h2-glav::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: #2d6fe0;
border-radius: 2px;
}
.h2-uslugi {
text-align: center;
position: relative;
margin: 30px 0;
font-family: 'Arial', sans-serif;
font-size: 23px;
font-weight: 600;
color: #333;
}
.h2-uslugi::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: #2d6fe0;
border-radius: 2px;
}
.zagolovok h2 {
text-align: center;
position: relative;
margin: 30px 0;
font-family: 'Arial', sans-serif;
font-size: 28px;
font-weight: 600;
color: #333;
}
.zagolovok h2::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: #2d6fe0;
border-radius: 2px;
}
.ul-glav, .ol-glav {
padding-left: 40px;
}
/* Flexbox utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.space-x-3 > * + * { margin-left: 0.75rem; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
/* Grid */
.grid { display: grid; }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
@media (min-width: 768px) {
.md\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.md\:block { display: block; }
}
/* Spacing */
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-12 { margin-bottom: 3rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.ml-2 { margin-left: 0.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-8 { margin-top: 2rem; }
/* Text styles */
.text-white { color: #ffffff; }
.text-gray-50 { color: #f9fafb; }
.text-gray-300 { color: #d1d5db; }
.text-gray-400 { color: #9ca3af; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-800 { color: #1f2937; }
.text-blue-600 { color: #2563eb; }
.text-blue-800 { color: #1e40af; }
.text-green-600 { color: #16a34a; }
.text-red-500 { color: #ef4444; }
.text-red-600 { color: #dc2626; }
.text-red-800 { color: #991b1b; }
.text-purple-500 { color: #a855f7; }
.text-orange-500 { color: #f97316; }
.text-yellow-500 { color: #eab308; }
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-6xl { font-size: 3.75rem; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.italic { font-style: italic; }
.opacity-90 { opacity: 0.9; }
/* Backgrounds */
.bg-white { background-color: #ffffff; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-gray-100 { background-color: #f3f4f6; }
.bg-gray-800 { background-color: #1f2937; }
.bg-blue-50 { background-color: #eff6ff; }
.bg-blue-100 { background-color: #dbeafe; }
.bg-blue-200 { background-color: #bfdbfe; }
.bg-green-50 { background-color: #f0fdf4; }
.bg-purple-50 { background-color: #faf5ff; }
.bg-orange-50 { background-color: #fff7ed; }
.bg-red-50 { background-color: #fef2f2; }
.bg-red-100 { background-color: #fee2e2; }
.bg-red-200 { background-color: #fecaca; }
.bg-yellow-500 { background-color: #eab308; }
.bg-opacity-20 { background-color: rgba(255, 255, 255, 0.2); }
/* Border */
.border-l-4 { border-left-width: 4px; }
.border-blue-500 { border-color: #3b82f6; }
.border-t { border-top-width: 1px; }
.border-gray-700 { border-color: #374151; }
.border-gray-200 { border-color: #e5e7eb; }
.divide-y > * + * { border-top-width: 1px; }
.divide-gray-200 > * + * { border-color: #e5e7eb; }
/* Border radius */
.rounded-lg { border-radius: 0.5rem; }
.rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rounded-full { border-radius: 9999px; }
/* Width and max-width */
.w-full { width: 100%; }
.w-20 { width: 5rem; }
.h-20 { height: 5rem; }
.h-0\.5 { height: 0.125rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-6xl { max-width: 72rem; }
.max-w-md { max-width: 28rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
/* Position */
.relative { position: relative; }
.absolute { position: absolute; }
.top-10 { top: 2.5rem; }
.left-1\/2 { left: 50%; }
/* Special backgrounds */
.bg-gradient-to-r {
background: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-blue-50 {
--tw-gradient-from: #eff6ff;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
}
.to-purple-50 {
--tw-gradient-to: #faf5ff;
}
.from-green-400 {
--tw-gradient-from: #4ade80;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(74, 222, 128, 0));
}
.to-blue-500 {
--tw-gradient-to: #3b82f6;
}
/* Special gradient backgrounds */
.bg-gradient-to-r.from-blue-50.to-purple-50 {
background: linear-gradient(to right, #eff6ff, #faf5ff);
}
.bg-gradient-to-r.from-green-400.to-blue-500 {
background: linear-gradient(to right, #4ade80, #3b82f6);
}
/* Leading (line-height) */
.leading-relaxed { line-height: 1.625; }
/* Hidden utility */
.hidden { display: none; }
/* Overflow */
.overflow-hidden { overflow: hidden; }
.table-border tbody tr {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
transition: all 0.3s ease;
}
.table-border tbody tr:hover {
background-color: #f9f9f9;
border-left: 4px solid #2196f3;
}
.zayavka-button {
display: block;
width: 30%;
padding: 12px;
background-color: #0066cc;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s;
margin-left: auto;
margin-right: auto;
}
.zayavka-button:hover {
background-color: #005bb5;
}
.number {
color: #333;
font-size: 14px;
}
.info-icon {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #007bff;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: bold;
cursor: pointer;
position: absolute;
top: 0;
right: -18px;
transition: all 0.3s ease;
}
.info-icon:hover {
background-color: #0056b3;
transform: scale(1.1);
}
.modal-info {
position: absolute;
top: 20px;
right: 0;
background: white;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 12px;
width: 300px;
height: 80px;
max-width: 90vw;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 2147483647;
}
.info-icon:hover .modal-info {
opacity: 1;
visibility: visible;
}
.modal-info::before {
content: '';
position: absolute;
top: -8px;
right: 8px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
}
.modal-info::after {
content: '';
position: absolute;
top: -9px;
right: 7px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #ddd;
z-index: 999998;
}
.modal-info-h3 {
margin: 0 0 6px 0;
color: #333;
font-size: 14px;
}
.modal-info p {
margin: 0;
color: #666;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
}
.modal-info-left {
right: auto;
left: 0;
}
.modal-info-left::before {
right: auto;
left: 8px;
}
.modal-info-left::after {
right: auto;
left: 7px;
}
.info-container {
display: inline-block;
position: relative;
}
@media (max-width: 768px) {
.modal-info {
position: fixed;
top: 50%;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
width: 220px;
height: 130px;
max-width: calc(100vw - 40px);
padding: 16px;
font-size: 14px; /* zoom iOS */
}
.modal-info::before,
.modal-info::after {
display: none; /* */
}
.modal-info p {
font-size: 14px;
line-height: 1.5;
}
.info-icon {
width: 16px;
height: 16px;
font-size: 12px;
}
.info-icon:hover::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999998;
}
}
@media (max-width: 480px) {
.modal-info {
position: fixed;
top: 50%;
left: 20%;
right: 0;
transform: translate(-50%, -50%);
width: 200px;
height: 130px;
max-width: calc(100vw - 20px);
padding: 14px;
font-size: 12px;
}
.modal-info p {
font-size: 13px;
line-height: 1.5;
}
}
@media (hover: none) and (pointer: coarse) {
.info-icon {
width: 16px;
height: 16px;
font-size: 12px;
}
.info-icon:active .modal,
.info-icon:focus .modal {
opacity: 1;
visibility: visible;
}
.info-icon:active::before,
.info-icon:focus::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999998;
}
}
.article-text-stati h2 {
font-size: 26px;
font-weight: 600;
color: #333;
margin: 35px 0 20px 0;
padding: 10px 0;
border-bottom: 2px solid #ddd;
}
/* h3 */
.article-text-stati h3 {
font-size: 20px;
font-weight: 600;
color: #444;
margin: 25px 0 15px 0;
padding: 10px 0 10px 15px;
border-left: 3px solid #999;
}
/* */
.article-text-stati table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 16px;
background: #fff;
border: 1px solid #ddd;
}
.article-text-stati table thead {
background: #f5f5f5;
color: #333;
}
.article-text-stati table th {
padding: 12px 15px;
text-align: left;
font-weight: 600;
border-bottom: 2px solid #ddd;
}
.article-text-stati table td {
padding: 12px 15px;
border-bottom: 1px solid #eee;
}
.article-text-stati table tr:nth-child(even) {
background-color: #fafafa;
}
.article-text-stati table tr:last-child td {
border-bottom: 1px solid #ddd;
}
/* */
@media (max-width: 768px) {
.article-text-stati table {
font-size: 14px;
}
.article-text-stati table th,
.article-text-stati table td {
padding: 8px 12px;
}
}
/* */
.article-text-stati p {
margin: 15px 0;
text-align: justify;
}
/* */
.article-text-stati .highlight {
background: #f0f0f0;
padding: 2px 4px;
border-radius: 2px;
font-weight: 500;
}
/* */
.article-text-stati ul, ol {
margin: 15px 0;
padding-left: 30px;
}
.article-text-stati li {
margin: 8px 0;
}
/* */
.article-text-stati h2, h3 {
animation: fadeIn 0.5s ease-out;
}
.article-text-stati strong {
font-weight: 700;
color: #222;
font-style: normal !important;
margin: 0 !important;
padding: 0 !important;
}
.mfp-close {
width: 120px !important;
}
@media screen and (max-width: 767px) {
.cap {
width: 100%;
height: auto !important;
max-height: none !important;
padding: 10px 10px 60px 10px;
}
.cap-content {
font:12px/14px 'Roboto',Arial,Helvetica,sans-serif !important;
text-indent: -23px;
margin-left: 23px;
width: 100%;
margin-bottom: 10px;
padding-right: 10px;
}
.mfp-close {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 14px;
right: 0;
bottom: 10px;
left: 0;
text-align: center;
background: rgba(0,0,0,0.2);
border-radius: 4px;
}
}
.container-zap {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.section-zap {
margin-bottom: 40px;
}
h2.section-title-zap {
font-size: 2rem;
margin-bottom: 20px;
color: #0066cc;
border-bottom: 2px solid #0066cc;
padding-bottom: 10px;
}
h3.subsection-title-zap {
font-size: 1.5rem;
margin: 25px 0 15px;
color: #0066cc;
}
p {
margin-bottom: 15px;
font-size: 1.1rem;
}
.img-container-zap {
text-align: center;
margin: 25px 0;
}
.img-zap {
max-width: 750px;
margin: auto;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.img-caption-zap {
font-style: italic;
color: #666666;
margin-top: 10px;
font-size: 0.9rem;
}
ul.list-zap, ol.list-zap {
margin-left: 20px;
margin-bottom: 20px;
}
ul.list-zap li, ol.list-zap li {
margin-bottom: 10px;
font-size: 1.1rem;
}
.note-zap {
background-color: #e6f2ff;
border-left: 4px solid #0066cc;
padding: 15px;
margin: 20px 0;
border-radius: 4px;
}
.warning-zap {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 15px;
margin: 20px 0;
border-radius: 4px;
}
.table-container-zap {
overflow-x: auto;
margin: 25px 0;
}
table.table-zap {
width: 100%;
border-collapse: collapse;
}
table.table-zap th {
background-color: #0066cc;
color: white;
text-align: left;
padding: 12px 15px;
}
table.table-zap td {
border-bottom: 1px solid #dddddd;
padding: 12px 15px;
}
table.table-zap tr:nth-child(even) {
background-color: #f5f5f5;
}
.faq-item-zap {
margin-bottom: 20px;
}
.faq-question-zap {
font-weight: 500;
color: #0066cc;
margin-bottom: 10px;
font-size: 1.2rem;
}
.faq-answer-zap {
padding-left: 20px;
}
.cta-box-zap {
background-color: #e6f2ff;
padding: 30px;
border-radius: 8px;
text-align: center;
margin: 40px 0;
}
.cta-box-zap h3 {
color: #0066cc;
margin-bottom: 15px;
}
.cta-button-zap {
display: inline-block;
background-color: #ff6600;
color: white;
padding: 12px 25px;
border-radius: 4px;
text-decoration: none;
font-weight: 500;
margin-top: 15px;
transition: background-color 0.3s;
}
.cta-button-zap:hover {
background-color: #e55c00;
}
.advantages-grid-zap {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
margin: 30px 0;
}
.advantage-item-zap {
background-color: #f5f5f5;
padding: 20px;
border-radius: 8px;
text-align: center;
}
.advantage-item-zap i {
font-size: 2.5rem;
color: #0066cc;
margin-bottom: 15px;
}
.advantage-item-zap h4 {
margin-bottom: 10px;
color: #0066cc;
}
.footer-zap {
background-color: #0066cc;
color: white;
padding: 30px 0;
margin-top: 50px;
}
.footer-content-zap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-column-zap {
flex: 1;
min-width: 250px;
margin-bottom: 20px;
}
.footer-column-zap h3 {
margin-bottom: 15px;
font-size: 1.2rem;
}
.footer-bottom-zap {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 20px;
font-size: 0.9rem;
}
@media (max-width: 768px) {
.header-zap h1 {
font-size: 2rem;
}
h2.section-title-zap {
font-size: 1.8rem;
}
h3.subsection-title-zap {
font-size: 1.3rem;
}
.advantage-item-zap {
min-width: 100%;
}
}
.toc-zap {
background-color: #f5f5f5;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
.toc-zap h3 {
margin-bottom: 15px;
}
.toc-list-zap {
list-style: none;
}
.toc-list-zap li {
margin-bottom: 8px;
}
.toc-list-zap a {
text-decoration: none;
color: #0066cc;
transition: color 0.3s;
}
.toc-list-zap a:hover {
color: #ff6600;
}
.highlight-box-zap {
background-color: #e6f7ff;
border: 1px solid #91d5ff;
padding: 15px;
border-radius: 4px;
margin: 20px 0;
}
.author-info-zap {
display: flex;
align-items: center;
margin: 30px 0;
background-color: #f5f5f5;
padding: 20px;
border-radius: 8px;
}
.author-avatar-zap {
width: 80px;
height: 80px;
border-radius: 50%;
margin-right: 20px;
object-fit: cover;
}
.author-bio-zap {
flex: 1;
}
.author-bio-zap h4 {
margin-bottom: 5px;
color: #0066cc;
}
.author-bio-zap p {
font-size: 0.95rem;
margin-bottom: 5px;
}
.price-table-border {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
.price-table-border thead {
background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
}
.price-table-border th {
padding: 16px 20px;
text-align: left;
color: white;
font-weight: 600;
font-size: 17px;
border: none;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.price-table-border th:nth-child(2) {
text-align: center;
}
.price-table-border tbody tr {
transition: all 0.3s ease;
border-bottom: 1px solid #e0e0e0;
}
.price-table-border tbody tr:nth-child(odd) {
background-color: #ffffff;
}
.price-table-border tbody tr:nth-child(even) {
background-color: #f8f9fa;
}
.price-table-border tbody tr:hover {
background-color: #e3f2fd;
transform: translateX(3px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.price-table-border td {
padding: 20px 20px;
border: none;
vertical-align: middle;
}
.price-table-border td:first-child {
color: #333;
font-weight: 450;
}
.price-table-border td:nth-child(2) {
text-align: center;
color: #2e7d32;
font-weight: 500;
}
.price-table-border tbody tr:hover td:nth-child(2) {
color: #1976d2;
transform: scale(1.05);
}
/* */
.price-table-border {
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 768px) {
.price-table-border {
display: block;
box-shadow: 0 2px 8px rgba(0, 105, 170, 0.1);
}
.price-table-border thead {
display: none;
}
.price-table-border tbody, .price-table-border tr, .price-table-border td {
display: block;
width: 100%;
}
.price-table-border tr {
border: 1px solid #e8f1f8;
border-radius: 6px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
margin-bottom: 20px; /* */
transform: none !important;
transition: none !important;
}
.price-table-border td {
padding: 14px 20px 14px 50% !important; /* */
text-align: right;
position: relative;
border-bottom: 1px solid #e8f1f8;
box-sizing: border-box;
transform: none !important;
transition: none !important;
}
.price-table-border td:last-child {
border-bottom: none;
text-align: right;
font-weight: 600;
color: #2e7d32;
}
.price-table-border td::before {
content: attr(data-label);
position: absolute;
left: 20px; /* */
width: calc(45% - 20px); /* */
font-weight: 600;
color: #0069aa;
text-align: left;
word-wrap: break-word; /* */
padding-right: 10px; /* */
box-sizing: border-box;
}
}
a.td-order-link { display: none; }
.th-order,
.td-order { display: none !important; }
@media (max-width: 768px) {
.price-table-border thead { display: none; }
.price-table-border,
.price-table-border tbody {
display: block;
background: transparent;
box-shadow: none;
}
.price-table-border tbody tr {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
background: #fff !important;
border: 1px solid #e8f1f8 !important;
border-radius: 10px !important;
margin-bottom: 12px !important;
padding: 14px 16px !important;
box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
transform: none !important;
transition: none !important;
}
.price-table-border tbody tr:hover {
background: #fff !important;
transform: none !important;
box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}
.price-table-border td {
display: block !important;
border: none !important;
border-bottom: none !important;
text-align: left !important;
padding: 4px 0 !important;
position: static !important;
width: 100% !important;
transform: none !important;
}
.price-table-border td::before {
position: static !important;
display: block !important;
width: auto !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .05em !important;
color: #999 !important;
margin-bottom: 1px !important;
padding: 0 !important;
text-align: left !important;
}
.price-table-border tbody tr td:nth-child(1) {
font-weight: 600 !important;
color: #222 !important;
text-align: left !important;
font-size: 16px !important;
}
.price-table-border tbody tr td:nth-child(2) {
font-size: 20px !important;
font-weight: 700 !important;
color: #3cb868 !important;
text-align: left !important;
}
.td-order {
display: block !important;
margin-top: 8px !important;
padding: 0 !important;
border: none !important;
}
.td-order::before {
display: none !important;
content: none !important;
}
.td-order a {
display: block !important;
width: 100% !important;
}
a.td-order-link {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 12px 16px !important;
background: #2375ff !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 700 !important;
font-family: Arial, sans-serif !important;
text-decoration: none !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
}
.container-ps {
max-width: 1200px;
margin: 0 auto;
}
.header-ps p {
font-size: 0.95rem;
color: #6c757d;
max-width: 500px;
margin: 0 auto;
}
.brands-grid-ps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
list-style: none !important;
padding: 0;
margin: 0;
}
.brand-card-ps {
background: white;
border-radius: 8px;
padding: 20px 15px;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
border: 1px solid #e9ecef;
position: relative;
cursor: pointer;
list-style: none;
}
.brand-card-ps:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
border-color: #3498db;
}
.img-holder-ps {
width: 130px;
height: 130px;
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: all 0.3s ease;
}
.brand-card-ps:hover .img-holder-ps {
transform: scale(1.05);
}
.content .newstyle-price .img-holder-ps img {
width: 130px !important;
height: 130px !important;
object-fit: contain !important;
display: block !important;
box-shadow: 0 0 0 0 !important;
}
.text-info-ps {
position: relative;
z-index: 2;
}
.brand-name-ps {
font-size: 1rem;
font-weight: 600;
color: #2c3e50;
margin-bottom: 5px;
transition: color 0.3s ease;
}
.brand-model-ps {
font-size: 0.8rem;
color: #6c757d;
line-height: 1.3;
margin-top: 3px;
}
.verification-badge-ps {
position: absolute;
top: 8px;
right: 8px;
width: 20px;
height: 20px;
background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.verification-badge-ps::before {
content: '\2713';
color: white;
font-weight: bold;
font-size: 10px;
}
@keyframes fadeInUp-ps {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.brand-card-ps {
animation: fadeInUp-ps 0.6s ease forwards;
}
.brand-card-ps:nth-child(1) { animation-delay: 0.1s; }
.brand-card-ps:nth-child(2) { animation-delay: 0.2s; }
.brand-card-ps:nth-child(3) { animation-delay: 0.3s; }
.brand-card-ps:nth-child(4) { animation-delay: 0.4s; }
.brand-card-ps:nth-child(5) { animation-delay: 0.5s; }
.brand-card-ps:nth-child(6) { animation-delay: 0.6s; }
.brand-card-ps:nth-child(7) { animation-delay: 0.7s; }
.brand-card-ps:nth-child(8) { animation-delay: 0.8s; }
.brand-card-ps:nth-child(9) { animation-delay: 0.9s; }
.brand-card-ps:nth-child(10) { animation-delay: 1.0s; }
.brand-card-ps:nth-child(11) { animation-delay: 1.1s; }
.brand-card-ps:nth-child(12) { animation-delay: 1.2s; }
.brand-card-ps:nth-child(13) { animation-delay: 1.3s; }
.brand-card-ps:nth-child(14) { animation-delay: 1.4s; }
@media (max-width: 768px) {
.brands-grid-ps {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
}
.brand-card-ps {
padding: 15px 12px;
}
}
@media (max-width: 480px) {
.brands-grid-ps {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
body {
padding: 15px;
}
.header-ps h1 {
font-size: 1.4rem;
}
}
.contact-banner-min-form {
width: 100%;
height: 80px;
background: linear-gradient(135deg, #2c5aa0 0%, #1e4080 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
box-shadow: 0 4px 20px rgba(44, 90, 160, 0.2);
position: relative;
overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
margin-top: 30px;
margin-bottom: 30px;
}
.contact-banner-min-form::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
border-radius: 50%;
}
.banner-content-min-form {
display: flex;
align-items: center;
gap: 30px;
flex: 1;
}
.banner-text-min-form {
color: white;
}
.banner-title-min-form {
font-size: 20px;
font-weight: 600;
margin-bottom: 4px;
line-height: 1.2;
}
.banner-subtitle-min-form {
font-size: 14px;
opacity: 0.9;
font-weight: 400;
}
.order-button-min-form {
background: #fe9a1b;
color: white;
border: none;
padding: 16px 32px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 3px 12px rgba(255, 107, 53, 0.3);
min-width: 140px;
}
.order-button-min-form:hover {
background: #e98a10;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}
.order-button-min-form:active {
transform: translateY(0);
}
.icon-min-form {
width: 32px;
height: 32px;
background: rgba(255, 255, 255, 0.2);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.icon-min-form svg {
width: 18px;
height: 18px;
fill: white;
}
/* */
@media (max-width: 980px) {
.contact-banner-min-form {
margin: 0 10px;
}
}
@media (max-width: 768px) {
.contact-banner-min-form {
padding: 0 20px;
height: 70px;
margin: 0 10px;
}
.banner-content-min-form {
gap: 15px;
}
.banner-title-min-form {
font-size: 16px;
}
.banner-subtitle-min-form {
font-size: 14px;
}
.order-button-min-form {
padding: 12px 20px;
font-size: 14px;
min-width: 100px;
}
}
@media (max-width: 480px) {
.contact-banner-min-form {
height: 130px;
padding: 15px;
flex-direction: column;
justify-content: center;
gap: 15px;
margin-top: 30px;
margin-bottom: 30px;
}
.banner-content-min-form {
gap: 12px;
width: 100%;
justify-content: center;
}
.icon-min-form {
width: 24px;
height: 24px;
}
.icon-min-form svg {
width: 14px;
height: 14px;
}
.banner-title-min-form {
font-size: 14px;
text-align: center;
margin-bottom: 2px;
}
.banner-subtitle-min-form {
font-size: 14px;
text-align: center;
}
.order-button-min-form {
padding: 10px 24px;
font-size: 14px;
min-width: 120px;
width: 100%;
max-width: 200px;
align-self: center;
}
}
.water-meters-hgvs {
padding: 3rem 0;
background-color: #f3f4f6;
}
.container-hgvs {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.grid-hgvs {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 768px) {
.grid-hgvs {
grid-template-columns: repeat(2, 1fr);
}
}
.card-hgvs {
background: white;
border-radius: 12px;
padding: 2rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hgvs:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.card-header-hgvs {
display: flex;
align-items: center;
margin-bottom: 0.5em;
}
.icon-wrapper-hgvs {
padding: 0.75rem;
border-radius: 50%;
margin-right: 1rem;
display: flex;
align-items: center;
justify-content: center;
min-width: 56px;
min-height: 56px;
}
.cold-water-hgvs .icon-wrapper-hgvs {
background-color: #dbeafe;
}
.hot-water-hgvs .icon-wrapper-hgvs {
background-color: #fee2e2;
}
.icon-hgvs {
font-size: 1.5rem;
}
.cold-water-hgvs .icon-hgvs {
color: #2563eb;
}
.hot-water-hgvs .icon-hgvs {
color: #dc2626;
}
.card-title-hgvs {
font-size: 1.25rem;
font-weight: 700;
color: #1f2937;
margin: 0;
line-height: 1.4;
}
@media (max-width: 767px) {
.card-title-hgvs {
font-size: 1.125rem;
}
}
.period-info-hgvs {
padding: 1rem;
border-radius: 8px;
margin-bottom: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
}
.cold-water-hgvs .period-info-hgvs {
background-color: #eff6ff;
}
.hot-water-hgvs .period-info-hgvs {
background-color: #fef2f2;
}
.period-label-hgvs {
font-weight: 600;
margin: 0;
}
.cold-water-hgvs .period-label-hgvs {
color: #1e40af;
}
.hot-water-hgvs .period-label-hgvs {
color: #991b1b;
}
.period-value-hgvs {
padding: 0.5rem 0.75rem;
border-radius: 20px;
font-weight: 700;
font-size: 0.875rem;
white-space: nowrap;
}
.cold-water-hgvs .period-value-hgvs {
background-color: #bfdbfe;
color: #1e40af;
}
.hot-water-hgvs .period-value-hgvs {
background-color: #fecaca;
color: #991b1b;
}
.card-description-hgvs {
color: #4b5563;
line-height: 1.6;
margin: 0;
font-size: 0.95rem;
}
@media (max-width: 767px) {
.water-meters-hgvs {
padding: 2rem 0;
}
.card-hgvs {
padding: 1.5rem;
}
.card-header-hgvs {
flex-direction: column;
text-align: center;
gap: 1rem;
}
.icon-wrapper-hgvs {
margin-right: 0;
}
.period-info-hgvs {
flex-direction: column;
text-align: center;
gap: 0.75rem;
}
.grid-hgvs {
gap: 1.5rem;
}
}
@media (max-width: 480px) {
.container-hgvs {
padding: 0 0.75rem;
}
.card-hgvs {
padding: 1.25rem;
}
.card-description-hgvs {
font-size: 0.9rem;
}
}
/* Animation for mobile interactions */
@media (max-width: 767px) {
.card-hgvs:active {
transform: scale(0.98);
}
}
/* High contrast mode support */
@media (prefers-contrast: high) {
.card-hgvs {
border: 2px solid #000;
}
.period-value-hgvs {
border: 1px solid currentColor;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.card-hgvs {
transition: none;
}
}
.portfolio-container-portfolio {
max-width: 1000px;
margin: 0 auto;
padding: 20px 20px;
}
.portfolio-grid-portfolio {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 200px);
gap: 15px;
height: 615px;
}
.portfolio-item-portfolio {
position: relative;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.portfolio-item-portfolio:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(44, 90, 160, 0.2);
}
.content .newstyle-price .portfolio-item-portfolio img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.3s ease;
display: block;
margin: 0 0 0 0 !important;
}
.content .newstyle-price .portfolio-item-portfolio:hover img {
transform: scale(1.05);
}
.portfolio-overlay-portfolio {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(44, 90, 160, 0.9));
color: white;
padding: 20px 15px 15px;
transform: translateY(100%);
transition: transform 0.3s ease;
}
.portfolio-item-portfolio:hover .portfolio-overlay-portfolio {
transform: translateY(0);
}
.portfolio-overlay-title-portfolio {
font-size: 0.9em;
font-weight: 600;
margin-bottom: 5px;
}
.portfolio-overlay-desc-portfolio {
font-size: 0.8em;
opacity: 0.9;
line-height: 1.3;
}
/* */
.portfolio-item-1-portfolio {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.portfolio-item-2-portfolio {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
.portfolio-item-3-portfolio {
grid-column: 1 / 2;
grid-row: 2 / 4;
}
.portfolio-item-4-portfolio {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.portfolio-item-5-portfolio {
grid-column: 3 / 4;
grid-row: 3 / 4;
}
.portfolio-item-6-portfolio {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.portfolio-badge-portfolio {
position: absolute;
top: 15px;
right: 15px;
background: #2c5aa0;
color: white;
padding: 5px 10px;
border-radius: 20px;
font-size: 0.7em;
font-weight: 600;
z-index: 2;
}
/* */
@media (max-width: 768px) {
.portfolio-container-portfolio {
padding: 30px 15px;
}
.portfolio-grid-portfolio {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 150px);
height: auto;
}
.portfolio-item-1-portfolio,
.portfolio-item-2-portfolio,
.portfolio-item-3-portfolio,
.portfolio-item-4-portfolio,
.portfolio-item-5-portfolio,
.portfolio-item-6-portfolio {
grid-column: auto;
grid-row: auto;
}
.portfolio-title-portfolio {
font-size: 2em;
}
}
@media (max-width: 480px) {
.portfolio-grid-portfolio {
grid-template-columns: 1fr;
grid-template-rows: repeat(6, 180px);
}
}
.container-ptt {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
.content-wrapper-ptt {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.header-section-ptt {
background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
color: white;
padding: 3rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
.header-section-ptt::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
animation: float-ptt 6s ease-in-out infinite;
}
@keyframes float-ptt {
0%, 100% { transform: translate(0, 0) rotate(0deg); }
50% { transform: translate(-20px, -20px) rotate(180deg); }
}
.main-title-ptt {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
position: relative;
z-index: 1;
}
.subtitle-ptt {
font-size: 1.25rem;
opacity: 0.9;
position: relative;
z-index: 1;
}
.content-section-ptt {
padding: 2rem;
}
.intro-text-ptt {
font-size: 1.1rem;
line-height: 1.6;
color: #374151;
margin-bottom: 2.5rem;
text-align: justify;
background: linear-gradient(to right, #f8fafc, #e2e8f0);
padding: 1.5rem;
border-radius: 12px;
border-left: 4px solid #3b82f6;
}
.section-block-ptt {
margin-bottom: 2.5rem;
background: #f9fafb;
border-radius: 15px;
padding: 2rem;
border: 1px solid #e5e7eb;
transition: all 0.3s ease;
}
.section-title-ptt {
font-size: 1.5rem;
font-weight: 600;
color: #1f2937;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.icon-wrapper-ptt {
width: 3rem;
height: 3rem;
background: linear-gradient(135deg, #3b82f6, #1d4ed8);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.25rem;
}
.list-item-ptt {
background: white;
margin: 0.75rem 0;
padding: 1rem 1.5rem;
border-radius: 10px;
border-left: 4px solid #10b981;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
display: flex;
align-items: flex-start;
gap: 1rem;
transition: all 0.2s ease;
}
.list-item-ptt:hover {
transform: translateX(5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.list-icon-ptt {
color: #10b981;
font-size: 1.1rem;
margin-top: 0.2rem;
flex-shrink: 0;
}
.procedure-text-ptt {
font-size: 1.1rem;
line-height: 1.6;
color: #4b5563;
text-align: justify;
}
.advantages-grid-ptt {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.advantage-card-ptt {
background: white;
padding: 1.5rem;
border-radius: 12px;
border: 2px solid #e5e7eb;
text-align: center;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.advantage-card-ptt::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);
transition: left 0.5s ease;
}
.advantage-card-ptt:hover::before {
left: 100%;
}
.advantage-card-ptt:hover {
border-color: #3b82f6;
transform: translateY(-3px);
box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.2);
}
.advantage-icon-ptt {
width: 4rem;
height: 4rem;
background: linear-gradient(135deg, #fbbf24, #f59e0b);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.5rem;
margin: 0 auto 1rem;
}
.advantage-text-ptt {
font-size: 0.95rem;
color: #6b7280;
line-height: 1.6;
}
.cta-section-ptt {
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
color: white;
padding: 2.5rem;
text-align: center;
border-radius: 15px;
margin: 2rem;
position: relative;
overflow: hidden;
}
.cta-section-ptt::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
animation: float-reverse-ptt 8s ease-in-out infinite;
}
@keyframes float-reverse-ptt {
0%, 100% { transform: translate(0, 0) rotate(0deg); }
50% { transform: translate(20px, -30px) rotate(-180deg); }
}
.cta-title-ptt {
font-size: 1.75rem;
font-weight: 600;
margin-bottom: 1rem;
position: relative;
z-index: 1;
}
.cta-text-ptt {
font-size: 1.1rem;
opacity: 0.95;
position: relative;
z-index: 1;
}
.documents-list-ptt {
background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
padding: 1.5rem;
border-radius: 12px;
margin-top: 1rem;
}
.document-item-ptt {
display: flex;
align-items: flex-start;
gap: 1rem;
margin: 1rem 0;
padding: 1rem;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.document-icon-ptt {
color: #8b5cf6;
font-size: 1.2rem;
margin-top: 0.2rem;
flex-shrink: 0;
}
.highlight-text-ptt {
background: linear-gradient(135deg, #fef3c7, #fde68a);
padding: 1rem;
border-radius: 10px;
border-left: 4px solid #f59e0b;
margin: 1.5rem 0;
font-weight: 500;
color: #92400e;
}
.portfolio-container-gl {
max-width: 1260px;
margin: 0 auto;
padding: 20px 20px;
}
.portfolio-grid-gl {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 200px);
gap: 15px;
height: 615px;
}
.portfolio-item-gl {
position: relative;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.portfolio-item-gl:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(44, 90, 160, 0.2);
}
.article.holder .portfolio-item-gl img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.3s ease;
display: block;
margin: 0 0 0 0 !important;
}
.content .newstyle-price .portfolio-item-gl:hover img {
transform: scale(1.05);
}
.portfolio-overlay-gl {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(44, 90, 160, 0.9));
color: white;
padding: 20px 15px 15px;
transform: translateY(100%);
transition: transform 0.3s ease;
}
.portfolio-item-gl:hover .portfolio-overlay-gl {
transform: translateY(0);
}
.portfolio-overlay-title-gl {
font-size: 0.9em;
font-weight: 600;
margin-bottom: 5px;
}
.portfolio-overlay-desc-gl {
font-size: 0.8em;
opacity: 0.9;
line-height: 1.3;
}
/* 8 */
.portfolio-item-1-gl {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.portfolio-item-2-gl {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
.portfolio-item-3-gl {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
.portfolio-item-4-gl {
grid-column: 1 / 2;
grid-row: 2 / 4;
}
.portfolio-item-5-gl {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.portfolio-item-6-gl {
grid-column: 4 / 5;
grid-row: 2 / 4;
}
.portfolio-item-7-gl {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.portfolio-item-8-gl {
grid-column: 3 / 4;
grid-row: 3 / 4;
}
.portfolio-badge-gl {
position: absolute;
top: 15px;
right: 15px;
background: #2c5aa0;
color: white;
padding: 5px 10px;
border-radius: 20px;
font-size: 0.7em;
font-weight: 600;
z-index: 2;
}
/* */
@media (max-width: 1024px) {
.portfolio-container-gl {
max-width: 100%;
padding: 30px 20px;
}
.portfolio-grid-gl {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 180px);
height: auto;
}
.portfolio-item-1-gl {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.portfolio-item-2-gl {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
.portfolio-item-3-gl {
grid-column: 1 / 2;
grid-row: 2 / 4;
}
.portfolio-item-4-gl {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.portfolio-item-5-gl {
grid-column: 3 / 4;
grid-row: 3 / 4;
}
.portfolio-item-6-gl {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.portfolio-item-7-gl,
.portfolio-item-8-gl {
display: none;
}
}
@media (max-width: 768px) {
.portfolio-container-gl {
padding: 30px 15px;
}
.portfolio-grid-gl {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 150px);
height: auto;
}
.portfolio-item-1-gl,
.portfolio-item-2-gl,
.portfolio-item-3-gl,
.portfolio-item-4-gl,
.portfolio-item-5-gl,
.portfolio-item-6-gl,
.portfolio-item-7-gl,
.portfolio-item-8-gl {
grid-column: auto;
grid-row: auto;
}
.portfolio-item-7-gl,
.portfolio-item-8-gl {
display: block;
}
}
@media (max-width: 480px) {
.portfolio-grid-gl {
grid-template-columns: 1fr;
grid-template-rows: repeat(8, 180px);
}
}
/* new form */
/* СБРОС только внутри нашей формы */
.body-form-a *, .body-form-a *::before, .body-form-a *::after { box-sizing: border-box; }
.body-form-a { margin: 0; }
/* БАЗА */
body.body-form-a {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #f8fafc;
min-height: 100vh;
padding: 40px 20px;
position: relative;
background-image:
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(120, 119, 198, 0.05) 0%, transparent 50%),
radial-gradient(circle at 40% 80%, rgba(255, 99, 132, 0.05) 0%, transparent 50%);
}
.container-form-a {
max-width: 950px;
margin: 30px auto;
background: #fff;
border-radius: 20px;
box-shadow:
0 20px 40px rgba(0,0,0,0.08),
0 0 0 1px rgba(0,0,0,0.02);
overflow: hidden;
position: relative;
}
.container-form-a .error-message {
margin-left:10px;
}
.container-form-a .form-row-form-a-agree .error-message {
margin-left:0;
margin-top:-5px;
}
.container-form-a::before {
content: '';
position: absolute;
inset: 0 0 auto 0;
height: 4px;
background: linear-gradient(90deg, #0a67cd, #4c8edc, #eda141);
background-size: 200% 100%;
animation: shimmer-form-a 3s ease-in-out infinite;
}
@keyframes shimmer-form-a {
0%, 100% { background-position: 200% 0; }
50% { background-position: -200% 0; }
}
.form-section-form-a {
padding: 40px 50px 50px;
position: relative;
}
/* Декор: водяной счетчик справа */
.form-section-form-a::before {
content: '';
position: absolute;
top: 50%;
right: -80px;
transform: translateY(-50%);
width: 280px;
height: 350px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 350' fill='none'%3E%3Crect x='40' y='50' width='200' height='250' rx='20' stroke='%234f46e5' stroke-width='2' fill='none' opacity='0.08'/%3E%3Crect x='50' y='40' width='180' height='20' rx='10' stroke='%234f46e5' stroke-width='2' fill='rgba(79,70,229,0.03)' opacity='0.1'/%3E%3Crect x='70' y='80' width='140' height='50' rx='8' stroke='%234f46e5' stroke-width='2' fill='rgba(79,70,229,0.02)' opacity='0.1'/%3E%3Ctext x='90' y='110' font-family='monospace' font-size='18' fill='%234f46e5' opacity='0.12'%3E0%3C/text%3E%3Ctext x='110' y='110' font-family='monospace' font-size='18' fill='%234f46e5' opacity='0.12'%3E0%3C/text%3E%3Ctext x='130' y='110' font-family='monospace' font-size='18' fill='%234f46e5' opacity='0.12'%3E1%3C/text%3E%3Ctext x='150' y='110' font-family='monospace' font-size='18' fill='%234f46e5' opacity='0.12'%3E2%3C/text%3E%3Ctext x='170' y='110' font-family='monospace' font-size='18' fill='%234f46e5' opacity='0.12'%3E3%3C/text%3E%3Ctext x='190' y='110' font-family='monospace' font-size='18' fill='%234f46e5' opacity='0.12'%3E4%3C/text%3E%3Cline x1='105' y1='85' x2='105' y2='125' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='125' y1='85' x2='125' y2='125' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='145' y1='85' x2='145' y2='125' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='165' y1='85' x2='165' y2='125' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='185' y1='85' x2='185' y2='125' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Ccircle cx='140' cy='180' r='40' stroke='%234f46e5' stroke-width='2' fill='none' opacity='0.08'/%3E%3Cline x1='140' y1='145' x2='140' y2='155' stroke='%234f46e5' stroke-width='2' opacity='0.1'/%3E%3Cline x1='165' y1='155' x2='160' y2='160' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='170' y1='180' x2='160' y2='180' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='165' y1='205' x2='160' y2='200' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='140' y1='215' x2='140' y2='205' stroke='%234f46e5' stroke-width='2' opacity='0.1'/%3E%3Cline x1='115' y1='205' x2='120' y2='200' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='110' y1='180' x2='120' y2='180' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='115' y1='155' x2='120' y2='160' stroke='%234f46e5' stroke-width='1' opacity='0.08'/%3E%3Cline x1='140' y1='180' x2='155' y2='165' stroke='%234f46e5' stroke-width='2' opacity='0.12'/%3E%3Ccircle cx='140' cy='180' r='3' fill='%234f46e5' opacity='0.1'/%3E%3Crect x='10' y='160' width='35' height='20' rx='10' stroke='%234f46e5' stroke-width='2' fill='none' opacity='0.08'/%3E%3Cline x1='15' y1='170' x2='35' y2='170' stroke='%234f46e5' stroke-width='1' opacity='0.06'/%3E%3Crect x='235' y='160' width='35' height='20' rx='10' stroke='%234f46e5' stroke-width='2' fill='none' opacity='0.08'/%3E%3Cline x1='245' y1='170' x2='265' y2='170' stroke='%234f46e5' stroke-width='1' opacity='0.06'/%3E%3Ccircle cx='60' cy='270' r='8' stroke='%234f46e5' stroke-width='2' fill='none' opacity='0.06'/%3E%3Ccircle cx='220' cy='270' r='8' stroke='%234f46e5' stroke-width='2' fill='none' opacity='0.06'/%3E%3Ccircle cx='60' cy='270' r='3' fill='%234f46e5' opacity='0.05'/%3E%3Ccircle cx='220' cy='270' r='3' fill='%234f46e5' opacity='0.05'/%3E%3Ccircle cx='140' cy='250' r='15' stroke='%234f46e5' stroke-width='1' fill='none' opacity='0.06'/%3E%3Ctext x='140' y='255' text-anchor='middle' font-family='Arial' font-size='10' fill='%234f46e5' opacity='0.08'%3EH2O%3C/text%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
animation: floatWaterMeter-form-a 6s ease-in-out infinite;
z-index: 0;
}
@keyframes floatWaterMeter-form-a {
0%, 100% { transform: translateY(-50%) translateX(0) rotate(0); }
33% { transform: translateY(-55%) translateX(-5px) rotate(0.5deg); }
66% { transform: translateY(-45%) translateX(3px) rotate(-0.3deg); }
}
/* Декор: теплосчетчик слева внизу */
.form-section-form-a::after {
content: '';
position: absolute;
bottom: -30px;
left: -60px;
width: 200px;
height: 180px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 180' fill='none'%3E%3Crect x='20' y='30' width='160' height='120' rx='15' stroke='%237c3aed' stroke-width='2' fill='none' opacity='0.07'/%3E%3Crect x='40' y='50' width='120' height='35' rx='5' stroke='%237c3aed' stroke-width='2' fill='rgba(124,58,237,0.03)' opacity='0.08'/%3E%3Ctext x='100' y='72' text-anchor='middle' font-family='monospace' font-size='14' fill='%237c3aed' opacity='0.1'%3E1234.56%3C/text%3E%3Ctext x='140' y='82' font-family='Arial' font-size='8' fill='%237c3aed' opacity='0.08'%3EGcal%3C/text%3E%3Crect x='5' y='90' width='20' height='12' rx='6' stroke='%23ef4444' stroke-width='2' fill='none' opacity='0.07'/%3E%3Ctext x='8' y='88' font-family='Arial' font-size='8' fill='%23ef4444' opacity='0.06'%3E%E2%AC%86%3C/text%3E%3Crect x='175' y='90' width='20' height='12' rx='6' stroke='%232563eb' stroke-width='2' fill='none' opacity='0.07'/%3E%3Ctext x='178' y='88' font-family='Arial' font-size='8' fill='%232563eb' opacity='0.06'%3E%E2%AC%87%3C/text%3E%3Ccircle cx='60' cy='120' r='8' stroke='%237c3aed' stroke-width='1.5' fill='none' opacity='0.06'/%3E%3Ctext x='60' y='125' text-anchor='middle' font-family='Arial' font-size='6' fill='%237c3aed' opacity='0.08'%3ET1%3C/text%3E%3Ccircle cx='140' cy='120' r='8' stroke='%237c3aed' stroke-width='1.5' fill='none' opacity='0.06'/%3E%3Ctext x='140' y='125' text-anchor='middle' font-family='Arial' font-size='6' fill='%237c3aed' opacity='0.08'%3ET2%3C/text%3E%3Ccircle cx='50' cy='110' r='4' stroke='%237c3aed' stroke-width='1' fill='none' opacity='0.06'/%3E%3Ccircle cx='65' cy='110' r='4' stroke='%237c3aed' stroke-width='1' fill='none' opacity='0.06'/%3E%3Ccircle cx='80' cy='110' r='4' stroke='%237c3aed' stroke-width='1' fill='none' opacity='0.06'/%3E%3Ccircle cx='155' cy='55' r='3' fill='%2310b981' opacity='0.08'/%3E%3Cline x1='155' y1='45' x2='155' y2='50' stroke='%237c3aed' stroke-width='1' opacity='0.06'/%3E%3Cline x1='152' y1='47' x2='158' y2='47' stroke='%237c3aed' stroke-width='1' opacity='0.06'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
animation: floatHeatMeter-form-a 8s ease-in-out infinite;
z-index: 0;
}
@keyframes floatHeatMeter-form-a {
0%, 100% { transform: translateY(0) translateX(0) rotate(0); }
25% { transform: translateY(-3px) translateX(2px) rotate(0.2deg); }
50% { transform: translateY(2px) translateX(-1px) rotate(-0.1deg); }
75% { transform: translateY(-1px) translateX(3px) rotate(0.3deg); }
}
/* Контент поверх декора */
.form-header-form-a,
.success-message-form-a,
#contactFormFormA { position: relative; z-index: 1; }
/* Заголовок */
.form-header-form-a { text-align: center; margin-bottom: 35px; }
.form-header-form-a-h1 {
font-size: 1.875rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 8px;
background: linear-gradient(135deg, #1e293b, #0a67cd);
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent;
}
.form-header-form-a p { color: #64748b; font-size: 1rem; line-height: 1.5; max-width: 600px; margin: 0 auto !important; }
/* Сообщение об успехе */
.success-message-form-a {
display: none;
background: linear-gradient(135deg, #10b981, #059669);
color: #fff;
padding: 16px 20px;
border-radius: 12px;
margin-bottom: 25px;
font-size: 0.9rem;
align-items: center;
gap: 10px;
box-shadow: 0 8px 25px rgba(16,185,129,0.3);
animation: slideIn-form-a 0.5s ease-out;
}
.success-message-form-a.show-form-a { display: flex; }
.success-message-form-a i { font-size: 1.1rem; }
@keyframes slideIn-form-a { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
/* Сетка */
.form-row-form-a { display: grid; gap: 20px; margin-bottom: 20px; }
.form-row-form-a.two-cols-form-a { grid-template-columns: 1fr 1fr; }
.form-row-form-a.three-cols-form-a { grid-template-columns: 1fr 1fr 1fr; }
.form-group-form-a { position: relative; }
.form-group-form-a.full-width-form-a { grid-column: 1 / -1; }
/* Лейблы */
label.label-form-a {
display: flex; align-items: center; gap: 6px;
margin-bottom: 6px; font-weight: 600; color: #374151; font-size: 0.875rem; letter-spacing: 0.025em;
}
label.label-form-a i { font-size: 0.8rem; color: #3e86d2; width: 14px; }
/* Инпуты */
input.input-form-a[type="text"],
input.input-form-a[type="tel"],
input.input-form-a[type="date"],
input.input-form-a[type="time"],
textarea.textarea-form-a,
select.select-form-a {
width: 100%;
padding: 12px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
font-size: 0.9rem;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
background: #fafbfc;
font-family: inherit;
}
input.input-form-a:focus,
textarea.textarea-form-a:focus,
select.select-form-a:focus {
outline: none; border-color: #4f46e5; background: #fff; box-shadow: 0 0 0 3px rgba(79,70,229,0.1);
}
input.input-form-a:hover,
textarea.textarea-form-a:hover,
select.select-form-a:hover { border-color: #cbd5e1; background: #fff; }
/* Стрелочка у select */
.select-form-a {
cursor: pointer;
appearance: none; -webkit-appearance: none; -moz-appearance: none;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234f46e5' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
padding-right: 40px;
}
.textarea-form-a { resize: vertical; min-height: 80px; font-family: inherit; }
.required-form-a { color: #ef4444; font-weight: 600; }
/* Ошибки */
.form-group-form-a.error-form-a input.input-form-a,
.form-group-form-a.error-form-a select.select-form-a,
.form-group-form-a.error-form-a textarea.textarea-form-a {
border-color: #ef4444; background: #fef2f2; box-shadow: 0 0 0 3px rgba(239,68,68,0.1);
}
.error-message-form-a { color: #ef4444; font-size: 0.75rem; margin-top: 4px; display: none; font-weight: 500; }
.form-group-form-a.error-form-a .error-message-form-a { display: block; animation: fadeIn-form-a 0.3s ease-out; }
@keyframes fadeIn-form-a { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
/* Placeholder только внутри формы */
.body-form-a ::placeholder { color: #9ca3af; font-size: 0.85rem; }
/* Кнопка */
.submit-container-form-a { margin-top: 30px; text-align: center; }
.submit-btn-form-a {
padding: 14px 40px; background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
color: #fff; border: none; border-radius: 12px; font-size: 0.95rem; font-weight: 600; cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); font-family: inherit; letter-spacing: 0.025em;
display: inline-flex; align-items: center; justify-content: center; gap: 8px; position: relative; overflow: hidden; min-width: 200px;
}
.submit-btn-form-a::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s; }
.submit-btn-form-a:hover::before { left: 100%; }
.submit-btn-form-a:hover { transform: translateY(-2px); }
.submit-btn-form-a:active { transform: translateY(0); }
.submit-btn-form-a i { font-size: 0.9rem; }
/* Адаптивность */
@media (max-width: 768px) {
body.body-form-a { padding: 20px 10px; }
.container-form-a { border-radius: 16px; }
.form-section-form-a { padding: 30px 20px 35px; }
.form-header-form-a h1 { font-size: 1.5rem; }
.form-header-form-a p { font-size: 0.9rem; }
.form-row-form-a.two-cols-form-a, .form-row-form-a.three-cols-form-a { grid-template-columns: 1fr; gap: 16px; }
.submit-btn-form-a { width: 100%; min-width: auto; }
.container-form-a .error-message {
padding-bottom:2px;
}
.container-form-a .form-row-form-a-agree .error-message {
padding-bottom:0;
}
.form-group-form-a:has(#addressFormA) {
display: none;
}
.form-group-form-a:has(#timeFormA) {
display: none;
}
}
@media (max-width: 480px) {
.form-section-form-a { padding: 25px 15px 30px; }
.form-row-form-a { margin-bottom: 16px; }
}
.h2-serv-uu {
font-size: 1.6em !important;
font-weight: 700;
margin: 2.5rem 0 1.2em 0;
line-height: 1.3;
position: relative;
padding-bottom: 0.8em;
}
.h2-serv-uu::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background-color: #2d6fe0;
border-radius: 2px;
}
/* H3 */
.h3-serv-uu {
font-size: 1.3em !important;
font-weight: 600;
margin: 2rem 0 1em 0;
line-height: 1.4;
position: relative;
padding-left: 1em;
}
.h3-serv-uu::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 24px;
background: #ff971f;
border-radius: 2px;
}
/* */
.text-serv-uu {
font-size: 1em;
line-height: 1.7;
color: #555;
margin-bottom: 1.5em;
}
/* */
.stages-container-serv-uu {
margin: 2em 0;
}
/* */
.stage-item-serv-uu {
background: #f8f9fa;
padding: 1.5em;
margin-bottom: 1.2em;
border-radius: 0 8px 8px 0;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.stage-item-serv-uu::before {
content: attr(data-number);
position: absolute;
top: -10px;
left: 5px;
font-size: 5em;
font-weight: 900;
color: rgba(25, 122, 255, 0.08);
z-index: 1;
pointer-events: none;
line-height: 1;
}
.stage-item-serv-uu:hover::before {
color: rgba(255, 151, 31, 0.12);
}
.stage-title-serv-uu {
font-size: 1.1rem;
font-weight: 600;
color: #197aff;
margin-bottom: 0.8rem;
display: flex;
align-items: center;
}
.stage-number-serv-uu {
display: none;
}
.stage-description-serv-uu {
color: #323232;
line-height: 1.6;
}
/* */
.list-serv-uu ul li {
margin: 0.5em 0;
padding-left: 0;
list-style: none !important;
}
.list-item-serv-uu {
position: relative;
padding: 0.5em 0 1em 0.5em !important;
margin-bottom: 0.5em;
line-height: 1.4 !important;
border-bottom: 1px solid #f0f0f0;
}
.list-item-serv-uu:last-child {
border-bottom: none;
}
.list-item-serv-uu::before {
content: '';
position: absolute;
left: -0.8em;
top: 1.4em;
width: 8px;
height: 8px;
background: #2d6fe0;
border-radius: 50%;
transform: translateY(-50%);
}
.list-item-serv-uu strong {
font-weight: 600;
}
/* */
.advantages-container-serv-uu {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 2rem;
border-radius: 12px;
margin: 2.5rem 0;
border: 1px solid #e9ecef;
}
.advantages-grid-serv-uu {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.advantages-grid-serv-uu-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.advantage-item-serv-uu {
background: white;
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid #ff971f;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.advantage-item-serv-uu:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.advantage-title-serv-uu {
font-weight: 700;
color: #2d6fe0;
margin-bottom: 0.8rem;
font-size: 1.1rem;
}
.advantage-description-serv-uu {
color: #666;
line-height: 1.5;
font-size: 0.95rem;
}
/* */
.info-block-serv-uu {
background: #fff8f0;
border: 1px solid #ffeaa7;
border-radius: 8px;
padding: 1.5rem;
margin: 2rem 0;
position: relative;
}
.info-block-serv-uu::before {
content: '?';
position: absolute;
top: -10px;
left: 20px;
background: #ff971f;
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 0.9rem;
}
.info-block-title-serv-uu {
font-weight: 600;
margin-bottom: 0.8em;
padding-top: 0.5em;
font-size: 1rem;
}
.info-block-text-serv-uu {
color: #666;
line-height: 1.6;
font-size: 1rem;
}
/* */
.highlight-block-serv-uu {
background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
border-left: 5px solid #197aff;
padding: 1.8rem;
margin: 2rem 0;
border-radius: 0 10px 10px 0;
box-shadow: 0 3px 15px rgba(25, 122, 255, 0.1);
font-size: 1rem;
}
.highlight-title-serv-uu {
font-size: 1.1rem;
font-weight: 600;
color: #197aff;
margin-bottom: 1rem;
}
.highlight-text-serv-uu {
color: #555;
line-height: 1.7;
font-size: 1rem;
}
.stages-grid-uu1 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.stage-card-uu1 {
background: white;
border: 2px solid #e9ecef;
border-radius: 10px;
padding: 1.5rem;
position: relative;
transition: all 0.3s ease;
}
.stage-card-uu1:hover {
border-color: #2d6fe0;
box-shadow: 0 4px 16px rgba(45, 111, 224, 0.1);
}
.stage-number-uu1 {
position: absolute;
top: -15px;
left: 20px;
background: linear-gradient(135deg, #2d6fe0 0%, #197aff 100%);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.2rem;
box-shadow: 0 2px 8px rgba(45, 111, 224, 0.3);
}
.stage-title-uu1 {
font-size: 1.1rem;
font-weight: 600;
color: #333;
margin: 1rem 0 0.8rem 0;
}
.stage-desc-uu1 {
color: #666;
line-height: 1.6;
font-size: 0.95rem;
}
.equipment-grid-uu2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.2rem;
margin: 1.5rem 0;
}
.equipment-item-uu2 {
background: white;
padding: 1.3rem;
border-radius: 8px;
border-top: 3px solid #2d6fe0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
}
.equipment-item-uu2:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
transform: translateY(-3px);
}
.equipment-title-uu2 {
font-weight: 700;
color: #2d6fe0;
margin-bottom: 0.6rem;
font-size: 1.05rem;
}
.equipment-description-uu2 {
color: #666;
font-size: 0.9rem;
line-height: 1.5;
}
.warning-block-uu2 {
background: #fff3cd;
border-left: 5px solid #ff971f;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0 8px 8px 0;
}
.warning-block-uu2 strong {
color: #856404;
display: block;
margin-bottom: 0.5rem;
font-size: 1em;
}
.warning-block-uu2 p {
color: #856404;
margin: 0;
line-height: 1.6;
font-size: 1em;
}
.intro-block-uu5 {
background: linear-gradient(135deg, #f0f7ff 0%, #e3f2fd 100%);
padding: 2rem;
border-radius: 12px;
margin: 2rem 0;
border-left: 5px solid #197aff;
}
.intro-block-uu5 p {
font-size: 1em;
line-height: 1.8;
color: #444;
margin-bottom: 1em;
}
.intro-block-uu5 p:last-child {
margin-bottom: 0;
}
/* */
@media (max-width: 768px) {
.h2-serv-uu {
font-size: 1.5rem;
margin: 2rem 0 1rem 0;
}
.h3-serv-uu {
font-size: 1.2rem;
margin: 1.5rem 0 0.8rem 0;
}
.stage-item-serv-uu {
padding: 1.2rem;
}
.advantages-grid-serv-uu {
grid-template-columns: 1fr;
gap: 1rem;
}
.advantage-item-serv-uu {
padding: 1.2rem;
}
.list-item-serv-uu {
padding-left: 2rem;
}
.stages-grid-uu1 {
grid-template-columns: 1fr;
}
.equipment-grid-uu2 {
grid-template-columns: 1fr;
}
}
.container-form-n {
max-width: 964px;
margin: 50px auto;
margin-top: 50px;
}
.form-block-form-n {
background: linear-gradient(135deg, #e3f2fd 0%, #f0f4ff 50%, #e8eaf6 100%);
border-radius: 16px;
padding: 35px 60px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.form-block-form-n::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
border-radius: 50%;
}
.form-block-form-n::after {
content: '';
position: absolute;
bottom: -120px;
left: -80px;
width: 350px;
height: 350px;
background: radial-gradient(circle, rgba(92, 107, 192, 0.12) 0%, transparent 70%);
border-radius: 50%;
}
.form-content-form-n {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.form-text-form-n {
flex: 1;
}
.form-title-form-n {
font-size: 28px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 8px;
line-height: 1.3;
}
.form-subtitle-form-n {
font-size: 16px;
color: #666;
line-height: 1.5;
}
.form-button-form-n {
padding: 16px 50px;
background: #ff9800;
color: #ffffff;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
box-shadow: 0 2px 8px rgba(255, 152, 0, 0.3);
}
.form-button-form-n:hover {
background: #fb8c00;
box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
transform: translateY(-1px);
}
.form-button-form-n:active {
transform: translateY(0);
}
@media (max-width: 768px) {
.form-content-form-n {
flex-direction: column;
text-align: center;
gap: 25px;
}
.form-button-form-n {
width: 100%;
}
}
@media (max-width: 640px) {
.form-block-form-n {
padding: 30px 25px;
}
.form-title-form-n {
font-size: 22px;
}
.form-subtitle-form-n {
font-size: 15px;
}
}
.steps-grid-pvch {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
position: relative;
}
.step-card-pvch {
background: white;
border-radius: 16px;
padding: 30px 25px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.step-card-pvch::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #3382cd, #6da9ec);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.step-card-pvch:hover {
transform: translateY(-8px);
box-shadow: 0 8px 30px rgba(64, 127, 206, 0.15);
}
.step-card-pvch:hover::before {
transform: scaleX(1);
}
.step-number-pvch {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #3382cd, #6da9ec);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
font-weight: 700;
color: white;
margin-bottom: 20px;
box-shadow: 0 4px 15px rgba(64, 127, 206, 0.3);
}
.step-heading-pvch {
font-size: 18px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 15px;
line-height: 1.3;
}
.step-description-pvch {
font-size: 15px;
line-height: 1.6;
color: #5a6c7d;
}
.step-icon-pvch {
position: absolute;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
opacity: 0.08;
}
@media (max-width: 768px) {
.steps-grid-pvch {
grid-template-columns: 1fr;
gap: 20px;
}
.step-card-pvch {
padding: 25px 20px;
}
.step-number-pvch {
width: 50px;
height: 50px;
font-size: 24px;
}
.step-heading-pvch {
font-size: 18px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.steps-grid-pvch {
grid-template-columns: repeat(2, 1fr);
}
}
.container-rch {
max-width: 1000px;
margin: 0 auto;
}
.districts-row-rch {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 20px;
}
.districts-row-rch.four-cols-rch {
grid-template-columns: repeat(4, 1fr);
}
.districts-row-rch.three-cols-rch {
grid-template-columns: repeat(3, 1fr);
}
.district-card-rch {
background: #f7fafc;
border-radius: 12px;
padding: 25px 20px;
text-align: center;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 220px;
}
.district-card-rch:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
background: #edf2f7;
}
.district-name-rch {
font-size: 1.1rem;
font-weight: 600;
color: #2d3748;
position: relative;
z-index: 1;
transition: color 0.3s;
}
.district-card-rch:hover .district-name-rch {
color: #667eea;
}
@media (max-width: 1024px) {
.districts-row-rch {
flex-wrap: wrap;
}
.district-card-rch {
width: calc(25% - 15px);
min-width: 180px;
}
}
@media (max-width: 768px) {
.h2-uslugi-rch {
font-size: 1.5rem;
margin-bottom: 30px;
}
.districts-row-rch {
gap: 15px;
}
.district-card-rch {
width: calc(50% - 10px);
padding: 20px 15px;
min-width: auto;
}
.district-name-rch {
font-size: 1rem;
}
}
@keyframes fadeInUp-rch {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.district-card-rch {
animation: fadeInUp-rch 0.6s ease-out backwards;
}
.district-card-rch:nth-child(1) { animation-delay: 0.1s; }
.district-card-rch:nth-child(2) { animation-delay: 0.2s; }
.district-card-rch:nth-child(3) { animation-delay: 0.3s; }
.district-card-rch:nth-child(4) { animation-delay: 0.4s; }
.product-new-price-text {
font-size: 15px;
color: #666;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.product-price-note {
font-size: 13px;
color: #aaa;
font-style: normal;
line-height: 1.6;
border-top: 1px solid #eee;
padding-top: 10px;
margin-top: 10px;
}
.product-new-button,
.product-new-button-2 {
flex: 1; /* */
}
/* */
@media (max-width: 768px) {
.button-container {
flex-direction: column;
gap: 1px; /* */
}
.product-new-button,
.product-new-button-2 {
width: 100%; /* */
}
}
.container-ng26 {
max-width: 100%;
margin: 0 auto;
margin-bottom: 20px;
background: #ffffff;
border-radius: 16px;
padding: 30px 40px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #e0e0e0;
}
/* - */
.snowflake-ng26 {
position: absolute;
color: rgba(41, 137, 216, 0.15);
font-size: 24px;
animation: fall-ng26 10s linear infinite;
}
.snowflake-ng26:nth-child(1) { left: 10%; animation-delay: 0s; }
.snowflake-ng26:nth-child(2) { left: 25%; animation-delay: 2s; font-size: 18px; }
.snowflake-ng26:nth-child(3) { left: 40%; animation-delay: 4s; }
.snowflake-ng26:nth-child(4) { left: 55%; animation-delay: 1s; font-size: 20px; }
.snowflake-ng26:nth-child(5) { left: 70%; animation-delay: 3s; }
.snowflake-ng26:nth-child(6) { left: 85%; animation-delay: 5s; font-size: 22px; }
@keyframes fall-ng26 {
0% {
top: -50px;
transform: translateX(0) rotate(0deg);
}
100% {
top: 100%;
transform: translateX(100px) rotate(360deg);
}
}
/* */
.decoration-circle-ng26 {
position: absolute;
border-radius: 50%;
background: rgba(41, 137, 216, 0.05);
}
.circle-1-ng26 {
width: 200px;
height: 200px;
top: -100px;
right: -50px;
}
.circle-2-ng26 {
width: 150px;
height: 150px;
bottom: -75px;
left: -30px;
}
.content-ng26 {
position: relative;
z-index: 10;
}
.greeting-header-ng26 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
gap: 20px;
}
.icon-ng26 {
font-size: 48px;
animation: rotate-ng26 4s ease-in-out infinite;
display: inline-flex;
align-items: center;
justify-content: center;
}
@keyframes rotate-ng26 {
0%, 100% { transform: rotate(0deg); }
25% { transform: rotate(-10deg); }
75% { transform: rotate(10deg); }
}
.h1-ng26 {
color: #2989d8;
font-size: 36px;
font-weight: 700;
text-align: center;
text-shadow: none;
margin: 0;
}
.year-badge-ng26 {
background: linear-gradient(135deg, #2989d8 0%, #207cca 100%);
color: #ffffff;
padding: 8px 24px;
border-radius: 30px;
font-size: 28px;
font-weight: 900;
display: inline-block;
margin: 0 10px;
box-shadow: 0 3px 12px rgba(41, 137, 216, 0.3);
}
.greeting-text-ng26 {
background: #f8f9fa;
border-radius: 12px;
padding: 35px 45px;
margin-top: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
border: 1px solid #e9ecef;
}
.greeting-text-ng26 p {
color: #333;
font-size: 20px;
line-height: 1.7;
text-align: center;
margin-bottom: 0;
}
.company-name-ng26 {
color: #2989d8;
font-weight: 700;
}
.wishes-ng26 {
color: #555;
font-size: 18px;
margin: 20px 0;
font-style: italic;
}
.schedule-ng26 {
padding: 15px 15px;
margin-top: 20px;
text-align: center;
}
.schedule-title-ng26 {
color: #2989d8;
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.schedule-icon-ng26 {
font-size: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.schedule-text-ng26 {
color: #333;
font-size: 18px;
line-height: 1.6;
font-weight: 600;
}
.highlight-ng26 {
color: #2989d8;
font-weight: 700;
}
/* */
@keyframes fadeIn-ng26 {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.container-ng26 {
animation: fadeIn-ng26 0.8s ease-out;
}
/* */
@media (max-width: 768px) {
.container-ng26 {
padding: 30px 25px;
border-radius: 12px;
}
.h1-ng26 {
font-size: 26px;
}
.year-badge-ng26 {
font-size: 22px;
padding: 6px 18px;
}
.greeting-text-ng26 {
padding: 25px 20px;
}
.greeting-text-ng26 p {
font-size: 17px;
}
.wishes-ng26 {
font-size: 16px;
}
.schedule-ng26 {
padding: 20px 20px;
}
.schedule-title-ng26 {
font-size: 18px;
}
.schedule-text-ng26 {
font-size: 16px;
}
.icon-ng26 {
font-size: 36px;
}
}
.services-block-ut {
max-width: 956px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 24px 32px;
margin: 20px auto;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.services-block-ut__title {
font-size: 18px;
font-weight: 600;
color: #1f2937;
margin: 0 0 20px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.services-block-ut__icon {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.services-block-ut__icon path {
fill: #3b82f6;
}
.services-block-ut__links {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 16px;
justify-content: center;
}
.services-block-ut__link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
background: #3b82f6;
border: none;
border-radius: 8px;
color: #ffffff;
text-decoration: none;
font-size: 16px;
font-weight: 600;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
-webkit-tap-highlight-color: transparent;
}
.services-block-ut__link:hover {
background: #2563eb;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
color: #ffffff;
}
.services-block-ut__link-icon {
width: 18px;
height: 18px;
}
.services-block-ut__link-icon path {
fill: #ffffff;
}
.services-block-ut__note {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 15px;
color: #059669;
font-weight: 600;
margin: 0;
padding: 12px 20px;
background: #d1fae5;
border-radius: 8px;
border: 1px solid #a7f3d0;
}
.services-block-ut__note-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.services-block-ut__note-icon circle {
fill: #059669;
opacity: 0.3;
}
.services-block-ut__note-icon path {
fill: #059669;
}
/* */
@media (max-width: 576px) {
.services-block-ut {
padding: 20px;
}
.services-block-ut__links {
flex-direction: column;
gap: 10px;
}
.services-block-ut__link {
width: 100%;
justify-content: center;
}
}
:root {
--blue-tov: #0057A8;
--blue-dark-tov: #003D7A;
--accent-tov: #F5A623;
--text-tov: #1A1A2E;
--text-soft-tov: #4A5568;
--border-tov: #D4E1F0;
--white-tov: #ffffff;
--radius-tov: 8px;
--shadow-tov: 0 2px 12px rgba(0,87,168,.10);
}
/* -- LAYOUT ----------------------------------------- */
.container-tov { max-width: 900px; margin: 0 auto; padding: 20px 20px 40px; line-height: 1.7;}
/* -- SPEC GRID -------------------------------------- */
.specs-grid-tov {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 14px;
margin-bottom: 36px;
}
.spec-card-tov {
background: var(--white-tov);
border: 1px solid var(--border-tov);
border-radius: var(--radius-tov);
padding: 16px 18px;
box-shadow: var(--shadow-tov);
}
.spec-card__label-tov {
font-size: 11px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--text-soft-tov);
margin-bottom: 4px;
}
.spec-card__value-tov {
font-size: 18px;
font-weight: 700;
color: var(--blue-tov);
}
.spec-card__note-tov {
font-size: 12px;
color: var(--text-soft-tov);
}
/* -- SECTIONS --------------------------------------- */
.section-tov { margin-bottom: 40px; }
.section-tov h2 {
font-size: 20px;
font-weight: 700;
color: var(--blue-dark-tov);
border-left: 4px solid var(--accent-tov);
padding-left: 12px;
margin-bottom: 16px;
}
.section-tov .h3 {
font-size: 16px;
font-weight: 600;
color: var(--text-tov);
margin: 20px 0 8px;
}
.section-tov p { margin-bottom: 14px; color: var(--text-soft-tov); }
/* -- DECODING BOX ----------------------------------- */
.decode-box-tov {
background: #f0f4f8;
border: 1px solid var(--border-tov);
border-radius: var(--radius-tov);
padding: 18px 22px;
margin-bottom: 24px;
}
.decode-box-tov p { margin: 0; color: var(--text-tov); }
.decode-box-tov strong { color: var(--blue-dark-tov); }
/* -- TABLE ------------------------------------------ */
.tech-table-tov {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin-bottom: 20px;
}
.tech-table-tov th {
background: var(--blue-tov);
color: var(--white-tov);
text-align: left;
padding: 10px 14px;
font-weight: 600;
}
.tech-table-tov td {
padding: 10px 14px;
border-bottom: 1px solid var(--border-tov);
color: var(--text-tov);
}
.tech-table-tov tr:nth-child(even) td { background: #f5f8fb; }
.tech-table-tov tr:last-child td { border-bottom: none; }
/* -- ADVANTAGES ------------------------------------- */
.adv-list-tov { list-style: none; }
.adv-list-tov li {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 14px;
}
.adv-list__icon-tov {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 4px;
position: relative;
}
.adv-list__icon-tov::before {
content: '';
display: block;
width: 7px;
height: 13px;
border-right: 2.5px solid var(--blue-tov);
border-bottom: 2.5px solid var(--blue-tov);
transform: rotate(45deg) translate(-1px, -2px);
}
.adv-list__text-tov { color: var(--text-soft-tov); line-height: 1.75; }
.adv-list__text-tov strong { color: var(--text-tov); }
/* -- INSTALLATION ----------------------------------- */
.steps-tov { counter-reset: step; }
.step-tov {
display: flex;
gap: 16px;
margin-bottom: 18px;
align-items: flex-start;
}
.step__num-tov {
flex-shrink: 0;
width: 32px;
height: 32px;
background: var(--accent-tov);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 15px;
color: var(--text-tov);
}
.step__body-tov { color: var(--text-soft-tov); }
.step__body-tov strong { color: var(--text-tov); display: block; margin-bottom: 2px; }
/* -- SCOPE TAGS ------------------------------------- */
.scope-tags-tov { display: flex; flex-wrap: wrap; gap: 10px; }
.scope-tag-tov {
background: var(--white-tov);
border: 1px solid var(--border-tov);
border-radius: 20px;
padding: 6px 16px;
font-size: 13px;
color: var(--blue-dark-tov);
font-weight: 500;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
cursor: default;
}
.scope-tag-tov:hover {
border-color: var(--blue-tov);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,87,168,.20);
}
/* -- SMALL FONT FLOORS ------------------------------ */
.spec-card__label-tov { font-size: 13px; }
.spec-card__note-tov { font-size: 13px; }
.tech-table-tov { font-size: 15px; }
.faq-a-tov { font-size: 15px; line-height: 1.8; }
/* -- FAQ -------------------------------------------- */
.faq-item-tov { border-bottom: 1px solid var(--border-tov); padding: 16px 0; }
.faq-item-tov:last-child { border-bottom: none; }
.faq-q-tov { font-weight: 600; color: var(--text-tov); margin-bottom: 6px; }
.faq-a-tov { color: var(--text-soft-tov); font-size: 15px; }
/* -- RESPONSIVE ------------------------------------- */
@media (max-width: 600px) {
.specs-grid-tov { grid-template-columns: 1fr; }
}
.info-box-tov {
background: #fffbf0;
border: 1px solid #f5d87a;
border-radius: var(--radius-tov);
padding: 14px 18px;
margin-bottom: 20px;
color: var(--text-tov);
font-size: 14px;
}
.info-box-tov strong { color: #8a6000; }
.metr-grid-tov {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
margin-bottom: 24px;
}
.metr-card-tov {
background: #f0f4f8;
border: 1px solid var(--border-tov);
border-radius: var(--radius-tov);
padding: 14px 16px;
}
.metr-card__param-tov {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--text-soft-tov);
margin-bottom: 4px;
}
.metr-card__val-tov {
font-size: 15px;
font-weight: 700;
color: var(--blue-dark-tov);
}
@media (max-width: 600px) {
.metr-grid-tov { grid-template-columns: 1fr; }
}
.pv-mob-header { display: none; }
@media (max-width: 900px) {
.header-new .header-new-top { display: none !important; }
.header-new .header-new-top-mobile { display: none !important; }
.pv-mob-header {
display: block;
padding: 10px 0 0;
text-align: center !important;;
}
.pv-mob-row-logo {
padding-bottom: 8px;
}
.pv-mob-logo { display: inline-block; line-height: 0; }
.pv-mob-logo img {
display: block !important;
max-height: 40px !important;
width: auto !important;
max-width: 100% !important;
}
.pv-mob-logo a { display: block; line-height: 0; }
.pv-mob-row-phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #dde2ea;
}
.pv-mob-tel {
font-size: 18px !important;
color: #2a2b2e !important;
font-weight: bold !important;
text-decoration: none !important;
white-space: nowrap;
}
.pv-mob-tel:hover { text-decoration: none !important; color: #0b5bdb !important; }
.pv-mob-btn {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
height: 34px !important;
padding: 0 13px !important;
border: 1px solid #0b5bdb !important;
border-radius: 5px !important;
color: #0b5bdb !important;
font-size: 15px !important;
font-weight: normal !important;
text-decoration: none !important;
white-space: nowrap !important;
background: transparent !important;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.pv-mob-btn:hover {
background-color: #0b5bdb !important;
color: #fff !important;
text-decoration: none !important;
}
.pv-mob-btn:visited { color: #0b5bdb !important; }
.pv-mob-row-info {
padding-top: 8px;
padding-bottom: 10px;
}
.pv-mob-slogan {
font-size: 12px;
line-height: 1.5;
color: #73757c;
font-weight: normal;
margin: 0 0 8px 0;
padding: 0;
}
.pv-mob-yandex {
display: inline-block;
width: 150px;
height: 50px;
overflow: hidden;
line-height: 0;
vertical-align: top;
}
}
@media (max-width: 959px) {
.header-new .header-new-bottom[data-fixed="true"] {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: 9999 !important;
background: #fff !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
/* Turn the sticky bar into a flex row */
.header-new .header-new-bottom[data-fixed="true"] .header-new-grid {
padding: 7px 15px !important;
max-width: 100% !important;
width: 100% !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* Logo + phone are siblings inside first child make them a flex row */
.header-new .header-new-bottom[data-fixed="true"] .header-new-grid > div:first-child {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
width: 100% !important;
gap: 10px !important;
}
/* Show our custom logo + phone blocks */
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="logo"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
position: static !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
line-height: 0;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="logo"] img {
height: 36px !important;
width: auto !important;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="logo"] a {
display: block; line-height: 0;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="phone"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
position: static !important;
gap: 8px !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.header-new .header-new-bottom[data-fixed="true"] [data-fixedmenu-customdesign="phone"] a:first-child {
font-size: 18px !important;
font-weight: bold !important;
color: #2a2b2e !important;
text-decoration: none !important;
white-space: nowrap !important;
}
/* Our injected call button */
.pv-sticky-call-btn {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
width: 34px !important;
height: 30px !important;
border: 1px solid #0b5bdb !important;
border-radius: 5px !important;
color: #0b5bdb !important;
background: transparent !important;
text-decoration: none !important;
}
.pv-sticky-call-btn:hover { background: #0b5bdb !important; color: #fff !important; }
.pv-sticky-call-btn svg { display: block !important; }
/* Hide desktop-only elements in mobile sticky */
.header-new .header-new-bottom[data-fixed="true"] .header-new-menu,
.header-new .header-new-bottom[data-fixed="true"] .header-new-search,
.header-new .header-new-bottom[data-fixed="true"] .header-new-menu-mobile {
display: none !important;
}
/* Compensator still works on mobile */
[data-compensator="fixedTopMenu_elem1"] {
display: block !important;
}
}
@media (max-width: 959px) {
/* Sticky - */
.pv-sticky-burger {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
border-radius: 3px !important;
background-color: #007bff !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-image: url('/uploads/image/burger-menu2.svg') !important;
cursor: pointer !important;
flex-shrink: 0 !important;
}
.pv-sticky-burger.opened {
background-image: url('/uploads/image/close.svg') !important;
}
#pv-sticky-menu-panel {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99998;
background: #fff;
overflow-y: auto;
padding: 15px;
}
#pv-sticky-menu-panel.opened {
display: block;
}
/* */
#pv-sticky-menu-panel-close {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 0 15px;
border-bottom: 2px solid #dde2ea;
margin-bottom: 10px;
color: #73757c;
font-size: 16px;
cursor: pointer;
}
#pv-sticky-menu-panel-close:hover {
color: #007bff;
}
/* */
#pv-sticky-menu-panel ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
#pv-sticky-menu-panel ul li {
display: block !important;
}
#pv-sticky-menu-panel ul li a {
display: block !important;
padding: 10px 0 !important;
border-bottom: 1px solid #f0f0f0 !important;
text-decoration: none !important;
color: #007bff !important;
font-size: 16px !important;
}
#pv-sticky-menu-panel ul li a:hover,
#pv-sticky-menu-panel ul li a:active {
color: #0b5bdb !important;
background: #f0f6ff !important;
padding-left: 5px !important;
}
#pv-sticky-menu-panel ul li ul {
margin-left: 15px !important;
}
#pv-sticky-menu-panel ul li ul li a {
font-size: 14px !important;
color: #0b5bdb !important;
padding: 7px 0 !important;
}
}
@media (max-width: 959px) {
/* - sticky */
.header-new .header-new-bottom[data-fixed="false"] .header-new-menu-mobile,
.header-new .header-new-bottom:not([data-fixed]) .header-new-menu-mobile {
display: none !important;
}
}
@media (max-width: 900px) {
.pv-mob-burger {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 34px !important;
border-radius: 3px !important;
background-color: #007bff !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-image: url('/uploads/image/burger-menu2.svg') !important;
cursor: pointer !important;
flex-shrink: 0 !important;
}
.pv-mob-burger.opened {
background-image: url('/themes/prostopoverka/images/burger-close-ffffff.svg') !important;
}
}
/*
prevnext_items
*/
.prevnext_items {
margin-top: 10px;
margin-bottom: 30px;
display: table;
width: 100%;
border-radius: 18px;
position: relative;
}
.prevnext_items > div {
display: table-cell;
width: 5%;
}
.prevnext_items > a {
display: table-cell;
width: 47.5%;
vertical-align: middle;
position: relative;
padding: 15px 15px;
color: #2D6EE1;
border: 1px solid #2D6EE1;
background-repeat: no-repeat;
background-size: auto 16px;
}
.prevnext_items > a.prevnext_item_prev {
background-image:url('../images/arrow_left_trimmed.svg');
background-position:left 15px center;
padding-left:45px;
}
.prevnext_items > a.prevnext_item_next {
background-image:url('../images/arrow_right_trimmed.svg');
background-position:right 15px center;
padding-right:45px;
}
.prevnext_items > a:hover {
color: #FE9718;
border: 1px solid #FE9718;
}
.prevnext_items > a > span {
display: inline-block;
text-align: inherit;
background-repeat: no-repeat;
background-size: auto 16px;
}
.prevnext_items > a > span > b {
display: block;
color: #212529;
margin-bottom: 5px;
}
@media (max-width: 768px){
.prevnext_items {
display:block;
}
.prevnext_items > div,
.prevnext_items > a {
display:block;
width:auto;
}
.prevnext_items > div {
height:20px;
}
}