@media screen and (min-width: 120.0625rem) {
html {
font-size: 1rem;
}
}
@media screen and (max-width: 120rem) {
html {
font-size: 0.833333vw;
}
}
.legal-practice__slide-text {
font-size: 1.25rem;
}
body.page-template-distant {
padding-top: 11.25rem;
}
.distant-body {
padding-top: 11.25rem;
}
.distant-header {
border-radius: 0rem 0rem 3.75rem 3.75rem;
background: rgb(36, 78, 134);
}
.distant-step {
padding: 0.9375rem 0;
border-radius: 3.75rem 3.75rem 0 0;
background: #1C427F;
}
.distant-step-last {
margin-bottom: 0;
}
.distant-step-container {
min-height: 8.3125rem;
}
.distant-step-title {
font-family: Mulish;
font-size: 2.625rem;
font-weight: 800;
line-height: 3.3125rem;
letter-spacing: 0%;
text-align: left;
color: #fff;
}
.distant-step-title span {
color: #32ADE6;
}
.distant-step-img {
width: 8.3125rem;
height: 8.3125rem;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-left: 1.25rem;
}
.distant-step-img img {
display: block;
max-height: 100%;
max-width: 100%;
}
.distant-dogovor-flex {
display: flex;
justify-content: space-between;
}
.distant-dogovor-img {
width: 61.5625rem;
position: relative;
}
.distant-dogovor-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
}
.distant-dogovor-img-plash {
padding: 1.25rem 3.125rem;
position: absolute;
right: -1.25rem;
bottom: -1.25rem;
color: rgb(255, 255, 255);
font-family: Bebas Neue Cyrillic;
font-size: 4.625rem;
font-weight: 400;
line-height: 4.625rem;
box-sizing: border-box;
border: 0.125rem solid rgb(240, 52, 68);
border-radius: 1.875rem;
background: rgb(240, 52, 68);
transform: rotate(4.88deg);
text-align: center;
text-transform: uppercase;
}
.distant-dogovor-download {
width: 34.5625rem;
}
.distant-dogovor-download-img {
display: block;
margin-bottom: 1.875rem;
}
.distant-dogovor-download-img img {
display: block;
width: 100%;
height: auto;
}
.distant-dogovor-download-btn {
display: flex;
justify-content: center;
align-items: center;
height: 4.875rem;
border-radius: 2.5rem;
background: rgb(0, 170, 19);
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
text-decoration: none;
}
.distant-dogovor-download-btn:hover {
background: #F03444;
}
.distant-pay-title {
margin-bottom: 1.25rem;
color: #1C427F;
}
.distant-pay-title strong {
color: #1A9640;
}
.distant-pay-content {
color: rgb(0, 0, 0);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 120.38%;
letter-spacing: -2%;
}
.distant-pay-content p {
margin-bottom: 1.875rem;
}
.distant-pay-content ul {
list-style: none;
padding: 0;
margin: 1.875rem 0;
}
.distant-pay-content ul li {
position: relative;
margin-bottom: 1.25rem;
padding-left: 3.0625rem;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.875rem;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#pay-li) no-repeat top left/1.875rem 1.875rem;
}
.distant-pay-content ul li:last-child {
margin-bottom: 0;
}
.distant-pay-form {
width: 43.75rem;
margin-left: 2.5rem;
flex-shrink: 0;
}
.distant-pay-form form input {
display: block;
width: 100%;
box-sizing: border-box;
transition: 0.3s;
border: 0.0625rem solid #ecf1f7;
border-radius: 0.25rem;
padding: 0.9375rem;
margin: 0 0 1.25rem;
outline: none;
background-color: #ecf1f7;
resize: none;
color: rgba(0, 0, 0, 0.664);
font-size: 0.9375rem;
font-family: Mulish;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.4375rem;
}
.distant-pay-form form input:focus {
background-color: white;
border: 0.0625rem solid #616871;
border-radius: 0.25rem;
}
.distant-pay-form form .tinkoff-fps-button {
width: 100% !important;
}
.distant-pay-form-title h2 {
margin: 0 0 1.875rem; color: rgb(0, 0, 0);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
letter-spacing: 0%;
text-align: left;
}
.distant-pay-flex {
display: flex;
justify-content: space-between;
}
.distant-pay-footer-flex {
display: flex;
}
.distant-pay-footer-qr {
width: 10.375rem;
height: 10.375rem;
}
.distant-pay-footer-qr img {
display: block;
max-height: 100%;
max-width: 100%;
}
.distant-pay-footer-contacts {
margin-right: 6.25rem;
}
.distant-pay-footer-contacts-block {
margin-bottom: 1.875rem;
}
.distant-pay-footer-contacts-block:last-child {
margin-bottom: 0;
}
.distant-pay-footer-contacts-block strong {
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 120.38%;
color: #000;
display: block;
}
.distant-pay-footer-contacts-block a {
font-family: Mulish;
font-size: 1.5rem;
font-weight: 800;
line-height: 120.38%;
color: #F03444;
text-decoration: none;
}
.distant-pay-footer-contacts-block a:hover {
text-decoration: underline;
}
.distant-docs-flex {
display: flex;
justify-content: space-between;
}
.distant-docs-column {
padding: 3.125rem 2.5rem;
border-radius: 1.25rem;
background: rgb(242, 245, 248);
flex-direction: column;
display: flex;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.875rem;
width: calc(50% - 0.625rem);
}
.distant-docs-column-ps {
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
}
.distant-docs-column ul {
flex-grow: 2;
margin: 2.5rem 0;
list-style: none;
padding: 0;
}
.distant-docs-column ul li {
margin-bottom: 1.25rem;
padding-left: 2.8125rem;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#plus-doc) no-repeat left top/1.875rem 1.875rem;
}
.distant-docs-column p {
margin: 0;
}
.distant-docs-column strong {
display: block;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 800;
line-height: 2.375rem;
}
.distant-docs-column2 ul li {
background-image: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#plus-doc2);
}
.distant-banner {
margin-bottom: 0;
}
.distant-banner-flex {
display: flex;
align-items: center;
height: 45rem;
}
.distant-banner-title {
margin: 0 0 1.875rem;
font-family: Mulish;
font-size: 3.375rem;
font-weight: 800;
line-height: 4.25rem;
letter-spacing: 0%;
text-align: left;
}
.distant-banner-title strong {
color: #FF3B30;
display: block;
}
.distant-banner-text { color: rgba(27, 31, 38, 0.72);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
}
.distant-banner-name { margin-top: 3.125rem;
color: rgb(122, 149, 192);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 400;
line-height: 110%;
}
.distant-banner-img {
width: 32.6875rem;
height: 100%;
flex-shrink: 0;
margin-right: 1.25rem;
display: flex;
align-items: flex-end;
}
.distant-banner-img img {
display: block;
max-height: 100%;
max-width: 100%;
}
.distant-president-flex {
display: flex;
justify-content: space-between;
}
.distant-president-content {
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
width: calc(50% - 0.9375rem);
}
.distant-president-content h3 {
margin: 1.875rem 0 1.25rem; color: rgb(34, 34, 34);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
}
.distant-president-content blockquote {
font-family: Mulish;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.875rem;
color: #153E76;
margin: 0 0 1.875rem;
padding: 0;
}
.distant-president-content blockquote strong {
color: #FF0101;
}
.distant-president-video {
width: calc(50% - 0.9375rem);
}
.distant-president-video-plash {
margin-top: 1.875rem;
padding: 1.875rem 3.125rem;
border-radius: 1.25rem;
background: rgb(122, 149, 192); color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
}
.distant-interview-title {
max-width: 70rem;
}
.distant-interview-video-text {
margin-top: 1.875rem;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 130%;
}
.distant-interview-video-text strong {
font-weight: 700;
display: block;
margin-top: 0.625rem;
}
.distant-count-plash {
padding: 5rem;
border-radius: 1.25rem;
position: relative;
background: rgb(224, 232, 245);
overflow: hidden;
}
.distant-count-plash-text { color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
}
.distant-count-plash-content {
max-width: 56.25rem;
position: relative;
z-index: 2;
}
.distant-count-plash-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: auto;
display: flex;
justify-content: flex-end;
}
.distant-count-plash-img::after {
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(270deg, rgba(224, 232, 245, 0) 83.287%, rgb(224, 232, 245) 100%);
}
.distant-count-plash-img img {
display: block;
height: 100%;
width: auto;
max-width: 50vw;
}
.distant-count-title {
margin-bottom: 3.125rem;
}
.distant-count-title strong {
color: #1E478B;
}
.distant-count-bottom {
margin-top: 3.75rem;
}
.distant-count-list {
display: flex;
}
.distant-count-item {
flex: 1 1; color: rgb(17, 44, 88);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
text-align: center;
border-right: 0.1875rem solid rgb(122, 149, 192);
padding: 0 0.625rem;
}
.distant-count-item:last-child {
border: none;
}
.distant-count-item strong {
display: block;
margin-top: 1.25rem; color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 2.625rem;
font-weight: 800;
line-height: 3.3125rem;
}
.distant-distant {
border-radius: 3.75rem;
background: rgb(28, 66, 127);
padding: 3.75rem 0;
position: relative;
overflow: hidden;
}
.distant-distant-content {
position: relative;
z-index: 2;
max-width: 52.8125rem;
}
.distant-distant-title {
margin-bottom: 2.5rem;
}
.distant-distant-title h2 {
color: #fff;
}
.distant-distant-img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.distant-distant-img img {
display: block;
height: 100%;
width: auto;
}
.distant-distant-text {
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5625rem;
}
.distant-distant-text h3 {
margin: 0.9375rem 0;
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.875rem;
}
.distant-citys {
position: relative;
}
.distant-citys-content {
position: absolute;
}
.distant-citys-title {
margin-bottom: 2.5rem;
}
.distant-citys-img img {
display: block;
width: 100%;
height: auto;
}
.distant-citys-block {
margin-bottom: 1.875rem;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.3;
color: #303030;
}
.distant-citys-block strong {
display: block;
font-weight: 700;
font-size: 1.5rem;
color: #1C427F;
}
.distant-review {
padding: 1.25rem 0;
margin-bottom: 1.25rem;
width: calc(50% - 0.9375rem);
}
.distant-review-text {
color: rgb(54, 57, 63);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5625rem;
margin-top: 0.75rem;
}
.distant-review-header {
display: flex;
margin-bottom: 0.5rem;
}
.distant-review-header-text {
color: rgb(131, 118, 107);
font-family: Mulish;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
}
.distant-review-header-text strong {
display: block;
margin-bottom: 0.375rem;
color: rgb(54, 57, 63);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 800;
line-height: 1.5625rem;
}
.distant-review-rating {
display: flex;
align-items: center;
color: rgb(131, 118, 107);
font-family: Mulish;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
}
.distant-review-rating i {
display: block;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.25rem;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#star2) no-repeat center/contain;
}
.distant-review-rating span {
margin-left: 0.5rem;
}
.distant-review-img {
margin-right: 0.625rem;
width: 3.125rem;
height: 3.125rem;
border-radius: 100%;
background: #D9D9D9;
flex-shrink: 0;
}
.distant-review-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.distant-review-img img[src=""] {
display: none;
}
.distant-reviews-flex {
display: flex;
}
.distant-reviews-tab {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.875rem;
padding: 1.375rem 1.5rem;
box-sizing: border-box;
border: 0.0625rem solid rgb(122, 149, 192);
border-radius: 0.625rem;
min-height: 8.75rem;
cursor: pointer;
}
.distant-reviews-tab img {
display: block;
max-width: 11.25rem;
height: auto;
}
.distant-reviews-tab-rating {
display: flex;
align-items: center;
margin-left: 1.25rem;
flex-shrink: 0;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 2.5rem;
font-weight: 800;
line-height: 3.125rem;
}
.distant-reviews-tab-rating i {
display: block;
flex-shrink: 0;
margin-left: 1.25rem;
width: 2.125rem;
height: 2.125rem;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#star) no-repeat center/contain;
}
.distant-reviews-tab:hover, .distant-reviews-tab.active {
background: #E0E8F5;
border-color: #E0E8F5;
}
.distant-reviews-tab:last-child {
margin-bottom: 0;
}
.distant-reviews-tabs {
width: 25.4375rem;
margin-right: 1.875rem;
flex-shrink: 0;
}
.distant-reviews-block {
display: none;
}
.distant-reviews-block.active {
display: block;
}
.distant-reviews-blocks {
padding: 1.875rem 3.75rem;
flex-grow: 2;
border-radius: 0rem 0rem 3.75rem 0rem;
background: rgb(242, 245, 248);
}
.distant-reviews-block-header {
display: flex;
align-items: center;
margin-bottom: 1.875rem;
}
.distant-reviews-block-header-rating {
padding: 1.25rem 2.5rem;
border-radius: 2.5rem;
background: rgb(91, 218, 96);
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
margin-right: 3.125rem;
}
.distant-reviews-block-header-count {
color: rgb(41, 46, 53);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
}
.distant-reviews-block-footer {
margin-top: 1.5625rem;
}
.distant-reviews-block-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -1.25rem;
}
.distant-reviews-link {
color: rgb(222, 25, 42);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5625rem;
text-decoration: none;
}
.distant-reviews-link:hover {
text-decoration: underline;
}
.distant-story {
display: flex;
justify-content: space-between;
border-radius: 0rem 3.75rem 0rem 3.75rem;
overflow: hidden;
background: radial-gradient(50% 50% at 50% 50%, rgb(21, 62, 118), rgb(17, 44, 87) 100%);
}
.distant-story-content {
width: calc(50% - 0.9375rem);
color: #fff;
padding: 7.5rem 0 7.5rem 6.25rem;
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.875rem;
}
.distant-story-content strong {
font-weight: 800;
}
.distant-story-img {
position: relative;
width: calc(50% - 0.9375rem);
}
.distant-story-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.distant-story-img::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.distant-story-name {
position: absolute;
z-index: 2;
left: 0;
bottom: 3.75rem;
padding: 1.25rem 2.5rem;
border-radius: 0rem 2.5rem 2.5rem 0rem;
background: rgb(240, 52, 68);
font-size: 1.875rem;
font-weight: 700;
color: #fff;
}
.distant-story-name strong {
display: block;
font-size: 2.125rem;
font-weight: 800;
line-height: 1.3;
}
.distant-quest {
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 400;
line-height: 150%;
}
.distant-quest-title {
line-height: 1.3;
margin-bottom: 3.125rem;
}
.distant-fast-title {
margin-bottom: 2.5rem;
}
.distant-fast-plash {
padding: 3.125rem 3.75rem 3.125rem 6rem;
margin-bottom: 6.25rem;
border-radius: 1.25rem;
background: rgb(240, 52, 68);
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
position: relative;
}
.distant-fast-plash-span {
position: absolute;
box-sizing: border-box;
border: 0.1875rem solid rgb(255, 255, 255);
border-radius: 0rem 0rem 1.875rem 1.875rem;
background: rgb(240, 52, 68);
color: rgb(255, 255, 255);
font-family: Bebas Neue Cyrillic;
font-size: 4.625rem;
font-weight: 400;
line-height: 4.625rem;
padding: 1.875rem 3.75rem;
transform: rotate(-90deg) translateX(25%);
text-align: center;
text-transform: uppercase;
left: -9.25rem;
top: 50%;
}
.distant-fast-plash ul {
list-style: none;
padding: 0;
margin: 0;
}
.distant-fast-plash ul li {
padding-left: 2.125rem;
margin-bottom: 2.5rem;
position: relative;
}
.distant-fast-plash ul li::before {
position: absolute;
content: "";
left: 0;
top: calc(50% - 0.125rem);
width: 1.1875rem;
height: 0.1875rem;
background: #fff;
}
.distant-fast-plash ul li:last-child {
margin-bottom: 0;
}
.distant-fast-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: -1.25rem;
}
.distant-fast-item {
margin: 0 0.625rem 1.25rem;
}
.distant-fast-item.active {
display: flex;
flex-wrap: wrap;
justify-content: center;
order: -1;
width: 100%;
margin: 0 0 3.75rem;
}
.distant-fast-item.active .distant-fast-item-btn {
background: #F03444;
color: #fff;
margin-bottom: -2.5rem;
}
.distant-fast-item.active .distant-fast-item-answer {
display: block;
}
.distant-fast-item-answer {
width: 100%;
display: none;
padding: 5rem 3.75rem 3.125rem;
border-radius: 1.25rem;
background: rgb(243, 245, 248); color: rgb(0, 0, 0);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 400;
line-height: 110%;
}
.distant-fast-item-answer-footer {
display: flex;
justify-content: center;
}
.distant-fast-item-btn {
position: relative;
z-index: 2;
cursor: pointer;
border-radius: 2.5rem;
padding: 1.25rem 2.5rem;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.375rem;
background: rgb(242, 245, 248);
}
.distant-fast-item-btn:hover {
background: #F03444;
color: #fff;
}
.distant-situation {
background: rgb(242, 245, 248);
padding: 3.75rem 0 0;
}
.distant-situation-title {
margin-bottom: 0;
}
.distant-situation-container {
padding-bottom: 3.75rem;
position: relative;
min-height: 35.625rem;
padding-top: 3.125rem;
}
.distant-situation-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}
.distant-situation-img img {
margin-left: 12.5rem;
display: block;
max-height: 100%;
width: auto;
}
.distant-situation-item {
position: absolute;
padding: 1.25rem 2.5rem;
white-space: nowrap;
border-radius: 2.5rem;
background: rgb(255, 255, 255);
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.875rem;
}
.distant-situation-item:nth-child(3), .distant-situation-item:nth-child(5), .distant-situation-item:nth-child(7), .distant-situation-item:nth-child(9), .distant-situation-item:nth-child(11) {
background: #F03444;
color: #fff;
}
.distant-situation-item1 {
left: 21.5625rem;
top: 3.125rem;
}
.distant-situation-item2 {
left: 23.375rem;
top: 9.375rem;
}
.distant-situation-item3 {
left: 13.5625rem;
top: 15.4375rem;
}
.distant-situation-item4 {
left: 35.4375rem;
top: 15.4375rem;
}
.distant-situation-item5 {
left: 7.75rem;
top: 21.5625rem;
}
.distant-situation-item6 {
left: 28.375rem;
top: 21.5625rem;
}
.distant-situation-item7 {
left: 14.5rem;
top: 27.6875rem;
}
.distant-situation-item8 {
right: 8.1875rem;
top: 3.125rem;
}
.distant-situation-item9 {
right: 4.0625rem;
top: 9.3125rem;
}
.distant-situation-item10 {
right: 10.5625rem;
top: 15.4375rem;
}
.distant-situation-item11 {
right: 0;
top: 21.5625rem;
}
.distant-situation-item12 {
right: 0;
top: 27.6875rem;
}
.distant-doveriteli-slider {
margin: 0 -6.25rem;
padding: 1.875rem 6.25rem;
background: #E1E9F7;
}
.distant-doveritel-container {
width: 100%;
}
.distant-doveritel-img {
width: 33.4375rem;
}
.distant-doveritel-img img {
display: block;
width: 100%;
height: auto;
}
.distant-doveritel-content {
padding: 0 2.5rem;
max-width: 33.125rem;
}
.distant-doveritel-name {
margin: 0 0 0.625rem; color: rgb(34, 34, 34);
font-family: Mulish;
font-size: 2.625rem;
font-weight: 800;
line-height: 3.3125rem;
}
.distant-doveritel-city {
display: block;
margin-bottom: 3.125rem; color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
}
.distant-doveritel-count { color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
margin-bottom: 3.125rem;
}
.distant-doveritel-count strong {
display: block;
color: rgb(34, 34, 34);
font-family: Mulish;
font-size: 2.625rem;
font-weight: 800;
line-height: 3.3125rem;
}
.distant-doveritel-date {
padding-left: 3.75rem;
min-height: 3.125rem;
margin-bottom: 2.5rem; color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
}
.distant-doveritel-date:last-child {
margin-bottom: 0;
}
.distant-doveritel-date1 {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/date1.png) no-repeat left top/3.125rem;
}
.distant-doveritel-date2 {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/date2.png) no-repeat left top/3.125rem 3.125rem;
}
@media screen and (max-width: 768px) {
html {
font-size: 10px;
}
.distant-body {
padding-top: 160px;
}
.distant-banner-flex {
flex-wrap: wrap;
height: auto;
}
.distant-banner-img {
order: 2;
}
.distant-president-flex {
display: block;
}
.distant-president-content, .distant-president-video {
width: 100%;
}
.distant-president-video {
margin-bottom: 30px;
}
.distant-situation-container {
display: flex;
flex-wrap: wrap;
height: auto;
align-items: center;
justify-content: space-between;
padding-bottom: 300px;
}
.distant-situation-img {
bottom: 0;
left: 0;
width: 100%;
height: 300px;
top: auto;
}
.distant-situation-img img {
margin: 0;
}
.distant-situation-item {
position: static;
width: 100%;
margin-bottom: 10px;
white-space: normal;
text-align: center;
}
.distant-doveritel-container {
flex-wrap: wrap;
justify-content: space-between;
}
.distant-doveritel-img {
width: calc(50% - 10px);
margin-bottom: 20px;
}
.distant-doveritel-content {
order: 5;
width: 100%;
padding: 0;
}
.distant-story {
border-radius: 0;
display: block;
}
.distant-story-content {
padding: 20px;
width: 100%;
}
.distant-story-img {
width: 100%;
}
.distant-review {
width: 100%;
}
.distant-reviews-flex {
display: block;
}
.distant-reviews-tab {
margin-right: 20px;
height: 85px;
}
.distant-reviews-tabs {
width: calc(100% + 40px);
overflow-x: auto;
margin: 0 -20px;
padding: 0 20px;
}
.distant-reviews-tabs-container {
display: flex;
}
.distant-reviews-blocks {
margin: 0 -20px;
padding: 20px;
}
.distant-reviews-block-content {
display: block;
}
.distant-citys {
padding-bottom: 270px;
}
.distant-citys-img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 300px;
}
.distant-citys-content {
position: relative;
z-index: 2;
}
.distant-distant {
padding-bottom: 300px;
}
.distant-distant-img {
top: auto;
height: 300px;
left: 0;
}
.distant-count-plash {
padding: 20px;
padding-bottom: 300px;
}
.distant-count-plash-img {
top: auto;
height: 300px;
}
.distant-count-plash-img img {
max-width: 100%;
}
.distant-count-list {
display: block;
}
.distant-count-item {
width: 100%;
border: none;
border-bottom: 0.1875rem solid rgb(122, 149, 192);
padding-bottom: 20px;
margin-bottom: 20px;
}
.distant-docs-flex {
display: block;
}
.distant-docs-column {
width: 100%;
margin-bottom: 30px;
}
.distant-fast-item-btn {
text-align: center;
font-size: 14px;
}
.distant-dogovor-flex {
display: block;
}
.distant-dogovor-download {
width: 100%;
margin: 0 auto 30px;
max-width: 400px;
}
.distant-dogovor-img {
width: 100%;
}
.distant-dogovor-img img {
position: static;
}
.distant-dogovor-img-plash {
padding: 10px;
font-size: 24px;
}
.distant-pay-flex {
display: block;
}
.distant-pay-content {
width: 100%;
margin-bottom: 30px;
}
.distant-pay-form {
width: 100%;
margin: 0 auto 30px;
max-width: 400px;
}
.distant-pay-form form input {
font-size: 16px;
height: 42px;
}
.distant-step-title {
font-size: 20px;
line-height: 1.44;
}
}
.distant-interview-popup {
padding: 0;
border-radius: 16px;
overflow: hidden;
max-width: 1200px;
width: 100%;
}
.distant-interview-popup::before {
content: '';
display: block;
padding-bottom: 56.25%;
}
.distant-interview-popup iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}