body{
font-family: "Montserrat", sans-serif;
color: #42464d;
position:relative;
background:#ffffff;
margin:0;
font-size:17px;
line-height:26px;
}
*{
min-width:0;min-height:0;
margin:0;padding:0;
}
*,::after,::before{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul{list-style:none;}
.container{
max-width:1280px;
width:100%;
padding-left:20px;
padding-right:20px;
margin-right:auto;
margin-left:auto;
position:relative;
z-index:3;
}
a{color:#42464d;}
button, button:active, button:focus, a, a:active, a:focus, a:hover, div:focus, input:focus{outline: none;text-decoration:none;}
button, button::-moz-focus-inner, a::-moz-focus-inner {border:none;}
a.phone, .price{white-space:nowrap;}
iframe{border:0;box-shadow:none;margin:0;padding:0;}
ul{list-style:none;}
br{
font-size:0;line-height:0;height:0;
}
.pagewrap{
overflow:hidden;
}
.pagebg{
background:#fff url('./img/decor/pbg.jpg') no-repeat center bottom;
background-size:100% auto;
padding-bottom:98px;
}
.btn{
display: flex;
align-items: center;
justify-content: center;
text-align:center;
width:fit-content;
padding:0px 60px;
height:93px;
color:#fff;
font-family: "Montserrat", sans-serif;
font-size:16px;
line-height:17px;
font-weight:600;
border-radius:8px;
border-bottom:3px solid #4f70dc;
background: #6085ff;
background: linear-gradient(0deg, rgba(96, 133, 255, 1) 0%, rgba(129, 158, 255, 1) 100%);
padding-bottom:2px;
text-transform:uppercase;
position:relative;
}
.btn:hover,.btn:focus{
box-shadow:inset 0 0 30px rgba(255,255,255,0.5), 0 0 20px rgba(79,112,202,0.4);
}
.btn-c{
margin:0 auto;
}
.btn.top-btn{
margin-top:35px;
width:400px;
height:110px;
font-size:15px;
line-height:33px;
}
.btn.top-btn b{
font-size:26px;
font-weight:600;
}
.header{
display: flex;
padding-top:15px;
min-height:740px;
height:100vh;
background:#e4e8ee url('./img/decor/bg.jpg') no-repeat center bottom;
background-size:cover;
position:relative;
z-index:1;
}
.header .container{
display:flex;
flex-direction: column;
flex-grow: 1;
padding-bottom:30px;
}
.header-top,
.top-contacts,
.logo{
display: flex;
align-items: center;
justify-content: space-between;
}
.logo{
width:310px;
height:108px;
}
.logo img{
display:block;
width:108px;
height:108px;
}
.logo span{
font-size:16px;
line-height:24px;
font-weight:600;
}
.top-contacts{
width:fit-content;
}
.top-consult{
display: flex;
align-items: center;
padding-right:26px;
}
.consult-title{
font-size:14px;
line-height:23px;
padding-right:6px;
}
.consult-title b{
font-weight:600;
}
.top-social, .soc-ico{
display: flex;
align-items: center;
}
.soc-ico{
margin:0 9px;
width:50px;
height:50px;
border-radius:50%;
text-align:center;
justify-content: center;
transition: all 0.1s ease;
}
.c-social:hover .soc-ico,
.soc-ico:hover{
box-shadow:0 0 20px rgba(79,112,202,0.4);
}
.ico-tg{
background:#079fe9;
padding:1px 2px 0 0;
}
.ico-wa{
background:#2eca40;
}
.ico-tg svg{
width:20px;
height:20px;
fill:#fff;
}
.ico-wa svg{
fill:#fff;
width:19px;
height:19px;
}
.top-call{
text-align:right;
}
.call-title{
font-size:15px;
line-height:20px;
font-weight:500;
}
.top-call .phone{
font-size:29px;
line-height:30px;
font-weight:bold;
}
.phone{
padding-left:29px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIVBMVEVHcExghf9ghf9ghf9ghf9ghf9ghf9ghf9ghf9ghf9ghf/702ZwAAAACnRSTlMADyNEaIqmwuDz9LSS3wAAAPZJREFUeNqt1lEOwyAMA1AIgQTf/8D7WzQUCWLN33tK6pW27RtZvnqrRxyAkQ4YpIORDlDSwUkHKOngveSIkf1w2I8jFWfmGzSAG+lIRpJwyzskijWQu84EygtUthzJHFXrao+ZhItdqWNl5MSmyZ3K1DPpkcKOtHc4/lQsBvtfbiH7gUtlWfLpulmpYLddtLSj2j1aRN1tPL8M9FhnyVtBgMnvZezZUzlCxi9/L9/HTQYd69wil/fMzkpXVsJ63u09K/8ouMdbkm7FiSEX8tyPuu4c3A+AWNFF5iZcDK24yPCii6hXXVAruohMr7qwOpe7m8a9/QFZtSqEgOu9XgAAAABJRU5ErkJggg==") no-repeat 0px center;
background-size:17px 17px;
}
.header-info{
padding-top:120px;
}
.descriptor{
font-size:25px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:25px;
display: inline;
}
.descriptor2 {display: inherit;}
.descriptor2 .text-bg span {font-size: inherit;}
.text-bg{
color:#a6661c;
display:inline-block;
position:relative;
padding:0 20px;
font-size:25px;
font-weight:bold;
}
.text-bg:after{
content:'';
display:block;
width:100%;
height:calc(100% + 32px);
position:absolute;
left:0;
top:-16px;
background: #FFBE43;
background: linear-gradient(0deg, rgba(255, 190, 67, 1) 0%, rgba(248, 241, 153, 1) 100%);
border-radius:8px;
z-index:1;
}
.text-bg span{
position:relative;
z-index:2;
text-transform:uppercase;
font-size: 22px;
}
.top_header {max-width:640px; margin-bottom: 25px;}
.top_header h1 {line-height:56px;margin-right:18px;}
@media (max-width:1280px) {
.top_header {max-width:580px;}
}
@media (max-width:992px) {
.top_header {margin-left: auto;margin-right: auto;}
.top_header h1 {line-height:normal;margin-bottom: 30px;}
.logo span {font-size: 14px!important;white-space: nowrap;margin-left: 10px;}
.logo img {min-width: 53px;}
}
@media (max-width:768px) {
.text-bg span {font-size:17px;}
}
.title{
font-size:48px;
line-height:56px;
max-width: 680px;
margin-bottom:15px;
font-weight:bold;
}
.title span{
color:#6085ff;
}
h1.title {max-width:640px;line-height:56px;}
.small_title {max-width:480px;}
.header-info p{
line-height:33px;
font-weight:500;
}
.section{
padding:80px 0 0px;
position:relative;
z-index:2;
}
.section h2, .section h3{
font-weight:bold;
font-size:41px;
line-height:42px;
margin-bottom:20px;
text-align:center;
}
h2 span, h3 span{
font-weight:bold;
}
.subtitle{
display:block;
width:100%;
font-size:17px;
line-height:28px;
font-weight: 500;
text-align:center;
margin-bottom:30px;
}
.advantages-block{
margin:40px 0 30px;
display: flex;
flex-wrap: wrap;
gap:31px 28px;
justify-content: space-between;
}
.advantage{
width:calc(33% - 16px);
background:#fff;
box-shadow:3px 3px 70px rgba(89,89,89,0.12);
border-radius:20px;
padding:80px 10px 30px;
position:relative;
text-align:center;
}
.advantage-num{
width: 60px;
height: 66px;
background: #FFBE43;
background:linear-gradient(0deg, rgba(255, 190, 67, 1) 0%, rgba(248, 241, 153, 1) 100%);
position: absolute;
top:0;
left:calc(50% - 31px);
overflow: hidden;
}
.advantage-num span{
display:block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index:1;
font-size:23px;
line-height:45px;
text-align:center;
color:#a6661c;
font-weight:bold;
}
.advantage-num:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 20px solid #fff;
z-index:3;
}
.advantage-num span:before {
content: '';
position: absolute;
bottom: -4px;
left: -11px;
width: 0;
height: 0;
border-left:41px solid transparent;
border-right:41px solid transparent;
border-bottom:27px solid #d3a815;
}
.advantage-text{
font-size:16px;
line-height:30px;
}
.advantage-text strong{
font-weight:600;
}
.whywe-block{
border-radius:20px;
background:#35485e url('./img/decor/bg2.jpg') no-repeat center center;
background-size:cover;
padding:80px 70px 90px;
color:#fff;
}
.whywe-block h2{
text-align:left;
font-size:41px;
line-height:41px;
margin-bottom:40px;
}
.why-block{
width:calc(100% - 630px);
max-width:470px;
}
.why-item{
display: flex;
align-items: center;
padding-left:140px;
position:relative;
min-height:117px;
margin-bottom:40px;
}
.why-item:last-child{
margin-bottom:0;
}
.why-item:before,
.why-item:after{
content:'';
display:block;
width:117px;
height:117px;
background: #6085ff;
background: linear-gradient(to top, #6085ff, #819eff);
position:absolute;
top:0px;
left:0;
border-radius:50%;
}
.why1:after{
background: transparent url('./img/icons/w1.png') no-repeat center center;
background-size:71px 53px;
}
.why2:after{
background: transparent url('./img/icons/w2.png') no-repeat center center;
background-size:52px 56px;
}
.why3:after{
background: transparent url('./img/icons/w3.png') no-repeat center center;
background-size:65px 65px;
}
.photo-block{
position:absolute;
right:-30px;
bottom:0;
width:654px;
height:calc(100% + 37px);
}
.lawyer-photo{
position:absolute;
right:0;
bottom:0;
display:block;
width:auto;
max-height:705px;
height:100%;
z-index:4;
}
.citate{
width:290px;
position:absolute;
top:210px;
left:0;
font-size:17px;
line-height:26px;
font-weight:500;
}
.citate:before,
.citate:after{
content:'';
display:block;
width:19px;
height:16px;
background: url('./img/icons/q.png') no-repeat center center;
background-size:contain;
position:absolute;
}
.citate:before{
top:-18px;
left:0;
}
.citate:after{
right:80px;
bottom:-18px;
transform:scale(-1, -1);
}
.lawyer-duty{
max-width:195px;
color:#cfcfcf;
font-size:15px;
line-height:26px;
font-weight:500;
position:absolute;
top: 530px;
left:0;
}
.lawyer-name{
position:absolute;
top: 479px;
left:0;
margin-left:0;
}
.lawyer-name span{
font-size:21px;
line-height:21px;
font-weight:bold;
position:relative;
color:#42464d;
padding-left:15px;
padding-right:50px;
}
.lawyer-name:after{
height: calc(100% + 37px);
top: -18px;
}
.results-block{
display: flex;
justify-content: space-between;
gap:27px;
margin:40px 0;
}
.results-item{
background:#fff;
border-radius:20px;
padding:70px 20px 20px;
min-height:365px;
box-shadow:3px 3px 70px rgba(89,89,89,0.12);
text-align:center;
}
.results-num{
display: inline-block;
vertical-align: middle;
white-space: nowrap;
position:relative;
height:115px;
}
.ds1{
display: inline-block;
vertical-align: middle;
text-align:center;
font-size:115px;
line-height:115px;
font-weight:800;
background: linear-gradient(to top, #ffbe43, #f8f199);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
position:relative;
white-space: nowrap;
filter: drop-shadow(0px 3px #d3a815);
}
.ds2{
position:absolute;
right:-40px;
top:0;
display: inline-block;
text-align:center;
font-size:60px;
line-height:60px;
font-weight:400;
background: linear-gradient(to top, #6085ff, #819eff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
white-space: nowrap;
filter: drop-shadow(0px 2px #5977dc);
}
.ds3{
top:3px;
right:-50px;
}
.ds4{
position:static;
padding: 0 15px 0 8px;
vertical-align: middle;
}
.results-text{
margin-top:35px;
font-size:17px;
line-height:30px;
}
.results-text span{
font-weight:600;
}
.contacts-block{
max-width:1013px;
margin:0 auto;
background:#fff;
border-radius:20px;
padding: 75px 99px 105px;
position:relative;
box-shadow:3px 3px 70px rgba(89,89,89,0.12);
overflow:hidden;
}
.contacts-block:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius:20px;
border: 1px solid #f3f5f8;
pointer-events:none;
}
.contacts-block:after{
content:'';
display:block;
position:absolute;
width:530px;
height:530px;
background:url('./img/decor/cbg.png') no-repeat right bottom;
right:0;
bottom:0;
}
.contacts-block h2{
font-size:41px;
line-height:41px;
text-align:left;
margin-bottom:0px;
}
.contacts-block p{
margin-top:35px;
font-size:15px;
margin-bottom:15px;
}
.contacts-block .phone{
font-size:34px;
line-height:34px;
font-weight:600;
}
.contacts-social{
display: flex;
align-items: center;
margin-bottom:47px;
}
.c-social{
display: flex;
align-items: center;
font-size:15px;
font-weight:600;
margin-right:40px;
}
.c-social span{
display:inline-block;
}
.c-social span.soc-ico{
display: flex;
margin:0 9px 0 0;
}
.contacts-social .soc-ico{
width:60px;
height:60px;
}
.content_block {max-width: 1013px;margin: 40px auto;background: #fff;border-radius: 20px;padding: 20px 40px 40px;position: relative;box-shadow: 3px 3px 70px rgba(89, 89, 89, .12);}
.content_block h2, .content_block h3, .content_block h4, .contentus h2, .contentus h3, .contentus h4 {text-align:left;font-size: 25px;font-weight: bold;margin: 20px 0 10px;}
.footer{
padding:25px 0 20px;
text-align:center;
}
.footer-text{
color:#98a2b2;
font-size:12px;
line-height:20px;
}
.footer-text2{
color:#42464d;
margin-top:23px;
}
.s-m{
display:none;
}
table.cls_924659939 {width:100%}
table.cls_924659939 thead tr {border-bottom:2px solid #42464d;width:100%;}
.table-wrapper.cls_924659939 tr {padding-bottom:10px}
table.cls_924659939 tbody tr {border-bottom:1px solid #ccc;padding: 3px 0;width:100%;}
.table-wrapper.cls_924659939 td {padding:8px 0 4px;}
table.cls_924659939 tbody tr:last-child {border-bottom:none;}
.Table_field__name__1ZOOS {font-weight:bold;}
.table-wrapper.cls_924659939 td:not(:first-child) {white-space:nowrap}
.table-wrapper.cls_924659939 tr >:last-child {min-width:180px}
.table-wrapper.cls_924659939 tr >:first-child {text-align:left;width:100%;}
.table-wrapper.cls_924659939 div.flex {display:flex; max-width:230px; gap:10px; justify-content:end}
.table-wrapper.cls_924659939 div.flex div {min-width:150px; text-align:right}
@media (max-width:800px) {.cls_924659939 tr th {display:none}
.table-wrapper.cls_924659939 td:last-child:not(:first-child) {padding-left:0; padding-top:0}
.table-wrapper.cls_924659939 div.flex div:first-child {text-align:left; min-width:50%}
.table-wrapper.cls_924659939 div.flex {max-width:100%; justify-content:left}
}
@media(max-width:740px) {.m740t20 {margin-top: 30px !important;}}
@media (max-width:640px) {
.mobilehide li:nth-of-type(n+4) {
display: none;
}
.table-wrapper.cls_924659939 td {padding:12px 0 11px; font-size:14px}
.cls_924659939 td span {font-size:12px}
.table-wrapper.cls_924659939 tr >:first-child,.price__wrap-item-block-content-row span:first-child {min-width:150px; padding-left:5px}
.table-wrapper.cls_924659939 td:last-child:not(:first-child) {padding-left:5px}
.table-wrapper.cls_924659939 tr > * {padding-right:5px}
}
@media (max-width: 1280px){
.header-info {
padding-top: 70px;
}
.descriptor {
font-size: 22px;
}
.title {
font-size: 40px;
line-height: 58px;
}
.top-consult {
padding-right:11px;
}
.top-call .phone {
font-size: 26px;
line-height: 28px;
}
}
@media (max-width: 1100px){
.section h2, .section h3 {
font-size:33px;
}
.why-item,
.results-text,
.advantage-text {
font-size: 16px;
line-height: 28px;
}
.whywe-block {
padding: 50px 40px 70px;
}
.results-item {
padding-top:40px;
min-height: 290px;
}
}
@media (max-width: 1000px){
.contacts-block{
padding-left:40px;
}
.contacts-block:after{
width:430px;
background-size:contain;
}
}
@media (max-width: 992px){
.text-bg {
margin-left:0;
}
.section {
padding-top:70px;
}
.header{
background:#e4e8ee url('./img/decor/bgp.jpg') no-repeat center center;
background-size:cover;
}
.header-info{
text-align:center;
}
.logo{
width:180px;
height:53px;
}
.logo img{
width:53px;
height:53px;
}
.logo span{
font-size:10px;
line-height:16px;
}
.consult-title{
display:none;
}
.btn.top-btn{
margin:150px auto 0;
position:relative;
width:294px;
height:83px;
font-size:11px;
line-height:20px;
padding:0;
}
.btn.top-btn b{
font-size:20px;
}
.btn.top-btn:before{
content:'';
background:url('./img/decor/sign.png') no-repeat 0 0;
background-size:162px 182px;
width:163px;
height:134px;
position:absolute;
bottom:100%;
left:70px;
pointer-events:none;
}
.s-m{
display:block;
margin-top:18px;
width:100%;
}
.advantage-text{
font-size:14px;
line-height:22px;
}
.results-text {
margin-top:10px;
font-size: 14px;
line-height: 23px;
}
.results-item{
padding:20px 10px 25px;
min-height:auto;
}
.results-num{
height:54px;
}
.ds1 {
font-size:54px;
line-height:54px;
}
.ds2 {
font-size:28px;
right: -23px;
top: -13px;
}
.ds3 {
font-size:28px;
}
.ds4{
padding: 0 10px 0 8px;
}
.advantages-block{
gap:12px;
}
.advantage{
width:calc(33% - 6px);
padding: 60px 10px 23px;
}
.advantage-num {
width: 40px;
height: 43px;
left:calc(50% - 20px);
}
.advantage-num span {
font-size: 15px;
line-height: 35px;
}
.advantage-num span::before {
content: '';
position: absolute;
bottom: -4px;
left: -11px;
width: 0;
height: 0;
border-left: 31px solid transparent;
border-right: 31px solid transparent;
border-bottom: 20px solid #d3a815;
}
.advantage-num::after {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 13px solid #fff;
}
.why-item{
padding:90px 0 0;
text-align:center;
font-size:16px;
line-height:22px;
}
.why-item:before, .why-item:after {
width: 72px;
height: 72px;
left: calc(50% - 36px);
}
.why1:after{
background-size: 43px 33px;
}
.why2:after{
background-size: 32px 34px;
}
.why3:after{
background-size: 41px 41px;
}
.citate {
width: 293px;
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 992px){
    .title,.small_title {max-width:none;}
}
@media (max-width: 890px){
.why-block {
width: calc(100% - 500px);
}
.photo-block {
width:520px;
}
.lawyer-photo {
max-height: 480px;
}
.lawyer-name {
top:520px;
font-size: 22px;
}
.lawyer-duty {
top:580px;
}
}
@media (max-width: 850px){
.contacts-block:after{
width:350px;
background-size:contain;
}
}
@media (max-width: 768px){
.btn{
max-width:295px;
margin:0 auto;
font-size:15px;
line-height:26px;
padding:5px 40px;
height:80px;
}
.container{
padding-left:10px;
padding-right:10px;
}
.section{
padding-top:56px;
}
.header{
min-height:auto;
height:auto;
padding-bottom:22px;
}
.top-consult{
padding-right:0;
}
.soc-ico{
margin: 0 0 0 16px;
}
.header-top{
position:relative;
padding-bottom:78px
}
.top-call{
position:absolute;
width:100%;
bottom:0;
left:0;
text-align:center;
}
.top-call .phone {
font-size: 29px;
line-height: 33px;
}
.header-info{
padding-top:16px;
}
.descriptor{
font-size:16px;
margin-bottom:30px;
}
.text-bg{
padding:0 28px;
font-size:17px;
}
.text-bg:after {
height: calc(100% + 20px);
top: -10px;
}
.title{
font-size:23px!important;
line-height:36px!important;
margin-bottom:11px!important;
max-width:none;
}
.header-info p {
font-size:14px;
line-height:21px;
margin-bottom:13px;
}
.pagebg{
padding-bottom:60px;
}
.footer{
padding-top:22px;
}
.footer-text2 {
margin-top:10px;
}
.contacts-block{
padding:62px 28px 365px;
text-align:center;
}
.contacts-block .btn{
margin:0 auto;
width:294px;
height:80px;
padding:5px;
font-size:15px;
}
.contacts-block h2{
font-size:23px;
line-height:23px;
font-weight:bold;
text-align:center;
}
.contacts-block::after {
width: 342px;
height:348px;
background-size: contain;
}
.contacts-block p{
margin:15px 0 12px;
}
.contacts-block .phone{
display:inline-block;
margin-bottom:15px;
font-size:27px;
line-height:27px;
}
.contacts-social{
justify-content: center;
margin-bottom:33px;
gap:30px;
}
.c-social span.soc-ico {
width: 47px;
height: 47px;
}
.c-social {
margin:0;
}
.c-social span {
font-size:14px;
}
.whywe-block{
padding:55px 20px;
}
.whywe-block h2{
text-align:center;
}
.why-block{
max-width:100%;
width:100%;
text-align:center;
}
.why-item {
padding-top:70px;
justify-content: center;
}
.photo-block{
padding-top:30px;
display:block;
position:relative;
width:100%;
height:680px;
right:auto;
}
.citate{
top:auto;
position:relative;
font-size:16px;
line-height:23px;
width:293px;
margin:20px auto;
text-align:center;
}
.citate:after {
right:0;
}
.lawyer-info{
position:absolute;
bottom:50px;
left:0;
right:0;
bottom:0;
width:100%;
}
.lawyer-name{
width:100%;
top:auto;
bottom:52px;
text-align:center;
z-index:3;
}
.lawyer-name:after{
height: calc(100% + 37px);
top: -18px;
max-width:284px;
left:calc(50% - 142px);
}
.lawyer-name span {
font-size:18px;
line-height:18px;
padding:0;
text-align:center;
}
.lawyer-duty{
max-width:100%;
width:100%;
text-align:center;
top:auto;
bottom:0px;
font-size:13px;
line-height:22px;
}
.lawyer-duty br{
display:none;
}
.lawyer-photo{
width:auto;
height:430px;
top:auto;
bottom: 94px;
right:auto;
left:calc(50% - 104px);
z-index:1;
}
}
@media (max-width: 650px){
.section h2, .section h3 {
font-size: 23px;
line-height:30px;
margin-bottom:10px;
}
.subtitle {
font-size: 14px;
line-height: 24px;
margin-bottom: 15px;
}
.results-block,
.advantages-block{
margin: 20px 0 30px;
flex-wrap: wrap;
gap:12px;
}
.results-item,
.advantage{
width:calc(50% - 6px);
}
.results-item:last-child{
width:100%;
}
.advantage{
padding-left:6px;
padding-right:6px;
}
.whywe-block h2{
margin-bottom:20px;
}
.why-item {
padding-top: 80px;
margin-bottom:30px;
}
.results-block{
margin-bottom:22px;
}
}
@media (max-width: 580px){
.header{
background:#e4e8ee url('./img/decor/bgm.jpg') no-repeat center center;
background-size:cover;
}
}
@media (max-width: 360px){
.title br{
display:none;
}
}