.row{
display: flex;
flex-direction: row;
}
.col   {display: flex; flex-direction: column;}
.col-1 {display: flex; flex-direction: column; width:8.33%;}
.col-2 {display: flex; flex-direction: column; width:16.66%;}
.col-3 {display: flex; flex-direction: column; width:25%;}
.col-4 {display: flex; flex-direction: column; width:33.33%;}
.col-5 {display: flex; flex-direction: column; width:41.66%;}
.col-6 {display: flex; flex-direction: column; width:50%;}
.col-7 {display: flex; flex-direction: column; width:58.33%;}
.col-8 {display: flex; flex-direction: column; width:66.66%;}
.col-9 {display: flex; flex-direction: column; width:75%;}
.col-10{display: flex; flex-direction: column; width:83.33%;}
.col-11{display: flex; flex-direction: column; width:91.66%;}
@media screen and (min-width: 1100px){
.row-sm{
display: flex;
flex-direction: row;
}
.col-sm   {display: flex; flex-direction: column;}
.col-sm-1 {display: flex; flex-direction: column; width:8.33%;}
.col-sm-2 {display: flex; flex-direction: column; width:16.66%;}
.col-sm-3 {display: flex; flex-direction: column; width:25%;}
.col-sm-4 {display: flex; flex-direction: column; width:33.33%;}
.col-sm-5 {display: flex; flex-direction: column; width:41.66%;}
.col-sm-6 {display: flex; flex-direction: column; width:50%;}
.col-sm-7 {display: flex; flex-direction: column; width:58.33%;}
.col-sm-8 {display: flex; flex-direction: column; width:66.66%;}
.col-sm-9 {display: flex; flex-direction: column; width:75%;}
.col-sm-10{display: flex; flex-direction: column; width:83.33%;}
.col-sm-11{display: flex; flex-direction: column; width:91.66%;}
}
.modal {
display: none; position: fixed; z-index: 40; left: 0;
top: 0;
width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s
}
.modal-content {
position: fixed;
top: 0;
width: 100%;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s;
}
.modal-body {
position: relative;
max-height: 100vh;
overflow: auto;
background-color: #f9f9f9;
margin: 0 25px;
}
@media screen and (max-width: 600px){
.modal-body {
margin: 0;
}
}
.close {
color: #a62d26;
float: right;
font-size: 40px;
font-weight: bold;
position: absolute;
top: 15px;
right: 15px;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
} @-webkit-keyframes slideIn {
from {top: -300px; opacity: 0} 
to {top: 0; opacity: 1}
}
@keyframes slideIn {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
from {opacity: 0} 
to {opacity: 1}
}
@keyframes fadeIn {
from {opacity: 0} 
to {opacity: 1}
}
.product__short_description .info{
overflow-x: hidden;  }
.product__short_description .info .content{
border: 1px solid #e8e9e9;
padding: .5rem;
margin: .5rem 0;
border-radius: 10px;
background-color: #f0f1f2;
text-align: left;
}
.product__short_description .button{
--color: #aaa;
color: var(--color);
font-size: .9rem;
border: 1px solid var(--color);
padding: 5px 0;
margin: 5px 0;
border-radius: 7px;
cursor: pointer;
}    
.order_an_electronic_signature{
margin: 2rem 0; }
@media screen and (max-width: 1100px) {
.order_an_electronic_signature .image{
display: none;
}
.order_an_electronic_signature .content > div > *{
margin: 1rem;
}
}
.order_an_electronic_signature .image .gradient{
width: 100%;
height: 100%;
background: rgb(237,247,255);
background: linear-gradient(90deg, rgba(237,247,255,0) 0%, rgba(237,247,255,0.17334257921918772) 62%, rgba(237,247,255,0.5935106464460784) 73%, rgba(237,247,255,0.9212417388830532) 85%, rgba(237,247,255,1) 100%); 
}
.order_an_electronic_signature .image{
background-repeat: no-repeat;
}
.order_an_electronic_signature .content{
padding: 2rem;
}
.order_an_electronic_signature .content > *{
margin: 1rem 0;
}
.order_an_electronic_signature .content h3{
font-size: 2rem;    
text-transform: uppercase;
text-align: center;
}
.order_an_electronic_signature .content h4{
padding: 0;
margin: 0;
margin-bottom: .5rem;
color: #333;
font-weight: normal;
text-transform: none;
}
.order_an_electronic_signature .content .icon{
justify-content: center;
padding-right: 10px;
}  .order_an_electronic_signature .col-sm-9.get-ep-width{
width: 100%;
}
.col.row-sm.get-ep {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: rem;
}
.get-ep-wrap {
flex: 0 0 32%;
box-shadow: 4px -1px 12px #dfdcdc, -4px 0px 12px #dfdcdc;
border-radius: 12px;
}
.get-ep__item .text {
font-size: 13px;
}
.get-ep__item-title {
padding-top: 10px;
font-weight: bold;
margin-bottom: 5px;
text-transform: uppercase;
}
.order_an_electronic_signature .get-ep-width .btn-ep {
width: 270px;
margin: 3rem auto 0;
}
.get-ep__item {
padding-right: 5px;
}
div.about-sec > div > div > div.left-sec > a.no-type {
color: #fff;
}
.digital {
display: inline-flex;
}
.digital span {
margin-right: 15px;
font-size: 12px;
} .restoran-wrap table tr:hover {
background: none;
cursor: default;
}
table.prog-table {
display: none;
}
table.prog-table.myactive {
display: block;
}
.restoran-sec__title.myactive {
background: #a62d26;
}
div.obor-rsn {
display: none;
}
div.obor-rsn.myactive {
display: block;
}
.prost {
color: #515151;
font-weight: 100;
}
.prost ul li{
color: #515151;
font-weight: 100;
}
a.mymymy:after {
content: '\2039';
font-size: 24px;
display: inline-block;
margin-left: 4px;
transform: rotate(
-90deg);
}
.mypri {
background-color: #f0f0f0;
}
.mypri div {
display: flex;
justify-content: space-evenly;
}
.mypri2 {
display: flex;
justify-content: space-evenly;
}
.mypri2 .price {
width: 50% !important;
}
.mypri2 a.button {
width: 70% !important;
}
.mypri div span{
color: rgb(166,45,38);
line-height: 1.2;
font-weight: bold;
text-decoration: none;
font-size: 24px;
}
.mypri3 {
display: flex;
justify-content: space-around;
}
.mypri3 div {
color: #7b7b7b;
}
.bacg {
background-color: #f5f5f5;
}
.nopokaz {
color: transparent;
}
.restoran__item-price .center-content .mywidth .item-card {
width: 100%;
}
.restoran__item-price .center-content .mywidth .item-card .price {
width: 90% !important;
}
.myred {
color: rgb(166,45,38);
font-weight: bold;
font-size: 20px;
}
.nonono .woocommerce.columns-2 .main-name, 
.nonono .woocommerce.columns-2 .price, 
.nonono .woocommerce.columns-2 a.button {
display: none !important;
}
.myservice .restoran__item-name {
width: 33%;
}
#mymask {
width: 100%;
height: 100%;
z-index: 1;
background: #000;
opacity: 0.8;
}
#popup-survey {
background: none;
}
#popup-survey .popup {
z-index: 2;
top: 50px;
height: 540px;
}
.itemmy .item-card {
width: 47% !important;
}
.itemmy .woocommerce .price, .itemmy .woocommerce .add_to_cart_button {
display: none !important;
}
.itemmy .mydvva {
display: flex;
}
.itemmy .mykup {
margin: 0 auto;
width: 40%;
margin-bottom: 20px;
text-align: center;
}
.itemmy .mykup .period {
padding-left: 5px;
}
.itemmy .woocommerce.mykup a.add_to_cart_button{
font-weight: 500 !important;
text-align: center;
margin-top: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
width: 30%;
margin: 10px auto;
font-size: 28px;
height: 32px;
border-radius: 14px !important;
}
.woocommerce a.button.added::after{
font-size: 20px;
content: url(//rk72.ru/web/20240425031853im_/https://rk72.ru/wp-content/uploads/2021/10/mycart2.png);
background-color: #a62d27 !important;
padding: 6px;
margin-top: -35px;
border-radius: 12px;
margin-right: -45px;
}
.added_to_cart.wc-forward {
display: none !important;
}
.itemmy .woocommerce.mykup a.add_to_cart_button.added{
background-color: #a62d27;
border-color: #a62d27 !important;
color: #fff !important;
}
.myimg{
width: 115px;
float: left;
}
@media screen and (max-width: 1310px) {
.mytabla .tarif-table .mypri2 .price {
width: 90% !important;
display: flex;
flex-direction: column;
}
.mytabla .tarif-table .mypri2 a.button {
width: 100% !important;
}
}
@media screen and (max-width: 1170px) {
.mytabla .price {
width: 90% !important;
}
}
@media screen and (max-width: 768px) {
.itemmy .woocommerce.mykup a.add_to_cart_button{
width: 100%;
}
.mytabla thead {
display: none;
}
.mytabla table tr {
height: auto;
display: block;
text-align: center;
}
.mytabla table td {
display: block;
width: 100%;
}
.mytabla .myservice .restoran__item-name {
width: 100%;
}
.mytabla .myservice tbody {
display: block;
}
}
@media screen and (max-width: 530px) {
.mytabla .tarif-table .woocommerce {
display: flex;
flex-direction: column !important;
align-items: center;
}
.mytabla .tarif-table .mypri2 .price {
flex-direction: row;
}
.mytabla .tarif-table .mypri2 a.button {
width: 90% !important;
}
.mytabla .restoran-sec {
flex-direction: column;
}
.mytabla .restoran-sec__title {
margin-bottom: 10px;
}
}
@media screen and (max-width: 480px) {
.mytabla .restoran__item-price .center-content .item-card {
width: 100%;
}
}  @media screen and (min-width: 480px){
.price__btn-table-4 {
flex: 0 3 23% !important;
}
}
@media screen and (min-width: 480px){
.price__btn-table {
flex: 0 3 32% !important;
}
} @media (max-width: 700px) {
.hiden__max-700px {
display: none !important;
}
.name-block {
flex-direction: column;
}
}
.price__title {
font-weight: bold;
}
.restoran__item-name .price__title-col1 {
font-weight: bold;
width: 100%;
}
.restoran__item-price .mypri3 .woocommerce .price__product-col2 {
font-size: large;
width: 100%;
text-align: center;
min-width: 55px;
}
@media screen and (max-width: 480px){
.price-sec {
flex-direction: column;
}
.price__btn-table,
.price__btn-table-4
{
margin-bottom: 5px;
}
.restoran__item-name .price__title-col1 {
font-size: large;
}
.restoran__item-price .mypri3 .woocommerce .price__product-col2 {
font-size: 15px !important;
}
.article-page td {
padding-left: 5px !important;
padding-right: 5px !important;
}
.price__usno .restoran__item-price .mypri3 {
margin: 0px !important;
}
} body > div.wp-block-group > div > div > div > div > table.price__usno.prog-table.tarif-table.tablestyle.myactive > tbody > tr:nth-child(3) > td.restoran__item-caption2.buh-tarif__item-caption1 {
border-left: 1px solid #ddd;
}
.price__flex-adaptiv-container1,
body > div.wp-block-group > div > div > div > div > table.price__usno.prog-table.tarif-table.tablestyle.myactive > tbody > tr.mypri > td.restoran__item-price > div > div:nth-child(1) {
flex-grow: 1;
max-width: 600px;
display: flex;
justify-content: space-between;
}
.price__flex-adaptiv-container2 {
width: 150px;
display: flex;
justify-content: space-evenly;
}
table.price__usno .restoran__item-caption1 {
font-weight: normal;
text-transform: none;
font-size: 22px;
} @media screen and (min-width: 930px) {
.price__flex-adaptiv-container2 > span {
margin-left: 30px;
}
.price__flex-adaptiv-container1 > div,
.price__flex-adaptiv-container1 > span,
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div.mypri3 > div {
min-width: 123px;
}
.price__flex-adaptiv-container1 a,
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div.mypri3 > div > a {
max-width: 55px;
}
.hiden__min-700px {
display: none;
}
} @media (min-width: 701px) and (max-width: 930px) {
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div > div:nth-child(1) > span {
min-width: 23%;
} table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div.mypri3 > div {
min-width: 23%;
}
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div.mypri3 > div > a {
max-width: 55px;
}
.price__usno .mypri div span,
.price__usno .price__title-col1,
.price__usno .restoran__item-caption1 {
font-size: 18px !important;
}
.price__usno .restoran__item-caption1 {
font-size: 18px;
font-weight: normal;
text-transform: none;
}
.restoran__item-name,
.report-buh .restoran__item-caption1 {
width: auto !important;
}
.price__usno .restoran__item-caption2 {
width: 80% !important;
}
.hiden__min-700px {
display: none;
}
} @media (min-width: 481px) and (max-width: 700px) {
.price__flex-adaptiv-container2,
body > div.wp-block-group > div > div > div > div > table.price__usno.prog-table.tarif-table.tablestyle.myactive > tbody > tr.mypri > td.restoran__item-price > div > div:nth-child(2) {
flex-grow: 0;
}
.price__flex-adaptiv-container1 > span,
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div > div:nth-child(1) > span {
min-width: auto;
}
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div.mypri3 > div {
min-width: 23%;
}
table.price__usno.prog-table.tarif-table.tablestyle td.restoran__item-price > div.mypri3 > div > a {
max-width: 55px;
}
.price__usno .mypri div span,
.price__usno .price__title-col1,
.price__usno .restoran__item-caption1,
.restoran__item-price .mypri3 .woocommerce .price__product-col2 {
font-size: 15px !important;
}
.price__usno .restoran__item-caption1 {
font-size: 15px;
font-weight: normal;
text-transform: none;
}
.restoran__item-name,
.report-buh .restoran__item-caption1 {
width: auto !important;
}
.price__usno .restoran__item-caption2 {
width: 100% !important;
} body > div.wp-block-group > div > div > div > div > table.price__usno.prog-table.tarif-table.tablestyle.myactive > tbody > tr:nth-child(3) > td.restoran__item-price > div > div.woocommerce.mykup.hiden__min-700px > a {
max-width: fit-content;
margin-right: 0;
margin-left: 0;
}
body > div.wp-block-group > div > div > div > div > table.price__usno.prog-table.tarif-table.tablestyle.myactive > tbody > tr:nth-child(3) > td.restoran__item-price > div > div.woocommerce.mykup.hiden__min-700px {
max-width: fit-content;
}
}
span.price__title-col1 {
border-right: none !important;
} .faq-section-ib {
padding: 40px 0;
}
.faq-item-ib {
background-color: #fff;
transition: all 0.3s ease;
}
.faq-item-ib:last-child {
border-bottom: none;
}
.faq-item-ib:hover {
background-color: #f9f9f9; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transform: translateY(-2px); }
.faq-item-ib:hover .faq-question-ib {
color: #a62d26;
}
.faq-question-ib {
background: none;
border: none;
font-size: 22px;      
font-weight: 600;
color: #777;
text-align: left;
width: 100%;
cursor: pointer;
padding: 10px 0;
transition: color 0.3s ease;
}
.faq-answer-ib {
display: none;
padding: 10px 20px 20px 20px; font-size: 16px;
color: #333;
line-height: 1.6;
}
.faq-answer-ib * {
font-size: 16px !important;
} @media (max-width: 767px) {
.faq-section-ib {
padding: 20px 0; }
.faq-item-ib {
margin-bottom: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border: 1px solid #eee; }
.faq-item-ib:last-child {
margin-bottom: 0; }
.faq-item-ib:hover {
transform: translateY(0); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
.faq-question-ib {
font-size: 18px; padding: 15px 20px; position: relative; }
.faq-question-ib:after {
content: '+'; position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: 300;
color: #a62d26;
transition: transform 0.3s ease;
}
} @media (max-width: 480px) {
.faq-question-ib {
font-size: 16px; padding: 15px;
}
.faq-question-ib:after {
right: 15px;
}
.faq-answer-ib {
padding: 0 15px 15px 15px;
font-size: 14px;
}
.faq-answer-ib * {
font-size: 14px !important;
}
} .faq-show-more-wrapper {
text-align: center;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.faq-show-more-btn {
background: none;
border: 2px solid #a62d26;
color: #a62d26;
font-size: 18px;
font-weight: 600;
padding: 12px 35px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 10px;
}
.faq-show-more-btn:hover {
background-color: #a62d26;
color: white;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(166, 45, 38, 0.2);
}
.faq-show-more-btn:active {
transform: translateY(0);
}
.faq-show-more-icon {
font-size: 24px;
font-weight: 300;
transition: transform 0.3s ease;
} @media (max-width: 767px) {
.faq-show-more-btn {
font-size: 16px;
padding: 10px 25px;
width: 100%;
max-width: 280px;
}
.faq-show-more-wrapper {
margin-top: 25px;
padding-top: 15px;
}
}      .h1__title-red {
display: block;
font-size: 49px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: "Bold";
font-weight: normal;
position: relative;
color: #a62d26;
}
.h2__title-red {
color: #a62d26;
font-size: 24px;
margin-top: 30px;
margin-bottom: 15px;
text-align: left;
text-transform: none;
}
.h2__article-black {
font-size: 24px;
margin-top: 30px;
margin-bottom: 15px;
text-align: left;
text-transform: none;
}
.card-service h2 {
position: relative;
z-index: 2;
margin: auto;
margin-left: 0;
font-size: 22px;
line-height: 22px;
text-transform: none;
text-align: left;
}
.h3__title-black {
color: #000;
font-family: "Bold";
font-size: 18px;
margin-top: 20px;
margin-bottom: 15px;
text-align: left;
text-transform: none;
} .p__article {
margin-bottom: 15px;
}
.p__article a {
color: #a62d26;
text-decoration: none;
border-bottom: none !important;
}
.p__article a::after {
content: ""; display: none; } .ol__article li {
margin-bottom: 10px;
}
.rk-style__ol-marker-red {
margin: 0;
}
.rk-style__ol-marker-red li::marker {
color: #a62d26;
font-weight: bold;
}
.rk-style__ol-marker-red li a:hover {
color: #a62d26;
}
.custom-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.custom-list li {
position: relative;
padding-left: 25px;
margin-bottom: 8px;
}
.plus-list li::before {
content: "+";
position: absolute;
top: -3px;
left: 0;
color: #a62d26;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
}
.minus-list li::before {
content: "–";
position: absolute;
top: -3px;
left: 0;
color: #3d3d91;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
} .service-list {
list-style: none;
padding-left: 0;
margin: 0;
margin-left: 20px; 
margin-bottom: 15px;
}
.service-list li {
position: relative;
padding-left: 30px; font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
}
.service-list li::before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 20px;
height: 20px;
background-image: url(//rk72.ru/wp-content/uploads/2024/07/check-mark_5290109.png);
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.service-list li {
font-size: 16px;
padding-left: 28px;
}
.service-list li::before {
width: 18px;
height: 18px;
}
}
.dot-list,
.check-list,
.check-list-around {
list-style: none;
padding-left: 0;
margin: 0;
margin-left: 20px; 
margin-bottom: 15px;
}
.dot-list li,
.check-list li,
.check-list-around li {
position: relative;
padding-left: 24px;
margin-bottom: 10px;
font-size: 18px;
line-height: 1.5;
}
.dot-list li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 8px;
background-color: #a62d26; border-radius: 50%;
}
.check-list li::before {
content: "✔";
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
color: #a62d26; }
.check-list-around li::before {
content: "✔";
position: absolute;
top: 0;
left: -6px;
width: 20px;
height: 20px;
color: #a62d26; border: 1px solid #a62d26;
border-radius: 50%;
align-items: center;
font-size: 14px;
text-align: center;
line-height: 23px;
}
.blockquote .dot-list li {
margin-bottom: 0;
}
.blockquote .dot-list li::before {
left: 10px;
width: 4px;
height: 4px;
} .size-article-img {
max-height: 400px;
max-width: 600px;
}
@media (max-width: 768px) {
.size-article-img {
margin-left: 0;
margin-right: 0;
}
}  .auth-block {
display: flex;
align-items: flex-start;
gap: 30px;
max-width: 1200px; margin: 0 auto;
padding: 20px;
}
.auth-image {
flex-shrink: 0;
width: 400px;
max-width: 100%;
}
.auth-image img {
display: block;
width: 100%;
height: auto;
max-width: 2000px;
} @media (max-width: 768px) {
.auth-block {
flex-direction: column;
padding: 10px;
}
.auth-image {
margin-top: 20px;
}
}  .img__float-right {
float: right;
margin-left: 25px;
background-size: cover;
background-position: center;
} .pros-cons-table {
width: 100%;
max-width: 1000px;
margin: 0 auto 30px;
border-collapse: collapse;
font-family: Arial, sans-serif;
font-size: 17px;
}
.pros-cons-table th,
.pros-cons-table td {
border: 1px solid #ccc;
vertical-align: top;
padding: 15px 20px;
text-align: left;
}
.pros-cons-table th {
background-color: #f5f5f5;
font-weight: bold;
text-align: center;
color: #000;
}
.pros-cons-cell {
position: relative;
padding-left: 36px;
}
.pros-cons-cell::before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
}
.pros-cell::before {
background-image: url(//rk72.ru/wp-content/uploads/2024/07/check-mark_5290109.png);
}
.cons-cell::before {
background-image: url(//rk72.ru/wp-content/uploads/2024/07/cancel_5290036.png); }
@media (max-width: 768px) {
.pros-cons-table,
.pros-cons-table thead,
.pros-cons-table tbody,
.pros-cons-table th,
.pros-cons-table td,
.pros-cons-table tr {
display: block;
}
.pros-cons-table thead {
display: none;
}
.pros-cons-table tr {
margin-bottom: 20px;
}
.pros-cons-table td {
border: none;
padding: 10px 0;
}
.pros-cons-table td::before {
content: attr(data-label);
font-weight: bold;
display: block;
margin-bottom: 6px;
}
}  .emoji-highlight {
background-color: #e2e4e7; 
padding: 0;
margin-bottom: 18px;
}
.article_custom-icon__red-hand {
position: relative;
padding-left: 30px; font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
}
.article_custom-icon__red-hand::before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 20px;
height: 20px;
background-image: url(//rk72.ru/wp-content/uploads/icon/icon_red_hand_right.png);
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.article_custom-icon__red-hand li {
font-size: 16px;
padding-left: 28px;
}
.article_custom-icon__red-hand::before {
width: 18px;
height: 18px;
}
} .table-of-contents {
background: #fcf4f4;
padding: 25px;
padding-bottom: 5px;
border-radius: 12px;
margin-bottom: 35px;
border-style: solid;
border-width: 1px;
border-color: #f2dada;
border-left-width: 4px;
border-left-color: #a62d26;
}
.table-of-contents h2 {
margin-top: 0;
margin-bottom: 15px;
font-size: 24px;
color: #a62d26;
text-transform: none;
text-align: left;
}
.table-of-contents ul {
list-style: none;
padding-left: 0;
}
.table-of-contents li {
position: relative;
margin-bottom: 10px;
padding-left: 15px;
}
.table-of-contents li::before {
content: "";
position: absolute;
top: 0.6em; transform: translateY(-50%); left: 0; width: 6px;
height: 6px;
background-color: #a62d26; border-radius: 50%;
}
.table-of-contents a {
color: #000000;
text-decoration: none;
transition: color 0.2s;
}
.table-of-contents a:hover {
color: #a62d26;
text-decoration: none;
opacity: 1;
}
h2[id] {
scroll-margin-top: 100px; } .consultation-form { background: linear-gradient(135deg, #9e2b25 0%, #a62d26 100%);
padding: 30px;
border-radius: 20px;
margin: 35px 0;
text-align: center;
}
.consultation-form p {
color: white;
text-align: center;
}
.consultation-form input {
padding: 12px 20px;
width: 280px;
border-radius: 8px;
font-size: 16px;
margin-right: 12px;
border-color: transparent;
}
.consultation-form button {
background: white;
color: #a62d26;
border: none;
padding: 14px 28px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.3s;
}
.consultation-form button:hover {
transform: translate(-2px, -2px);
} .interest-grid {
display: flex;
flex-direction: row;
gap: 20px;
}
.interest-card {
display: flex;
align-items: center;
gap: 20px;
padding: 15px 10px;
background: #f8fafc;
border-radius: 12px;
transition: all 0.3s ease;
cursor: pointer; box-shadow: 3px 3px 5px rgba(166, 45, 38, 0.7), 1px 1px 2px rgba(166, 45, 38, 0.1);
border: 1px solid rgba(166, 45, 38, 0.15);
} .interest-card:hover {  box-shadow: 6px 6px 15px rgba(166, 45, 38, 0.85), 2px 2px 4px rgba(166, 45, 38, 0.2);
border-color: rgba(166, 45, 38, 0.5); transform: translate(-2px, -2px); }
.interest-content {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
} .interest-content h4 {
margin: 0;
padding: 0;
text-transform: none;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #1a1a2e;
line-height: 1.4;
flex: 2;
min-width: 200px; display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; height: calc(1.4em * 2);
} .interest-link {
display: inline-block;
background: transparent;
border: 2px solid #a62d26;
color: #a62d26;
padding: 8px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
font-family: inherit;
text-decoration: none;
white-space: nowrap;
text-align: center;
margin: 0 auto;
} .interest-link:hover {
background: #a62d26;
color: #ffffff; opacity: 1;
} .articles__news-card {
width: 40% !important;
} @media (max-width: 650px) {
.articles__news-card {
max-width: 350px !important;
width: 100% !important;;
}
} .interest-card {
width: 100%;
box-sizing: border-box;
} @media (max-width: 768px) {
.interest-grid {
flex-direction: column;
}
.interest-card {
flex-direction: column;
text-align: center;
padding: 20px;
}
.interest-content {
flex-direction: column;
width: 100%;
}
.interest-content h4 {
min-width: auto;
width: 100%;
text-align: center;
height: auto;
}
.interest-link {
width: auto;
min-width: 150px;
}
} @media (max-width: 768px) {
.h2__title-red,
.h2__article-black {
font-size: 24px;
}
.consultation-form input {
width: 100%;
margin-right: 0;
margin-bottom: 12px;
}
table.table__article-standart tbody {
display: table-header-group;
}
.table__article-standart th,
.table__article-standart td {
padding: 8px;
font-size: 14px;
}
}    .faq-page-wrapper .name h2 {
text-transform: none;
text-align: left;
margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: inherit !important; }
.faq-item:after {
content: '\2039';
font-size: 24px;
display: inline-block;
margin-left: 4px;
transform: rotate(-90deg);
}
.faq-answer {
color: #515151;
}
.faq-answer p:not(:first-child) {
margin-top: 20px;
}
.faq-answer p:not(:first-child):not(:last-child) {
margin-bottom: 10px;
}
.faq-answer ul li,
.faq-answer ol li {
color: #515151; }
.faq-answer ol,
.faq-answer ul {
margin-top: 10px;
margin-bottom: 10px;
}
.faq-answer p:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
}
.faq-answer a {
color: #515151;
font-weight: 900;
}
.faq-answer a:after {
width: 100%;
content: "";
height: 1px;
position: absolute;
bottom: 1px;
left: 0;
background: #515151;
} .faq-marker-icon_before {
width: 1.2em;
height: 1.2e;
font-weight: bold;
font-size: 1em;
margin-right: 0.3em;
}
.faq-marker-icon_after {
width: 1.2em;
height: 1.2e;
font-weight: bold;
font-size: 1em;
margin-left: 0.3em;
} .faq-marker-icon_before::before,
.faq-marker-icon_after::after {
content: "?";   color: #a62d26;
text-align: left;
}  .blockquote {
color: grey;
background-color: #f8f8f8;
border-left: 4px solid #a62d26;
line-height: 1.6;
margin-top: 30px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 35px;
font-style: italic;
}
.blockquote strong {
color: #000;
}
.blockquote span,
.blockquote li {
font-size: 12px !important;
}
@media (max-width: 768px) {
.blockquote {
font-size: 16px;
}
} .stage-section1 .stage:before {
content: "";
background-image: url(//rk72.ru/wp-content/themes/ruscomp/assets/images/ico/chevron.png);
position: absolute;
right: -30px !important;
top: 60px !important;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.item6 .stage:before {
right: -16px !important;
} input#politic-btn-cf7:disabled {
color: #fff;
background-color: #9D9D9D;
} .page_about {
line-height: 1.5 !important;
text-align: justify !important;
padding-bottom: 15px !important;
padding-top: 0px !important;
margin-top: -15px !important;
font-size: 20px !important;
}
.page_about a {
border-bottom: none !important;
margin-top: 0 !important;
margin-right: 0 !important;
font-size: 20px !important;
display: inline !important;
}
@media (max-width: 700px) {
.page_about {
font-size: 15px !important;
}
.page_about a {
font-size: 15px !important;
display: inline !important;
margin-top: 0 !important;
margin-right: 0 !important;
border-bottom: none !important;
}
} p a.phone-link {
border-bottom: none !important;
}
p a.phone-link:after {
content: none !important;
}
p.fix-link_no-underline a {
border-bottom: none !important;
}
p a.email-link {
border-bottom: none !important;
}
p a.email-link:after {
content: none !important;
}  .table-container {
width: 100%;
overflow-x: auto;
margin-bottom: 30px;
-webkit-overflow-scrolling: touch;
border: 1px solid #e0e0e0;
border-radius: 8px;
}
.price-table {
width: 100%;
min-width: 650px;
border-collapse: collapse;
font-size: 15px;
}
.price-table td {
border: 1px solid #e0e0e0;
padding: 12px 16px;
vertical-align: top;
}
.price-table tr:first-child td {
background-color: #f8f9fa;
font-weight: 600;
} .price-table .table-title-2 {
background-color: #fafafa;
}
.has-text-align-center {
text-align: center;
}
.current-price {
color: #666;
text-decoration: line-through;
white-space: nowrap;
}
.new-price { font-weight: 600;
white-space: nowrap;
}
.no-change { font-weight: 600;
white-space: nowrap;
} @media (max-width: 768px) {
.table-container {
border-radius: 6px;
margin-bottom: 20px;
}
.price-table {
min-width: 350px;
font-size: 14px;
}
.price-table td {
padding: 10px 12px;
}
.price-table tr:first-child td {
font-size: 15px;
padding: 12px;
} .price-table td:first-child {
min-width: 200px;
max-width: 250px;
}
.price-table td:nth-child(2),
.price-table td:nth-child(3) {
min-width: 100px;
text-align: center;
} .price-table tr:active {
background-color: #f0f0f0;
}
}
@media (max-width: 480px) {
body {
padding: 15px 10px;
}
.table-container {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px);
border-radius: 0;
border-left: none;
border-right: none;
}
.price-table {
min-width: 350px;
font-size: 13px;
}
.price-table td {
padding: 8px 10px;
}
.price-table td:first-child {
min-width: 180px;
max-width: 220px;
} .current-price,
.new-price,
.no-change {
font-size: 14px;
}
}  .table__article-standart {
width: 100%;
border-collapse: collapse;
border: 1px solid #ddd;
background: #fff;
margin: 25px 0;
}
table.table__article-standart thead {
width: 100%;
display: table-header-group;
}
table.table__article-standart th {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
color: black;
background-color: #f2f2f2;
font-weight: 600;
}
table.table__article-standart td {
padding: 12px;
border: 1px solid #ddd;
vertical-align: top;
}
table.table__article-standart tr:nth-child(even) {
background-color: #f9f9f9;
}
table.table__article-standart tr:hover {
background: #eee;
cursor: default;
} .table-container::-webkit-scrollbar {
height: 6px;
}
.table-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.table-container::-webkit-scrollbar-thumb {
background: #888;
border-radius: 3px;
}
.table-container::-webkit-scrollbar-thumb:hover {
background: #555;
} .table-container {
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1;
} .container-card__step,
.container-card__step-edo {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
width: 100%;
}
.card__step,
.card__step-edo {
flex: 1;
padding: 10px;
margin: 10px;
border: 1px solid rgb(240, 240, 240);
border-radius: 30px;
text-align: left;
box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.title-card__step,
.title-card__step-edo {
margin-bottom: 40px;
}
.h3__title-card-step {
margin-top: 5px; 
margin-left: 0; 
margin-bottom: 0;
color: #a62d26;
font-size: 24px;
text-align: left;
text-transform: none;
}
.content-card__step p,
.content-card__step-edo p {
text-align: left;
} .slide-container {
display: flex;
gap: 20px;
padding: 10px;
box-sizing: border-box;
}
.carousel-nav {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.carousel-nav div {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #a62d26;
background: white;
color: #a62d26;
font-size: 24px;
cursor: pointer;
transition: all 0.3s ease;
align-content: center;
text-align: center;
}
.carousel-nav div:hover {
background: #a62d26;
color: white;
} .one-screen .prev.disabled,
.one-screen .next.disabled {
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
} @media (max-width: 1200px) {
.slide-container {
gap: 15px;
}
}
@media (max-width: 768px) {
.slide-container {
flex-wrap: wrap;
gap: 10px;
}
.card__step,
.card__step-edo {
flex: 0 0 calc(50% - 5px); }
}
@media (max-width: 576px) {
.card__step,
.card__step-edo {
flex: 0 0 100%; }
}  .stage-section1 {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
position: relative; }
.stage-section1 .stage:last-child:before,
.no-before .stage:before,
.no-after .stage:after {
display: none;
} .stage {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
max-width: 200px;
position: relative; padding: 0 10px;
} .stage .number {
width: 150px;
height: 150px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} .stage .number img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
} .stage .text-container {
text-align: center;
flex-grow: 1;
display: flex;
} .stage p {
margin: 0;
line-height: 1.4;
} @media (max-width: 1024px) {
.stage {
min-width: 180px;
max-width: 220px;
}
.stage .number {
width: 130px;
height: 130px;
}
} @media (max-width: 768px) {
.stage-section1 .stage:before {
display: none;
}
.stage-section1 {
flex-direction: column;
align-items: center;
gap: 30px;
padding: 20px 15px;
}
.stage {
flex-direction: row; min-width: 100%;
max-width: 100%;
align-items: center;
text-align: left;
gap: 20px;
padding: 15px;
border: 1px solid #eee;
border-radius: 10px;
background: #f9f9f9;
}
.stage .number {
width: 80px;
height: 80px;
margin-bottom: 0;
}
.stage .text-container {
text-align: left;
justify-content: flex-start;
}
.stage p {
font-size: 15px;
text-align: left !important;
} .stage:not(:last-child)::after {
content: "";
background-image: url(//rk72.ru/wp-content/themes/ruscomp/assets/images/ico/chevron.png);
position: absolute;
bottom: -50px; height: 20px;
width: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: rotate(90deg);
left: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
} .stage:not(:last-child) {
position: relative;
margin-bottom: 40px; }
.no-after .stage:after {
display: none;
}
} @media (max-width: 480px) {
.stage {
gap: 15px;
padding: 12px;
}
.stage .number {
width: 70px;
height: 70px;
}
.stage p {
font-size: 14px;
text-align: left !important;
}
.stage:not(:last-child) {
margin-bottom: 35px;
}
.stage:not(:last-child)::after {
bottom: -50px;
font-size: 20px;
width: 25px;
height: 25px;
}
.no-after .stage:after {
display: none;
}
}  .no_about-sec li:before {
content: "" !important;
position: absolute !important;
top: 10px !important;
left: 0 !important;
width: 8px !important;
height: 8px !important;
background-color: #a62d26 !important;
border-radius: 50% !important;
border: none !important;
background-image: none !important;
}
.no_about-sec li {
position: relative !important;
padding-left: 24px !important;
padding-bottom: 10px !important;
margin-bottom: 10px !important;
font-size: 18px !important;
line-height: 1.5 !important;
}  .advantages-right {
margin-top: 60px;
margin-bottom: 60px;
}
.advantages-right h2 {
margin-bottom: 40px;
font-size: 32px;
color: #333;
text-align: center;
}
.advantages-items {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.card-advantage {
flex: 0 1 calc(33.333% - 20px);
min-width: 300px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
position: relative;
background-size: cover;
background-position: center;
}
.card-advantage .title {
background: linear-gradient(#b04943, #8a3934);
display: flex;
position: relative;
z-index: 180;
padding: 0px 20px;
margin-top: 20px;
height: 100px;
align-items: center;
}
.card-advantage .title h3 {
color: #fff;
position: relative;
z-index: 2;
margin: auto;
margin-left: 0;
font-size: 22px;
line-height: 22px;
}
.card-advantage .show-block {
padding: 20px;
}
.advantages-rows__wrap {
color: #333;
font-size: 20px;
line-height: 1.6;
}
.advantages-rows__wrap p {
text-align: left;
margin-bottom: 10px;
font-size: 20px;
}
.advantages-rows__wrap ul,
.advantages-rows__wrap ol {
margin-left: 20px;
margin-bottom: 15px;
}
.advantages-rows__wrap li {
margin-bottom: 5px;
}
.advantages-rows__wrap a {
color: #b04943;
text-decoration: underline;
}
.advantages-rows__wrap a:hover {
text-decoration: none;
}   .container__btn-tab {
display: flex;
justify-content: space-evenly;
}
@media screen and (max-width: 480px) {
.container__btn-tab {
flex-direction: column;
}
}
.btn-tab {
padding: 10px;
border-radius: 10px;
background: #3c3c3c;
text-align: center;
color: #fff;
cursor: pointer;
font-size: 25px;
font-family: "Bold";
font-weight: normal;
flex: 0 0 32%;
}
.btn-tab.myactive {
background: #a62d26;
}
.btn-tab:hover
{
background: #a62d26;
transition: background .6s ease;
}
@media (max-width: 700px) {
.btn-tab {
font-size: 18px;
}
}
@media screen and (max-width: 480px) {
.btn-tab {
margin-bottom: 5px;
}
}
@media screen and (max-width: 430px) {
.btn-tab {
font-size: 15px !important;
}
}
@media screen and (max-width: 620px) {
.btn-tab {
font-size: 15px !important;
}
}
@media screen and (min-width: 480px) {
.btn-tab {
flex: 0 3 32% !important;
}
} .tab-content {
display: none;
}
.tab-content.myactive {
display: block;
} .reviews-list {
max-width: 900px;
margin: 0 auto;
}
.reviews-list .recal {
margin-bottom: 30px;
padding: 20px;
background: #f9f9f9;
border-radius: 8px;
border-left: 4px solid #a62d26;
}
.reviews-list .recal .name {
margin-top: 15px;
font-weight: 600;
color: #a62d26;
}
.reviews-list .recal .data {
font-size: 12px;
color: #999;
margin-top: 5px;
}