html, body, div, section, article, aside, header, hgroup, footer, nav, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font: inherit;
}
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
display: block;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
html, body { height: 100%;}
html, body, form, ul, li, table, td {
margin: 0;
padding: 0;
font-size: 14px;
}
body {
color: #333; background: #f6f6f6;
}
body, input, textarea {
font-size: 16px;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
}
a {
text-decoration: none;
text-decoration: none;
color:#00333EC9 ;
border-bottom: 1px solid #00333e1f !important;
}
a:hover {
text-decoration: none;
border-bottom: 1px solid #00333EC9;
}
a img {
border: 0;
}
p, ul, li, ol {
margin-top: 0;
font-size: 16px;
line-height: 1.4em;
margin-bottom: 1.5em;
}
.content-story ul, article ol {
padding-left: 60px;
border-left: 5px solid #e3f5fc;
}
.content-story ul li, article ol li {
list-style-position: outside
}
.content-story ul li {
position: relative;
list-style: none;
}
.content-story ul > li:before {
content: '';
position: absolute;
top: 9px;
left: -20px;
width: 7px;
height: 7px;
background: #00aeef;
}
.content-story ol{counter-reset: myCounter; padding: 0px 30px 0px 60px; border: 5px solid #e3f5fc;}
.content-story ol li{list-style: none;
position: relative;
padding: 0 0 0 35px;
margin: 40px 0;}
.content-story ol li:before { counter-increment: myCounter;
content: counter(myCounter);
color: #000;
background:#e3f5fc;
display: inline-block;
text-align: center;
margin: 6px 10px 0px 0;
line-height: 40px;
width: 40px;
height: 40px;
position: absolute;
left: -27px;
}
td {
vertical-align: top;
}
ul li, ol li {
list-style-position: inside;
}
.clear {
clear: both;
}
strong {
font-weight: bold;
}
h1 {
font-size: 27px;
line-height: 36px;
margin: 0 0 30px; color:#1e293b;
}
h2 {
font-size: 30px;
line-height: 50px;
margin: 30px 0 30px; color:#1e293b;
}
h2.no-padding { margin: 0 0 0px;}
#breadcrumbs {margin:0;padding:0}
p.yellow {
border: 2px solid #FF9800;
min-height: 60px;
padding: 10px;
background: #f9f5da;
}
p.yellow img {
width: auto;
margin: 0 20px 0 0 !important;
float: left;
height: 60px;
}
.vivid-block p {font-size:0.8em;}
.vivid-block li {font-size:0.8em;}
.nb-block { background: #f1f1f1;
padding: 25px 25px 5px;
border-radius: 15px;
margin: 15px 0 25px;
border: 1px solid #ddd;}
.nb-block2 { background: #ffedc8;
padding: 25px 25px 25px;
border-radius: 15px;
margin: 25px;
font-size:0.9em;
border: 1px solid #FFC44F;}
.adres { background: url(/wp-content/themes/ma/images/map-point.svg) no-repeat 0 0;
background-size: 20px 20px;
display: block;
margin: 0 0 10px;
padding: 0 0 0 30px; }
.number { background: url(/wp-content/themes/ma/images/phone-1.svg) no-repeat 0 0;
background-size: 20px 20px;
display: block;
margin: 0 0 10px;
padding: 0 0 0 30px; }
.work {display: block; margin: 0 0 10px;}
.proezd { display: block; margin: 0 0 10px;}
.page { min-height: 100%;
overflow: hidden;
z-index: 999999;
position: relative;
margin: 0 auto;
}
.wrap {
padding:0px;
}
.footer-text {
margin: 0 0px;}
footer {
background: #ecdfd0;
width: 100%;
color: #000;
overflow: hidden;
font-size: 14px;
}
footer p {padding: 0;
margin: 0;
font-size: 16px;
}
footer .row {
margin: 0 auto;
padding: 20px 25px;
}
.footer-nav li {
display: inline-block;
list-style: none;
margin: 0 0 5px;
font-size: 14px;
padding: 0 15px 0 0
}
.footer-about {
margin: 0 0 5px;
font-size: 14px;
}
header {
background: rgb(250, 248, 246);
position: relative;
}
.row {
max-width: 1220px;
margin: 0 auto;
position: relative;padding: 0 25px;
}
header a {border:none!important; text-decoration:none;}
#site-title {z-index: 99999999999999999999999999999999999;
position: relative;
float: left;
}
#site-title a {
font-weight: 800;
background-color: transparent;
background-image: linear-gradient(260deg, #FFFFFF 0%, #FFC44F 83%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: none;
display: block;
position: relative;
font-size: 30px;
line-height: 70px;
}
#site-title a span {
font-size: 14px;
position: absolute;
top: -150000px;
}
.single-name h1 {
font-size: 34px;
line-height: 46px;
color: #333;
margin: 0 0 20px;
word-spacing: 0;
}
.single-name {
margin: 0px 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 20px;
}
.single-name p {
margin: 0 0 20px;
word-spacing: 0;
}
.single-name p .date, .single-name p .categ {
display: inline-block;
margin: 0 20px 0 0;
}
.navigation {
clear: both;
padding: 25px 0;
text-align: center;
margin-bottom: 0px;
font-size: 16px;
text-transform: uppercase;
}
.navigation a, .navigation .current {
margin-right: 15px;
padding: 0;
}
span.pages {
margin-right: 15px;
}
blockquote {
display: block;
border: 1px solid #cabca6;
padding: 25px 29px;
overflow: hidden;
margin: 25px 0 25px 0;
}
blockquote img {
width: auto!important;
margin: 0 30px 0 0!important;
}
blockquote p {margin:0 0 10px;}
.color_box :last-child, .color_box2 :last-child, blockquote :last-child {
margin-bottom: 0;
}
.color_box {
font-size: 30px;
line-height: 37px;
color: #8f68fb;
font-weight: 500;
padding: 0 20px;
border-left: 3px solid #8f68fb;
margin-left: -20px;
}
.color_box2 {
font-size: 30px;
line-height: 37px;
color: #187aab;
font-weight: 500;
padding: 0 20px;
border-left: 3px solid #187aab;
margin-left: -20px;
}
.otziv {
font-size: 18px;
font-weight: 300;
margin: 0 0 20px 50px;
position: relative;
}
.otziv .author {
font-size: 16px;
font-weight: 400;
color: #808080;
}
.otziv p {
margin-bottom: 15px;
}
.otziv:before {
content: ' ';
display: block;
width: 29px;
height: 24px;
background: url(images/ico_3.png) 0 0 no-repeat;
position: absolute;
top: 7px;
left: -50px;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0 0 10px 15px;
}
.wp-caption {
max-width: 100% !important;
}
.wp-caption-text {
text-align: center;
font-size: 14px;
font-style: italic;
font-weight: bold;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin: 0 0 20px;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post img, .category-meta img, .post-content img { max-width:100%; height: auto;}
.unit-img-2 img {
width: 100%;
height: auto;
}
table {border-right:1px solid #afbac1; border-top:1px solid #afbac1; width:100%!important; border-collapse: collapse;}
table th {border-left:1px solid #afbac1; border-bottom:1px solid #afbac1; vertical-align:top; padding:10px; background: #ecdfd0;
font-size: 18px;}
table td {border-left:1px solid #afbac1; border-bottom:1px solid #afbac1; vertical-align:top; padding:10px; }
.post-content table td {border:1px solid #afbac1; border-collapse: collapse;}
.post-content table {margin:30px 0;}
.post img, .category-meta img {
max-width: 100%;
height: auto;
}
.aside-razdel { font-size: 18px;}
.left-aside li { list-style: none;
margin: 0 0 10px 0;
padding: 0;}
.left-aside ul {padding: 25px;}
.homeh2 {margin:0 0 0px;}
.sticky {
position: fixed;
z-index: 101;
}
.stop {
position: relative;
z-index: 101;
}
.category-desc {text-align:center;}
.home-text {padding:15px 15px 0!important;}
.open-link { display: table; position:realtive; padding: 10px;
min-height: 40px;
margin: 0px 0;
width: 100%;}
.open-link img {
width: 70px;
height: 70px!important;
margin: 0;
padding: 5px 5px 0px 5px;
border-right: 1px solid #ddd;
display: table-cell;
}
.open-link span.link-button-link { cursor:pointer; padding: 0 120px 0 0;
color: #000;
text-decoration: none;
cursor: pointer;
display: inline-block;
/* float: left; */
vertical-align: middle;
display: table-cell;
text-align: left;
/* width: 100%; */
margin: 0;
}
.open-link .link-button {vertical-align: middle; cursor:pointer;
border: 1px solid #ddd;
border-radius: 19px;
height: 20px;
background: #0871cc;
padding: 9px 15px;
color: #fff;
FONT-SIZE: 17PX;
TEXT-TRANSFORM: UPPERCASE;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
line-height: 20px;}
.cards li a {border:none!important; color:#000}
.cards li:before {
background-image: url('data:image/svg+xml,');
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
transition: transform 0.3s;
}
.cards li {position: relative; list-style-type:none; padding-left:24px;}
.open-link .link-button:hover { background: #fa3c8e}
.post-content {margin:25px 0 0}
.bgimage { position: relative;color:#fff; background:url(images/photo_2024-08-19_16-43-59.jpg) no-repeat 0 0; background-size: cover;}
.bgimage-ov { background-color: #00333E;
opacity: 0.73;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
position: absolute;
height: 100%;
width: 100%;}
.bgimage h1 { color: #fff;
position: relative;
font-size: 38px;
padding: 35px 0;}
.bgimage .row { display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;}
.bgimage-left {width:50%; padding: 35px 0;}
.bgimage-left p {padding:0 0 20px;}
.bgimage-right {width:50%; padding: 55px 0;}
.bgimage-right img { max-width: 70%;
height: auto;
text-align: center;
margin: auto;
display: block;}
.icoimages { display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;}
.icoimage {background-size: 50px 50px !important; background-position: 15px 0 !important;
padding: 65px 15px 15px 15px; font-size:14px;
margin: 15px 0 15px;
width: 25%;}
.icoimage span {display:block; font-weight:bold;}
.ico-1 {background:url(images/free-icon-language-choice-4821611.png) no-repeat 0 0;}
.ico-2 {background:url(images/free-icon-profile-1250689.png) no-repeat 0 0;}
.ico-3 {background:url(images/free-icon-discount-3757779.png) no-repeat 0 0;}
.ico-4 {background:url(images/free-icon-delivery-time-3607487.png) no-repeat 0 0;}
.jlplg-lovecoding-cookie-info-container {z-index:99999999999999999999999999999999!important}
/*--------------------------------------------------------
Author: Robert Piirainen
Twitter: @robertpiira
Created: 2011
Updated: 2012/2/17
--------------------------------------------------------*/
/* INGRID
Here are the building blocks of Ingrid
--------------------------------------------------------*/
.ingrid {
padding: 0; /* Remove if you already reset paddings */
clear: both;
list-style: none; /* Works with ul & ol */
word-spacing: -0.43em;
}
.unit, .field-unit {
margin: 0; /* Remove if you already reset margins */
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
}
.field-unit {
display: block;
}
/* GUTTERS
Gutter set directly on units (thanks border-box)
--------------------------------------------------------*/
.unit, .field-unit {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* OLDIE
Some IE7 patching (optional)
--------------------------------------------------------*/
.ingrid {
*letter-spacing: normal;
*zoom: 1;
}
.unit {
*display: inline;
}
.unit, .field-unit {
*margin-right: -1px;
*padding: 0;
*zoom: 1;
}
.no-padding {padding:0!important}
/* UNITS
These divider classes are set on .ingrid container
--------------------------------------------------------*/
.in-halves > .unit {
width: 50%;
}
.in-thirds > .unit {
width: 33.33333%;
}
.in-fourths > .unit {
width: 25%;
}
.in-fifths > .unit {
width: 20%;
}
.in-sixths > .unit {
width: 16.66666%;
}
.in-sevenths > .unit {
width: 14.28571%;
}
/* SPATIALS
The span-x classes are set on individual .units
--------------------------------------------------------*/
/* Spatial units in thirds */
.in-thirds > .span-two {
width: 66.66666%;
}
/* Spatial units in fourths */
.in-fourths > .span-two {
width: 50%;
}
.in-fourths > .span-three {
width: 75%;
}
/* Spatial units in fifths */
.in-fifths > .span-two {
width: 40%;
}
.in-fifths > .span-three {
width: 60%;
}
.in-fifths > .span-four {
width: 80%;
}
/* Spatial units in sixths */
.in-sixths > .span-two {
width: 33.33333%;
}
.in-sixths > .span-three {
width: 50%;
}
.in-sixths > .span-four {
width: 66.66666%;
}
.in-sixths > .span-five {
width: 83.33333%;
}
/* Spatial units in sevenths */
.in-sevenths > .span-two {
width: 28.57142%;
}
.in-sevenths > .span-three {
width: 42.85714%;
}
.in-sevenths > .span-four {
width: 57.14285%;
}
.in-sevenths > .span-five {
width: 71.42857%;
}
.in-sevenths > .span-six {
width: 85.71428%;
}
@media only screen and (min-width: 969px){
.tabs-container table tr td:last-child {
text-align:center;
}
.ofis-galey { margin:0 0 30px; display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;}
.cards {display: grid; margin:30px 0;
grid-template-columns: repeat(3, 1fr);
gap: 15px;}
.card { background: #fff;
border-radius: 8px;
padding: 30px;}
.card .title {font-size:1.2em; margin:0 0 20px;}
.card .title a {border: none !important; color:#000};
.row-text {padding:30px 30px 5px; background:#fff; border-radius: 8px;}
.sbmLangslistIcon__list a { border: none !important;
display: flex;
align-items: center;
justify-content: flex-start;
background: #fff;
border-radius: 8px;
padding: 10px 10px 5px;}
.sbmLangslistIcon__itemName {margin: 0 0 0 10px;}
.sbmLangslistIcon__list { display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;}
.sbmLangslistIcon__item .sbmLangslistIcon__itemIcon {width:70px}
.sbmLangslistNoicon__list ul { display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 15px;}
.sbmLangslistNoicon__list li { margin: 0; padding: 15px;
background: #fff;
border-radius: 8px;
list-style: none;
text-align: center;}
.sbmLangslistNoicon__list li a { border: none !important;}
.wp-block-wd-column {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.wp-block-wd-column a {border:none!important}
.wp-block-wd-cover {
padding: 15px;
background: #fff;
border-radius: 8px;
}
.wp-block-wd-container p {margin: 10px 0 0; font-size:14px; color: #868686;}
.two_bloks_price { display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 30px; margin:30px 0;
background: #fff;
border-radius: 8px;
font-size: 14px;
justify-content: space-between;}
.two_bloks_price p {font-size:16px;}
.two_bloks_left> div, .two_bloks_right > div {width:96%; }
.two_bloks_right > div {float:right;}
.two_bloks_left {width: 50%;
}
.two_bloks_right {width: 50%;
border-left: 1px solid #ddd;}
.two_bloks_price label {float: right;
min-width: 150px;
text-align: right;}
.two_bloks_price h2 {font-size: 18px;
margin: 15px 0 15px;}
.two_bloks_price li { list-style: none;
font-size: 16px;
border-bottom: dashed 1px #ddd;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;}
.two_bloks-adres { padding:30px; border-radius:8px 8px 0 0px;
margin: 30px 0 0; background: #fff;}
.two_bloks-adres_1 {}
.two_bloks-adres_2 { }
.two_bloks { position: relative; margin: -15px 0;}
.two_bloks_1 { max-width: 50%;
padding: 80px 80px 80px 0;}
.two_bloks_2 {
position: absolute;
top: 0;
bottom: 0;
background-position: left center;
background-repeat: no-repeat;
background-image: url(https://ww-translate.ru/wp-content/uploads/2026/03/how-translate-text-from-image.jpg);
background-size: cover;
left: 55%;
width: calc(100vw / 2);
}
.two_bloks h2 {
font-size: 24px;
line-height: 35px;
margin: 30px 0 20px;}
header { margin: 0px 0px 0;
width: 100%; padding: 0px 0px;
z-index: 9999999999; background-color: #00333E;}
header .row { display: flex;
flex-direction: row;
align-content: center;
justify-content: space-between;
}
.tel-title {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
}
.tel-title a { font-size: 22px;
color: #fff;
border: none;
line-height: 70px;
display: block;
margin: 0 15px 0 0;}
.tel-title a:hover {
background-color: transparent;
background-image: linear-gradient(260deg, #FFFFFF 0%, #FFC44F 83%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tel-title span { display: block;
color: #fff;
line-height: 15px;}
.sc-container { display: flex;
align-items: center;}
.tg-title a { background: url(images/tg.svg) no-repeat 0 0; border:none!important;
height: 30px;
width: 30px; background-size: contain;
display: block;}
.tg-title a:hover, .max-title a:hover {opacity:0.8;}
.tg-title, .max-title { padding: 10px;
background: #fff;
border-radius: 50px;}
.max-title a {background: url(images/max-messenger-sign-logo.svg) no-repeat 0 0; border:none!important;
height: 30px; background-size: contain;
width: 30px;
display: block;}
.main {
position: relative; padding: 0 0 30px;
padding-bottom: 250px;
height: 100%;
}
.anons-block { background: #fff; padding: 15px 0;}
.anons-block h1 { margin: 30px 0;}
.vvedenie_punkts { display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;}
.vvedenie_punkts .punkt {width:50%;
background: url(images/check.svg) no-repeat 0 0;
background-size: 30px 30px;
min-height: 30px;
margin: 0 0 25px;
}
.vvedenie_punkts .punkt span { padding: 0 25px 0 40px; display: block;}
.button-link {margin: 25px 0 30px;}
.button-link a { color: #fff;
padding: 15px 45px 15px 25px;
border-radius: 14px;
background: #e12a40 url(images/zz.svg) no-repeat 93% 50%;
background-size: 20px 20px;
}
.button-link a:hover {opacity:0.8}
a .wp-block-wd-cover {border:none;}
a .wp-block-wd-title title {font-size:1em;}
#breadcrumbs {font-size:0.8em;}
#breadcrumbs a {color:#000}
.block-with-icon-content h4 {margin:5px 0 5px;}
.block-with-icon-content p {margin:5px 0 15px; font-size: 0.9em;}
.lead { margin: 0 0 15px;
font-weight: bold;
font-size: 1.2em;
line-height: 1.9em;}
.single-cat-blog {margin:0 -30px}
.single-cat-unit {margin:30px 30px 30px;}
.single-cat-unit-img {width:100%; height: auto; }
.single-cat-unit-img img {width:100%; HEIGHT: AUTO;}
.content-unit-for .single-cat-unit figure {margin:0 15px 0 0; max-width:35%;}
.content-unit-for .single-cat-unit-img {width:100%; height: auto; }
.single-cat-unit .post-name {
display: inline-block;
vertical-align: top;
}
p.date, p.tags {margin:10px 0;font-size: 16px; color: #7e7e7e;}
p.tags2 {margin:0px 0;font-size: 16px;}
p.date a, p.tags a {border:none;}
.single-cat-unit .post-name span {display:block; margin:0 0 10px 0;}
.page {margin: auto; max-width: 1560px;}
#navmenu {width:100%;
padding: 0px;
background: #ecdfd0;
z-index: 999999999999;
top: 0;
right: 0;
}
#cssmenu {
line-height: 56px;
}
#cssmenu > ul { display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;}
#cssmenu > ul > li.has-sub {
line-height: 50px;
display: inline-block;
padding-right: 0px;
}
#cssmenu li a {
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #00333e1f !important;
line-height: 50px;
color: #00333EC9 !important;
}
#cssmenu li a:hover {
border-bottom: 1px solid #00333EC9 !important;
}
#cssmenu ul li { display:inline-block;
margin:0;
}
#cssmenu li:hover > ul {
border: none!important;
left: auto;
background: #ecdfd0;}
#cssmenu ul li li {
display: block;
margin: 0;
}
#cssmenu li li a {
font-size: 18px;
font-weight: 600;
border-bottom: none;
line-height: 24px;
color: #00333EC9 !important;
display:block;
}
#cssmenu ul ul li a {
border-bottom: none!important;
padding: 10px 15px!important;
width: auto;
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #00333EC9 !important;
background: none;
}
#cssmenu ul ul ul {background: #ecdfd0b8;}
#cssmenu ul ul a:hover { border:none!important;opacity: 0.8;}
h1 {
font-size: 28px;
line-height: 36px;
margin: 0 0 15px;
}
.tg-title, .max-title {
margin: 0 5px;
}
.post-name-2 span {display:block; margin:10px 0;}
.post-name-2 span a { font-size: 16px;
color: #000;
border-bottom: none;
line-height: 25px;}
footer {
position: absolute;
bottom: 0;
left:0;
height: 250px;
}
.post-name a {
font-size: 18px;
line-height: 28px;}
.unit-post-2 {
border: 1px solid #e8e8e8;}
.unit-post-2 .post-name {padding:15px; text-align:center;}
.field-unit {
padding: 0 0 15px;
}
.in-thirds .unit, .in-thirds .field-unit, .in-fourths .unit {
padding: 0px;
}
.in-fourths .unit .post-content .unit {
padding: 0px;
}
.unit-img img {
width: 100%;
height: auto
}
.unit-post {
position: relative;
width: 100%;
height: 100%
}
.unit-post .post-name {
position: absolute;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
color: rgb(255, 255, 255);
box-sizing: border-box;
padding: 20px;
bottom: 0;
right: 0;
}
.unit-post .post-name span {
display: block;
padding:20px;
}
.unit-img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 98%;
background-color: rgba(0, 0, 0, 0.401961);
}
.unit-post .post-name a {
color: #fff;
font-size: 22px;
line-height: 30px;
border:none;
}
}
@media only screen and (max-width: 968px) {
.ofis-galey { margin:0 0 30px; display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;}
.cards {display: grid; margin:30px 0;
grid-template-columns: repeat(1, 1fr);
gap: 15px;}
.card { background: #fff;
border-radius: 8px;
padding: 30px;}
.card .title {font-size:1.2em; margin:0 0 20px;}
.card .title a {border: none !important; color:#000};
.row-text {padding:25px 20px 5px; margin:0 0 30px; background:#fff; border-radius: 8px;}
.sbmLangslistIcon__list a { border: none !important;
display: flex;
align-items: center;
justify-content: flex-start;
background: #fff;
border-radius: 8px;
padding: 10px 10px 5px;}
.sbmLangslistIcon__itemName {margin: 0 0 0 10px;}
.sbmLangslistIcon__list { display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;}
.sbmLangslistIcon__item .sbmLangslistIcon__itemIcon {width:70px}
.sbmLangslistNoicon__list ul { display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;}
.sbmLangslistNoicon__list li { margin: 0; padding: 15px;
background: #fff;
border-radius: 8px;
list-style: none;
text-align: center;}
.sbmLangslistNoicon__list li a { border: none !important;}
.wp-block-wd-column a {border:none!important}
.wp-block-wd-column {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.wp-block-wd-cover {
padding: 15px;
background: #fff;
border-radius: 8px;
}
.wp-block-wd-container p {margin: 10px 0 0; font-size:14px; color: #868686;}
.color_doc h2 {font-size: 20px!important;}
.color_doc li {font-size: 14px}
.sidebar {display:none;}
.two_bloks_price p {font-size:14px;}
.docs-list .unit {
width: 50%!important;
padding: 15px;
}
.two_bloks_price { display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 15px; margin:30px 0;
background:#fff;
border-radius: 8px;
font-size: 14px;
justify-content: space-between;}
.two_bloks_left> div, .two_bloks_right > div {width:96%;}
.two_bloks_right > div {float:right;}
.two_bloks_left {width: 50%;
}
.two_bloks_right {width: 50%;
border-left: 1px solid #ddd;}
.two_bloks_price label {float:right}
.two_bloks_price h2 {font-size: 18px;
margin: 15px 0 15px;}
.two_bloks_price li { list-style: none;
font-size: 16px;
border-bottom: dashed 1px #ddd;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;}
.two_bloks h2 {
font-size: 20px;
line-height: 35px;
margin: 20px 0 20px;}
.tabs-container table td {
padding: 15px!important;
}
.tabs-content p {
padding: 0 15px!important;
}
h2 {
font-size: 20px;
line-height: 30px;
margin: 20px 0 20px;
color: #1e293b;
}
h2.contact-list { margin: 20px 0 20px!important;}
.single-cat-blog .unit {
width: 50%!important;
padding: 15px !important;
position: relative;
}
.single-cat-blog .unit img {max-width:100%; height:auto;}
.single-cat-blog .unit .date {margin:10px 0 0; font-size:0.9em;}
.icoimages { display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;}
.icoimage {width:auto;
background-size: 50px 50px !important; background-position: 0 15px !important;
padding: 15px 15px 15px 65px; font-size:14px;
margin: 15px 0 15px;
}
.bgimage .row {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column-reverse;
flex-wrap: nowrap;
}
.bgimage-left {width:100%; }
.bgimage-right {width:100%; padding: 35px 0 0; }
.bgimage-right img {
max-width: 400px;
height: auto;
text-align: center;
margin: auto;
display: block;
}
.anons-block {
background: #fff;
padding: 15px 0; margin:0 0 25px;
}
footer .row {
margin: 0 auto;
padding: 20px 10px!important;}
footer p {
font-size: 12px!important;
line-height: 16px!important;
}
#breadcrumbs {font-size: 0.8em;}
#navmenu {
width: 100%;
padding: 0px;
background: #ecdfd0;
z-index: 999999999999;
top: 0;
right: 0; height:50px;
}
.row {
padding: 0 10px;
}
header { margin: 0px 0px 0;
width: 100%; padding: 0px 0px;
z-index: 9999999999; background-color: #00333E;}
header .row { display: flex;
flex-direction: row;
align-content: center;
justify-content: space-between;
}
#site-title a {
font-size: 30px;
}
.tel-title {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
}
.tel-title a { font-size: 18px;
color: #fff;
border: none;
line-height: 70px;
display: block;
margin: 0 15px 0 0;}
.tel-title a:hover {
background-color: transparent;
background-image: linear-gradient(260deg, #FFFFFF 0%, #FFC44F 83%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tel-title span { display: none;}
.sc-container { display: flex;
align-items: center;}
.tg-title a { background: url(images/tg.svg) no-repeat 0 0; border:none!important;
height: 15px;
width: 15px; background-size: contain;
display: block;}
.tg-title a:hover, .max-title a:hover {opacity:0.8;}
.tg-title, .max-title { padding: 5px;
background: #fff;
border-radius: 50px;}
.max-title a {background: url(images/max-messenger-sign-logo.svg) no-repeat 0 0; border:none!important;
height: 15px; background-size: contain;
width: 15px;
display: block;}
.anons-block {padding:15px 0;}
.anons-block h1{padding:15px 0;}
.vvedenie_punkts { display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;}
.vvedenie_punkts .punkt {width:50%;
background: url(images/check.svg) no-repeat 0 0;
background-size: 30px 30px;
min-height: 30px;
margin: 0 0 25px;
}
.vvedenie_punkts .punkt span { padding: 0 25px 0 40px; display: block;}
.button-link {margin: 25px 0 30px;}
.button-link a { color: #fff;
padding: 15px 45px 15px 25px;
border-radius: 14px;
background: #e12a40 url(images/zz.svg) no-repeat 93% 50%;
background-size: 20px 20px;
}
.button-link a:hover {opacity:0.8}
#breadcrumbs {font-size:0.8em;}
#breadcrumbs a {color:#000}
.adres { background: url(/wp-content/themes/ma/images/map-point-1.svg) no-repeat 0 0;
background-size: 20px 20px;
display: block;
margin: 0 0 10px;
padding: 0 0 0 30px; }
.number { background: url(/wp-content/themes/ma/images/phone-1.svg) no-repeat 0 0;
background-size: 20px 20px;
display: block;
margin: 0 0 10px;
padding: 0 0 0 30px; }
.block-with-icon-content h4 {margin:5px 0 5px;}
.block-with-icon-content p {margin:5px 0 15px; font-size: 0.9em;}
.lead { margin: 0 0 15px;
font-weight: bold;
font-size: 1em;
line-height: 1.5em;}
#cssmenu ul ul {top:15px!important; padding: 0 0 15px;}
#cssmenu ul { display: block;
position: absolute;
top: 60px;
left: 0;
background: rgb(250, 248, 246);}
#cssmenu ul li {padding:5px 15px!important }
#cssmenu ul li a {color:#000!important;border-bottom:none!important;}
#cssmenu > ul > li > a {
line-height: 20px!important;
}
.popular-unit {display:none;}
.in-halves > .unit {
width: 100%;
padding: 15px;
position: relative;
}
.in-fourths > .unit {
width: 100%!important;
}
.wrap > .ingrid > .unit {width:100%;}
.ingrid > .in-halves > .unit {width:50%!important; padding: 15px;}
.in-fourths .unit .post-content .unit {
padding: 0px;
}
.in-fourths .unit .post-content .unit .single-cat-unit {margin: 0 0px 30px;}
.comments-title, .comments-list {padding:15px;}
h1 {
font-size: 36px;
line-height: 1.5em;
margin: 0 0 30px;
}
#aside1 {display:block;margin: 15px; min-height: 400px;}
.color_box, .color_box2 {
margin-left: 0px;
font-size: 20px;
line-height: 30px;
}
.home-categories {padding:15px 0 0;}
.home-categories li {list-style: none;
width: 50%;
float: left;
font-size: 18px;
line-height: 38px;}
.catdes h1 {padding:0;margin:0;}
#cssmenu li:hover > ul {
border: none!important;
}
.post-name a {
font-size: 18px;
line-height: 28px;}
.unit-post-2 {
border: 1px solid #e8e8e8;}
.unit-post-2 .post-name {padding:15px; text-align:center;}
.in-fourths > .unit {
width: 33.33333%;
}
.servises-block.in-fourths > .unit {
width: 25%;
}
.sb-search-input {
font-size: 14px;}
.top-left {width:100%!important;}
.top-right {width:100%!important;}
.top-right .unit {width:50%!important;}
.info, .info2, .info3, .info4, .info5, .otzyv {margin-left:-15px; margin-right:-15px;}
.intro {font-size:110%; line-height: 1.7em;}
.link {margin:25px -15px;}
.field-unit {width: 100%;
padding: 15px 0px ;}
.in-thirds > .unit {
width: 33.33333%;padding: 0 15px 15px;
}
.post-name-2 span a {font-size:16px; color:#000; border-bottom:none;}
#breadcrumb {display:none;}
.unit-post .post-name a {
font-size: 18px;
line-height: 28px;
}
.gallery .unit {
width: 25%;
}
.intro .unit {
width: auto;
display: block;
}
}
@media only screen and (max-width: 645px) {
.single-cat-blog .unit {
width: 100%!important;
padding: 15px 0!important;
position: relative;
}
.bgimage h1 {
color: #fff;
z-index: 999;
position: relative;
font-size: 24px;
padding: 35px 0;
}
.bgimage-right img {
max-width: 250px;
height: auto;
text-align: center;
margin: auto;
display: block;
}
.vvedenie_punkts .punkt {
width: 100%;
}
.link {
font-size: 16px!important;
min-height:50px!important;
}
.link img {
width: 50px!important;
}
.info, .info2, .info3 {padding: 115px 15px 15px 15px!important; background-position: 50% 15px!important;}
.info_a1, .info_a2 {padding: 195px 15px 15px 15px!important; background-position: 50% 15px!important;}
.info_a3 {padding: 15px 15px 15px 15px!important; }
article ul, article ol {
padding: 0 0 0 20px;
border: none;
margin-left: 0;
}
h2 {font-size:18px;font-weight:bold;}
h3 {font-size:16px; font-weight:bold;}
h3, h4, h5 ,h6 { font-weight:bold;}
p, ul, li, ol {
font-size: 16px;
line-height: 24px;
margin-bottom: 1.5em;
}
.wrap {
padding: 0px;
}
.wrap .ingrid > .single-unit {padding:0 10px 15px}
h1 {
font-size: 25px;
line-height: 32px;
margin: 0 0 15px;
}
h2 {
font-size: 21px;
line-height: 27px;
margin: 25px 0 25px;
}
.breadcrumb {
display: none;
}
.wrap .ingrid > .single-unit { width: 100%!important; }
.color_doc {
padding: 15px 15px!important}
}
@media only screen and (max-width: 480px) {
.two_bloks_price li, .tabs-container table td span {
font-size: 13px!important;
}
.ofis-galey { margin:0 0 30px; display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 15px;}
.sbmLangslistIcon__list a {
padding: 5px 5px 0;
}
.sbmLangslistIcon__item .sbmLangslistIcon__itemIcon {
width: 40px;
}
.sbmLangslistNoicon__list li {
padding: 5px;
}
.color_doc h2 {
font-size: 14px !important;
line-height: 22px; padding-right: 85px!important;
}
.variant_doc .img-col {
height: 70px!important;
width: 70px!important;
}
#site-title a {
font-size: 18px;
}
.tel-title a {
font-size: 12px;}
.home-categories li {list-style: none;
width: 100%;
font-size: 18px;
line-height: 38px;}
header, header .row {
height:68px;
}
.in-halves > .unit, .in-thirds > .unit { width: 100%; padding: 15px;}
.wrap .ingrid > .single-unit { width: 100%!important; padding:10px;}
.health-block p { padding: 10px;}
.doctor-list{background: #f1f1f1; padding: 20px 20px 5px 20px; margin: 0 -15px;}
.health-block h2, .health-block p { margin: 0 -15px;padding: 20px 20px;}
.top-right .unit {width:100%!important;}
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
}
#cssmenu > ul > li span {
border-bottom:1px solid #0871cc;
}
#cssmenu > ul > li a:hover span {
border-bottom: 1px solid #fa3c8e !important;
}
#cssmenu > ul >li {
flex-basis: auto;
flex-grow: 1;}
#cssmenu > ul > li.has-sub > a {line-height: 25px; display: inline-block;
padding-right: 0px; position: relative;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 13px;
right: -18px;
width: 8px;
height: 2px;
display: block;
background: #00333EC9 !important;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 10px;
right: -15px;
display: block;
width: 2px;
height: 8px;
background: #00333EC9 !important;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu ul ul {z-index: 9999999999;
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {border: 1px solid #ddd;
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: auto; position: relative;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #00333EC9 !important;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #00333EC9 !important;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
@media all and (max-width: 968px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#navmenu {
border-bottom: none;
}
#cssmenu {
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu ul {
position: absolute;
top: 50px;
left: 0;
background: #ecdfd0;
z-index: 9000;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
position:relative;
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0; color: #fff;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu ul ul li a {
padding-left: 0px;
}
#cssmenu ul ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul li a {
color: #fff;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: fit-content;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 15px 15px 15px 0;
color: #fff;
cursor: pointer;
font-weight: 700;
}
#cssmenu #menu-button:after {
position: absolute;
top: 25px;
left: 15px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 18px;
left: 15px;
display: block;
height: 2px;
width: 20px;
background: #000;
content: '';
}
#cssmenu #menu-button.menu-opened:after {left: 15px;
top: 25px;
border: 0;
height: 2px;
width: 15px;
background: #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu #menu-button.menu-opened:before {
top: 25px;
background: #000;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #000;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #000;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #000;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
}
.wpcf7 {background: #f1f1f1; border-radius:15px; padding: 30px; margin:30px 0;
}
.wpcf7 h5 {font-size:26px; font-size: 26px;
margin: 15px 0;}
.wpcf7 .text { margin: 15px 0; font-size: 14px;}
.wpcf7-list-item-label { margin: 0;
font-size: 14px;
padding-left: 20px;}
.wpcf7-list-item label { display: flex;
flex-direction: row;
align-content: flex-start;
align-items: baseline;}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 14px!important;
font-weight: normal;
display: block;
}
input[type="checkbox"] {
transform: scale(1.6);
accent-color: #00333EC9;
}
input[type="checkbox"]:focus {
outline: 2px solid #4caf5052;
}
.input-file-row {
display: inline-block;
}
.input-file {
position: relative;
display: inline-block;
}
.input-file span {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
text-decoration: none;
font-size: 14px;
vertical-align: middle;
color: rgb(255 255 255);
text-align: center;
border-radius: 4px;
background-color: #00333EC9;
line-height: 22px;
height: 40px;
box-sizing: border-box;
border: none;
margin: 0;
transition: background-color 0.2s;
}
.input-file span.inn { padding: 10px 20px;}
span.inn2 {font-size: 14px;}
.input-file input[type=file] {
position: absolute;
z-index: -1;
opacity: 0;
display: block;
width: 0;
height: 0;
}
/* Focus */
.input-file input[type=file]:focus + span {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
/* Hover/Active */
.input-file:hover span {
background-color: #59be6e;
}
.input-file:active span {
background-color: #2E703A;
}
/* Disabled */
.input-file input[type=file]:disabled + span {
background-color: #eee;
}
/* Список файлов */
.input-file-list {
padding: 10px 0;
}
.input-file-list-item {
margin-bottom: 10px;
}
.input-file-list-remove {
color: red;
text-decoration: none;
display: inline-block;
margin-left: 5px;
}
.codedropz-upload-inner > * {font-size:14px; display: inline-block;}
#two-column #left input { box-sizing: border-box;
border: 1px solid #ddd;
font-size: 14px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 15px;
width: 100%;
padding: 5px 15px;
height: 40px;
background: #fff;
margin: 0 0 10px;}
}
#two-column{ padding: 150px;
width: 100%;
}
#two-column #left{
width: 49%;
float: left;
}
#two-column #right{
float: right;
width: 49%;
}
#two-column p{
margin-bottom: 12px;
}
#two-column textarea {
box-sizing: border-box;
border: 1px solid #ddd;
font-size: 14px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 15px;
width: 100%;
padding: 5px 15px;
height: 40px;
background: #fff;
margin: 0 0 10px;
width: 100%;
height: 200px;
}
#two-column input[type="submit"]{ border: none; color: #fff;
padding: 15px 45px 15px 25px;
border-radius: 14px;
background: #e12a40 url(images/zz.svg) no-repeat 93% 50%;
background-size: 20px 20px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus{
opacity:0.8;
}
#two-column input[type="submit"]:hover{
opacity:0.8;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
height: 40px;
width: 100%; background: #ecdfd0;
border: none;
}
@media only screen and (max-width: 600px) {
.wp-block-wd-column {
display: grid;
grid-template-columns: repeat(1, 1fr)!important;
gap: 15px;
}
.wpcf7 {
padding: 15px;
}
#two-column input[type="submit"] {
width: 100%;
}
#two-column #left {
width: 100%;
float: none;
}
#two-column #right {
float: none;
width: 100%;
}
}
/* Основной контейнер */
.tabs-container {
margin: 0 auto;
}
/* Стили для навигации */
.tabs-nav {
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #ccc;
}
.tabs-nav li {
margin: 0px;
}
.tabs-nav a { font-size: 16px;
display: block;
padding: 10px 15px;
text-decoration: none;
color: #333;
background-color: #f1f1f1;
border: 1px solid #ccc;
border-bottom: none;
border-radius: 5px 5px 0 0;
transition: all 0.3s ease;
}
.tabs-nav a:hover {
background-color: #e9e9e9;
}
.tabs-nav a.active { background-color: #ecdfd0;
border-bottom: 1px solid white;
margin-bottom: -1px;
color: #000;
}
/* Стили для контента */
.tabs-content {
background: #fff;
border-radius: 0 8px 8px 8px;
padding: 20px 0;
}
.tabs-content p { padding: 0 30px; font-size: 14px;}
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
}
/* Базовые стили для всех размеров экрана */
.tabs-container {
max-width: 100%;
margin: 0 auto;
}
/* Стили для десктопных экранов */
@media (min-width: 768px) {
.advantages__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
gap: 30px;
}
.advantages__item {margin:0 0 30px}
.advantages__card { height: 100%;
background-color: #f1f1f1;
border-radius: 8px;
padding: 30px 30px 0;}
.advantages__title { height: 100%; margin: 0; color: #00333E;
background-color: #00333E; background-image: linear-gradient(260deg, #FFFFFF 0%, #FFC44F 83%);
border-radius: 8px;
padding: 30px 30px 0;}
.advantages-card__index {font-size: 50px; line-height: 50px;
font-weight: bold;
margin: 0 0 15px;}
.advantages-card__title {font-size: 20px;
margin: 15px 0;
font-weight: bold;
line-height: 28px;}
.color_doc { margin:0 0 30px;
border-radius: 8px;
padding: 15px 30px;}
.color_doc li {list-style:none; padding: 0 0 0 25px; position:relative; }
.color_doc .text-col li:before { background: url(images/check.svg) no-repeat 0 0; content:''; width:25px; height:25px;
background-size: 15px 15px; position:absolute; top:7px; left:0; filter:invert(0%) sepia(6%) saturate(24%) hue-rotate(329deg) brightness(104%) contrast(100%);
}
.color_doc h2 {font-size: 26px;}
.color_doc .color_doc-col { display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;}
.translation_doc .img-col {background: url(/wp-content/themes/ma/images/translation.png) no-repeat 50% 50%; background-size: contain;}
.translation_doc { background: #ecdfd0;}
.srok_doc {background:#e6effd}
.srok_doc .img-col {background: url(/wp-content/themes/ma/images/time.png) no-repeat 50% 50%; background-size: contain; max-height: 300px;}
.variant_doc h2 { background: url(/wp-content/themes/ma/images/contact.png) no-repeat 0 0;
background-size: contain;
padding: 0 0 0 120px;
margin: 0;
background-size: 90px;
line-height: 36px;}
.variant_doc { background: #ecdfd0;
padding: 30px 30px 15px;}
.srok_doc li .fw-bold {display:block; font-size:16px; color: #000;}
.srok_doc li {padding: 0 0 0 30px; font-size:14px; position: relative; border: none; display: block; color: #535353;}
.srok_doc li:before {
background-image: url('data:image/svg+xml,');
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
transition: transform 0.3s;
}
.anons-block-bottom {margin:30px 0}
.tabs-container table td:first-child {
width:60%;
}
.tabs-container table td:nth-child(2n) {
width:20%;
}
.tabs-container #tab3 table td:first-child {
width:25%!important;
}
.tabs-container #tab3 td {
color:#000;
}
.tabs-nav { border-bottom: none;
display: flex;
justify-content: flex-start;
overflow: visible;
}
.tabs-nav li {
flex: 0 0 auto;
}
}
/* Стили для мобильных экранов */
@media (max-width: 767px) {
.srok_doc li .fw-bold {display:block; font-size:16px; color: #000;}
.srok_doc li {padding: 0 0 0 30px; font-size:14px; position: relative; border: none; display: block; color: #535353;}
.srok_doc li:before {
background-image: url('data:image/svg+xml,');
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
transition: transform 0.3s;
}
.advantages__list {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
gap: 30px;
}
.advantages__item {margin:0 0 30px}
.advantages__card { height: 100%;
background-color: #f1f1f1;
border-radius: 8px;
padding: 30px 30px 0;}
.advantages__title { height: 100%; margin: 0; color: #00333E;
background-color: #00333E; background-image: linear-gradient(260deg, #FFFFFF 0%, #FFC44F 83%);
border-radius: 8px;
padding: 30px 30px 0;}
.advantages-card__index {font-size: 50px; line-height: 50px;
font-weight: bold;
margin: 0 0 15px;}
.advantages-card__title {font-size: 20px;
margin: 15px 0;
font-weight: bold;
line-height: 28px;}
.color_doc { position: relative;
border-radius: 8px;
padding: 5px 15px; margin:0 0 30px; }
.color_doc li {list-style:none; padding: 0 0 0 25px; position:relative; }
.color_doc .text-col li:before { background: url(images/check.svg) no-repeat 0 0; content:''; width:25px; height:25px;
background-size: 15px 15px; position:absolute; top:7px; left:0; filter:invert(0%) sepia(6%) saturate(24%) hue-rotate(329deg) brightness(104%) contrast(100%);
}
.color_doc h2 {font-size: 26px; padding:0!important; margin:0 0 15px!important; }
.color_doc .color_doc-col { display: flex;
flex-direction: column;}
.color_doc .text-col {width:100%;}
.color_doc .img-col { background: url(/wp-content/themes/ma/images/contact.png) no-repeat 0 50%;
background-size: contain; width: auto !important;
padding: 0 0 0 90px;
margin: 0 0 15px;
background-size: 70px;
}
.variant_doc .color_doc h2 { background: url(/wp-content/themes/ma/images/contact.png) no-repeat 50% 50%; }
.translation_doc .img-col { background: url(/wp-content/themes/ma/images/translation.png) no-repeat 50% 50%; }
.translation_doc { background: #ecdfd0;}
.variant_doc { background: #ecdfd0;}
.srok_doc {background:#e6effd}
.srok_doc .img-col {background: url(/wp-content/themes/ma/images/time.png) no-repeat 50% 50%; background-size: contain;}
.two_bloks_left {
width: 100%;
}
.two_bloks_right {
width: 100%; border:none;
}
.two_bloks_price {
margin: 15px -10px 30px;
flex-direction: column;
}
.two_bloks_right > div {
float:left;
}
.two_bloks_price span { width: 68%;
display: block;}
.two_bloks_price label {text-align: right;
width: 30%; white-space: nowrap;
display: block;
}
.in-halves > .unit, .in-thirds > .unit {
width: 100%;
padding: 0px!important;}
.wpcf7 {
padding: 15px;
margin: 30px -10px 30px;}
.wpcf7-list-item-label {
line-height: 16px;
margin: 0;
font-size: 10px;
padding-left: 25px;
}
input[type="checkbox"] {
position: absolute;
top: 7px;
left: 0;
}
.tabs-nav {
display: flex;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
scrollbar-width: none; /* Скрываем полосу прокрутки в Firefox */
padding-bottom: 5px;
}
.tabs-nav::-webkit-scrollbar {
display: none; /* Скрываем полосу прокрутки в Chrome/Safari */
}
.tabs-nav li {
flex: 0 0 auto;
}
.tabs-nav a {
padding: 10px 12px; /* Уменьшаем отступы для экономии места */
font-size: 14px; /* Уменьшаем размер шрифта */
}
.tabs-content {
padding: 15px 0px; /* Уменьшаем отступы в контентной части */
}
.tabs-container {
max-width: none;
margin: 0 -10px 30px;
}
.tabs-dropdown {padding:0 10px;}
.tabs-container #tab3 table td {color:#000}
.tabs-container table td:first-child {
width: 100%;
border-top: 1px solid #ddd;
}
.tabs-container #tab3 table td:first-child {
width: 40%; border: 1px solid #ddd;
}
.tabs-container #tab3 table td:nth-child(2) {
width: 40%; border: 1px solid #ddd;
}
.tabs-container #tab3 table td:nth-child(3) {
width: 40%; border: 1px solid #ddd;
}
.tabs-container #tab3 table td:nth-child(4) {
width: 40%; border: 1px solid #ddd;
}
.tabs-container table tr:first-child {
border-bottom: none;
}
.tabs-container table tr {
border-bottom: 1px solid #ddd;
}
.tabs-container table td:nth-child(2) {
width: 44%;
border-right: 1px solid #ddd; border-bottom:none;
}
.tabs-container table td:nth-child(3) {
width: 35%; border-bottom:none;
border-right: none;
}
.tabs-container table tr:last-child td:first-child {
border-bottom: 1px solid #ddd;
}
.tabs-container table td span {font-size: 16px;display:block; color: #000; line-height: 28px;}
.tabs-container table tr { display: flex;
flex-direction: row; margin:0 0 30px;
flex-wrap: wrap;}
.tabs-container table td {color: #717171; display: block; width:39%;}
.tabs-container table th { font-size: 16px !important; display: block; display:none;
background-color: #ecdfd0;
border-left: #fff;
border-bottom: #fff;
color: #000}
}
.tabs-container table td span {font-size: 16px ;display:block; color: #000; line-height: 28px;}
.tabs-container table td {color: #717171; }
.tabs-container table th { font-size: 16px;
background-color: #ecdfd0;
border-left: #fff;
border-bottom: #fff;
color: #000}
.tabs-container table { border-spacing: 0px;
border-collapse: collapse;
border-right: none;
border-top: none;
width: 100% !important;
}
.tabs-container table td { padding: 30px;
border-left: none;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;}
.tabs-container table tr td:last-child { border-right: none;}
.tabs-container table tr:last-child td { border-bottom: none;}
.post-content table th {padding: 5px;
font-size: 11px; }
}
@media only screen and (min-width: 969px) {
.tabs-container table td.first {
width: 60%!important;}
.tabs-container table td.second, .tabs-container table td.third {
width: 20%!important;}
}
.actions_punkts img {max-width:95%; height:auto;}
.actions_punkts {display: flex;
flex-direction: row;
align-content: flex-start;
justify-content: space-between;}
@media only screen and (max-width:680px) {
.actions_punkts {display:none;}
}
/* Изначально прячем ВСЕ элементы внутри статьи */
article.post-content-sp > * {
display: none;
}
/* Принудительно показываем ПЕРВЫЕ ДВА элемента (независимо от того, p это или заголовок) */
article.post-content-sp > *:nth-child(1),
article.post-content-sp > *:nth-child(2) {
display: block !important;
}
/* Когда спойлер открыт (добавлен класс is-open), показываем вообще всё */
article.post-content-sp.is-open > * {
display: block !important;
}
/* Стили для кнопки "Читать далее" */
.read-more-btn {
display: inline-block;
margin: 15px 0;
padding: 10px 24px;
background-color: #0073aa; /* Цвет кнопки */
color: #ffffff !important;
text-decoration: none !important;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
border: none;
font-size: 16px;
transition: background 0.2s ease;
}
.read-more-btn:hover {
background-color: #005177;
}