/* Start:/style.css?171301759874847*/
phone@font-face {
    font-family: Squad;

    src: url(/fonts/Squad/Squad-Heavy.otf);
}


@font-face {
    font-family: Source Sans Pro;

    src: url(/fonts/SourseSansPro/SourceSansPro-Regular.otf);
}

@font-face {
    font-family: Source Sans ProBlack;

    src: url(/fonts/SourseSansPro/SourceSansPro-Black.otf);
}

body {
    --main-font: Source Sans Pro;

}


h1, h2, h3 {
    font-family: Source Sans ProBlack;
    margin: 0;
}

p {
    margin: 0;
}

a button:hover {
    cursor: pointer;
}

a {
    text-decoration: none;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--main-font);
}

.header {
    background-image: url(/imgs/background.webp);
    padding: 40px 80px 57px 80px;
    background-repeat: no-repeat;
    background-size: cover;
}

.header.new{
    background-image: url(/imgs/pension-bg.webp);
    padding: 40px 80px 57px 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.header .mititary{
    background-image: url(/img/background.png);
    padding: 40px 80px 57px 80px;
    background-repeat: no-repeat;
    background-size: cover;

}


.header div {
    max-width: 1120px;
    margin: auto;
}

.header div #card {
    margin-top: 50px;
    max-width: 320px;
    margin-bottom: 30px;
}

.header div #card-1 {
    margin-top: 150px;
    max-width: 320px;
    margin-bottom: 30px;
}

.header div #card-2 {
    margin-top: 50px;
    max-width: 320px;
    margin-bottom: 30px;
}

.header div #card-3 {
    margin-top: 50px;
    max-width: 320px;
    margin-bottom: 30px;
}

.header h1 {
    margin-top: 14px;
    max-width: 448px;
    /* font-family: Squad; */
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.header h2 {
    margin-top: 14px;
    max-width: 448px;
    /* font-family: Squad; */
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.header p {
    max-width: 570px;
    margin-top: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    color: #FFFFFF;

}

.header button {
    border-radius: 28px;
    background: #FF6600;
    padding: 16px 40px;
    margin-top: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    border: none;
    text-align: center;

    color: #FFFFFF;
}

.header #discount {
    float: right;
    position: relative;
    bottom: 120px;
    display: none;
}

.block2 {
    padding: 64px 80px 60px 80px;
    background-color: #FFFFFF;
    text-align: center;
    max-width: 1280px;
    margin: auto;
}

.block2 h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
    display: inline-grid;
    text-align: left;
}
.block2 h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
    display: inline-grid;
    text-align: left;
    margin-bottom: 30px;
}

.block2 .adv, .block2 .adv2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 36px;
    margin-bottom: 64px;
    margin-top: 48px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
}

.block2 .adv2 {
    margin-top: 64px;
    margin-bottom: 0;
}

.block2 .adv div, .block2 .adv2 div {
    text-align: center;
    max-width: 250px;
}

.block2 .green-txt {
    font-family: Source Sans Pro;
    font-style: normal;
    margin-top: 48px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
}

.block3 {
    padding: 64px 80px 38px 80px;
    background-color: #F6F7FA;
}

.block3 h1, .block3 h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: auto;
    max-width: 1280px;
}

.block3 img {
    max-width: 941px;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 64px;
}

.block3 .steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 176px;
    margin: auto;
    margin-top: 16px;
    max-width: 1120px;
}

.block3 .steps p {
    max-width: 256px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #151617;
}

.block3 .card {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    margin: auto;
    max-width: 926px;
    padding: 32px 96px;
    text-align: center;
    margin-top: 80px;
}

.block3 .card h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
    margin-bottom: 16px;
}

.block3 .card p, .block3 .card ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #151617;
}

.block3 .card p {
    max-width: 736px;
    margin: auto;
}

.block3 .card h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #151617;
    margin-top: 32px;
}

.block3 .card ul {
    text-align: left;
    margin: auto;
    margin-top: 16px;
    max-width: 403px;

}

.block3 .card button {
    background: #52AE30;
    border-radius: 24px;
    padding: 12px 32px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 32px;
    border: none;
}

.block4 {
    padding: 64px 80px 116px 80px;
    display: flex;
    max-width: 1280px;
    margin: auto;
}

.block4 img {
    max-width: 232px;
    max-height: 463px;
}

.block4 #left {
    max-width: 926px;
}

.block4 #left h1, .block4 #left h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;

}

.block4 #left p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 40px;
    max-width: 724px;
}

.block4 #left h3 {

    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #151617;
    margin-top: 64px;
    max-width: 724px;
}

.block4 #left .two-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
    max-width: 724px;
}

.block4 #left .card1, .block4 #left .card2 {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    text-align: center;
}

.block4 #left .card1 p, .block4 #left .card2 p {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #151617;
    margin: 0;
}


.block4 #left .card1 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #151617;
    opacity: 0.7;
}

.block4 #left .card1 a .phone, .block4 #left .card1 a .phones {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
    margin: 0;
    margin-top: 8px;
}


.block4 #left .card1 {
    padding: 24px 25px;
}

.block4 #left .card2 {
    padding: 48px 25px;
}

.block4 #left .card2 button {
    background: #52AE30;
    border-radius: 24px;
    padding: 12px 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    border: none;
    margin-top: 16px;
}


.block5 {
    background-image: url(/imgs/logocrop.webp);
    background-repeat: no-repeat;
    padding: 27px 87px 25px 79px;
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-column-gap: 18px;
    grid-template-areas:
        "left right"
        "bottom bottom";
    background-position-y: 367%;
    background-position-x: 61px;
    justify-content: center;
    max-width: 1280px;
    margin: auto;
}

.block5 #right {
    max-width: 730px;
    grid-area: right;

}

.block5 #right h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #151617;
}

.block5 #right .shop {
    background: #EFF2F9;
    border-radius: 16px;
    padding: 24px 124px;
    display: flex;
}

.block5 #right .shop img {
    float: left;
    margin-right: 16px;
}

.block5 #right .shop p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 8px;
}

.block5 #right .bl5-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 32px;
    margin-top: 32px;
}

.block5 #right .bl5-grid .bl5-card {
    text-align: left;
}

.block5 #right .bl5-grid .bl5-card p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 16px;
}

.block5 #right p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #52AE30;
    margin-top: 2px;
}

.block5 #img {
    margin-top: 122px;
    float: left;
    max-width: 367px;
    max-height: 524px;
    background: transparent;
    margin-left: 18px;
    grid-area: left;
    align-self: end;
}

.block5 .bl5-bottom {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    padding: 32px 97px;
    grid-area: bottom;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.block5 .bl5-bottom h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #151617;
    margin: 0;
    margin-right: 61px;
}

.block5 .bl5-bottom button {
    background: #FF6600;
    border-radius: 28px;
    padding: 16px 40px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    border: none;
    /* max-height: 56px; */
    align-self: center;
}

.block6 {
    background-image: url(/imgs/block6-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 44px 300px 47px 80px;
    background-position-x: center;
}

.block6 div {
    max-width: 1120px;
    margin: auto;
}

.block6 h1, .block6 h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    max-width: 640px;
}

.block6 p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    max-width: 606px;
    margin-top: 24px;
}

.block6 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    max-width: 606px;
    margin-top: 16px;
    opacity: 0.7;
}

.block6 button {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 16px 40px;
    border-radius: 28px;
    background: #FF6600;
    margin-top: 24px;
    border: none;
}

.block7 {
    padding: 64px 176px 156px 80px;
    display: flex;
    justify-content: center;
}

.block7 #left {
    max-width: 780px;
    margin-right: 12px;
}

.block7 #left h1, .block7 #left h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
}

.block7 #left p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #52AE30;
    margin-top: 16px;
    max-width: 596px;
}

.block7 #left ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 8px;
}

.block7 #left .socials {
    margin-top: 32px;
    display: flex;
}

.block7 #left .socials img:first-child {
    margin-right: 32px;
}

.block7 img {
    max-width: 232px;
    max-height: 463px;
}

.block8 {
    background: linear-gradient(278.69deg, #9DCC8F 3.29%, #52AE30 92.38%);
    padding: 0 0 0 80px;
    display: flex;
    justify-content: center;
}

.block8 h1, .block8 h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    margin: 0;
    margin-top: 64px;
    max-width: 711px;
}

.block8 p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
    margin-top: 40px;
    max-width: 650px;
}

.block8 h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
    margin-top: 48px;
    margin-bottom: 48px;
}

.block8 img {
    float: right;
    margin-top: -132px;
    max-width: 544px;
    max-height: 468px;
    align-self: end;
    margin-left: -55px;
    margin-right: -10%;
}

.block9 {
    padding: 64px 80px 80px 80px;
    display: flex;
    justify-content: center;
    max-width: 1120px;
    margin: auto;
}

.block9 img {
    float: left;
    max-width: 448px;
    max-height: 348px;
    margin-right: 32px;
}

.block9 div h1, .block9 div h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
}

.block9 div p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #151617;
    margin-top: 40px;
}

.block9 #right {
    display: grid;
}

.block9 #right img {
    max-width: 224px;
    max-height: 32px;
    margin-top: 40px;
    float: none;
}

.block9 #right button {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 16px 40px;
    background: #FF6600;
    border-radius: 28px;
    border: none;
    margin-top: 36px;
    max-width: 230px;
}

.block10 {
    background: #ECEFF6;
    text-align: center;
    padding: 64px 80px;
}
.block10-d {
    background: #F6F7FA;
    text-align: center;
    padding: 64px 80px;
}

.block10 h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #52AE30;
}

.block10 h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #151617;
    margin-top: 40px;
    margin-bottom: 40px;
}
.block10-d h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #151617;
    margin-top: 0px;
    margin-bottom: 40px;
}
.block10-mob-d h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin-top: 0px;
    margin-bottom: 30px;
}

.bottom {
    background: #52AE30;
    border-radius: 40px 40px 0px 0px;
    display: grid;
    grid-template-columns: 217px 240px 348px 300px;
    padding: 24px 80px;
    justify-content: center;
}

.bottom a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.bottom img {
    align-self: center;
    margin-right: 105px;
}

.bottom div:first-child {
    margin-right: 56px;
}

.bottom p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.header-mob {
    display: none;
    background-image: url(/imgs/mob-back.webp);
    padding: 20px 24px;
    background-repeat: no-repeat;
    background-size: cover;

}

.header-mob {
    display: none;
    background-image: url(/imgs/mob-back.webp);
    padding: 20px 24px;
    background-repeat: no-repeat;
    background-size: cover;

}

.header-mob img {
    max-width: 214px;
}

.header-mob #card {
    margin-top: 69px;
    margin-top: 170px;
    max-width: 120px;
}

.header-mob h1 {
    /* font-family: Squad; */
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    margin-top: 14px;
    color: #FFFFFF;
}

.header-mob p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 16px;
}

.header-mob button {
    background: #FF6600;
    border-radius: 28px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding: 16px;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 24px;
    border: none;
}



.discount-mob {
    display: none;
    grid-template-columns: 175px 142px;
    justify-content: space-between;
    background: #0F87D2;
    padding: 16px 24px;
}

.discount-mob p {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.discount-mob #amount {
    display: flex;
    align-items: baseline;
    justify-content: end;
}

.discount-mob #amount p {
    font-size: 59px;
    line-height: 100%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #FFCC00;
    text-transform: none;
}

.discount-mob #amount p:last-child {
    font-size: 16px;
}



.block2-mob, .block2-mob-t {
    display: none;
    padding: 24px;
}

.block11-mob {
    border: 1px solid #f0f0f0;
    width: 80%;
    margin: 0 auto;
}

.block2-mob h1, .block2-mob h2, .block2-mob-t h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin-bottom: 48px;
}

.block2-mob div {
    display: flex;
    margin-bottom: 40px;
}

.block2-mob-t {
    padding: 40px 24px;
}

.block2-mob div img {
    max-width: 48px;
    max-height: 48px;
    margin-right: 24px;
}

.block2-mob div p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;

}

.block2-mob #arr-down {

    margin: auto;
    margin-bottom: 40px;
    display: block;
}
.block2-mob .green-txt{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #52AE30;
    margin-top: 40px;
}

.block3-mob {
    display: none;
    padding: 24px 24px 40px 24px;
    background: #F6F7FA;
}

.block3-mob h1, .block3-mob h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
}

.bl3-steps {
    margin-top: 31px;
}

.bl3-steps img {
    float: left;
    margin-right: 24px;
}

.bl3-steps .steps {
    display: block;
    text-align: left;
}

.bl3-steps .steps p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
}

.block3-mob .card {
    margin-top: 32px;
    padding: 32px 24px;
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    text-align: center;
}

.block3-mob .card h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #52AE30;
    margin: 0;
}

.block3-mob .card p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #151617;
    margin-top: 16px;
}

.block3-mob .card h3 {
    margin-top: 32px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #151617;
}

.block3-mob .card ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin: 0 auto;
    margin-top: 16px;
    max-width: 300px;
    text-align: left;
}

.block3-mob .card button {
    background: #52AE30;
    border-radius: 24px;
    margin-top: 32px;
    padding: 12px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: 0;

}

.block4-mob {
    display: none;
    background: #F6F7FA;
    padding: 24px;
}

.block4-mob h1, .block4-mob h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
}

.block4-mob p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 24px;
}

.block4-mob img {
    display: block;
    margin: auto;
    margin-top: 24px;
    max-width: 232px;
    max-height: 246px;

}

.block4-mob h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #151617;
    margin-top: 24px;
}

.block4-mob .card1, .block4-mob .card2 {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    margin-top: 16px;
    padding: 24px 13px;
    text-align: center;
}

.block4-mob .card1 p, .block4-mob .card2 p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #151617;
    margin: 0;
}


.block4-mob .card1 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #151617;
    opacity: 0.7;
    margin: 0;

}

.block4-mob .card1 a .phone, .block4-mob .card1 a .phones {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #52AE30;
    margin-top: 8px;
}

.block4-mob .card2 button {
    background: #52AE30;
    border-radius: 24px;
    margin-top: 16px;
    padding: 12px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

.block4-tablet {
    display: none;
    padding: 48px 32px;
}

.block4-tablet h1, .block4-tablet h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
}

.block4-tablet p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 24px;
}

.block4-tablet img {
    max-width: 218px;
    max-height: 435px;
    float: right;
}

.block4-tablet #left {
    max-width: 350px;
    margin-right: 70px;

}



.block4-tablet #left h3 {

    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #151617;

}


.block4-tablet #left .card1, .block4-tablet #left .card2 {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    text-align: center;
}

.block4-tablet #left .card1 p, .block4-tablet #left .card2 p {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #151617;
    margin: 0;
}



.block4-tablet #left .card1 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #151617;
    opacity: 0.7;
}

.block4-tablet #left .card1 a .phone, .block4-tablet #left .card1 a .phones {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
    margin: 0;
    margin-top: 8px;
}

.block4-tablet #left .card1 {
    padding: 24px 25px;
}

.block4-tablet #left .card2 {
    padding: 48px 25px;
    margin-top: 24px;
}

.block4-tablet #left .card2 button {
    background: #52AE30;
    border-radius: 24px;
    padding: 12px 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    border: none;
    margin-top: 16px;
}



.block5-mob {
    display: none;
    padding: 40px 24px;
    background-image: url(/imgs/logocrop.webp);
    background-size: 313px;
    background-repeat: no-repeat;
    background-position-x: -77px;
    background-position-y: 85%;
}

.block5-mob h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #151617;

}

.block5-mob .shop {
    display: flex;
    background: #EFF2F9;
    border-radius: 16px;
    margin-top: 24px;
    padding: 28px 24px;
}

.block5-mob .shop img {
    max-width: 40px;
    max-height: 40px;
    margin: 0;
    margin-right: 16px;
}

.block5-mob .shop p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin: 0;

}

.block5-mob .bl5-card {
    margin-top: 24px;
    display: flex;
    align-items: center;
}

.block5-mob .bl5-card img {
    max-width: 40px;
    max-height: 40px;
    margin: 0;
    margin-right: 16px;
}

.block5-mob .bl5-card p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin: 0;
}

.block5-mob p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #52AE30;
    margin-top: 24px;
}

.block5-mob img {
    display: block;
    margin: auto;
    max-width: 243px;
    max-height: 346px;
    margin-top: 24px;
    margin-bottom: -72px;

}

.block5-mob .bl5-bottom {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    padding: 16px;
    display: inline-block;
    width: 90%;
}

.block5-mob .bl5-bottom h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #151617;
    margin: 0;
}

.block5-mob .bl5-bottom button {
    margin-top: 16px;
    background: #FF6600;
    border-radius: 28px;
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

.block6-mob {
    background-image: url(/imgs/BG-mob.webp);
    background-size: cover;
    padding: 40px 24px 128px 24px;
    display: none;
}

.block6-mob h1, .block6-mob h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
}

.block6-mob p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 24px;
}

.block6-mob p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    margin-top: 16px;
    opacity: 0.7;
}

.block6-mob button {
    margin-top: 24px;
    background: #FF6600;
    border-radius: 28px;
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;

}

.block7-mob {
    display: none;
    padding: 24px 24px 0 24px;
    background: #F6F7FA;
}

.block7-mob h1, .block7-mob h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin: 0;
}

.block7-mob p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #52AE30;
    margin-top: 24px;
}

.block7-mob ul {
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
}

.block7-mob ul li {
    margin-top: 16px;
    color: #52AE30;
}

.block7-mob ul li span {
    color: #151617;
}

.block7-mob img {
    max-width: 232px;
    max-height: 257px;
    display: block;
    margin: auto;
    margin-top: 24px;
}

.bl7-socials {
    display: none;
    background: #FFFFFF;
    padding: 24px;
}

.bl7-socials img {
    max-width: 153px;
}

.block8-mob {
    display: none;
    background-image: url(/imgs/man-mob.webp);
    background-size: cover;

}

.block8-mob h1, .block8-mob h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    padding: 105% 24px 16px 24px;
}

.block8-mob p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0 24px;
}

.block8-mob h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    padding: 16px 24px 48px 24px;
}

.block9-mob {
    display: none;
    padding: 24px 24px 40px 24px;
}

.block9-mob h1, .block9-mob h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin: 0;
}

.block9-mob p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #151617;
    margin-top: 24px;
}

.block9-mob img {
    margin-top: 24px;
}

.block9-mob button {
    background: #FF6600;
    border-radius: 28px;
    margin-top: 24px;
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

@media only screen and (max-width: 1024px) {
    .block3 {
        display: none;
    }

    .block3-mob {
        display: block;
    }

    .block4 {
        display: none;
    }

    .block4-tablet {
        display: block;
    }

    .block5 {
        display: none;
    }

    .block5-mob {
        display: block;
    }

    .bottom {
        display: block;
        padding: 24px 30px;
    }

    .bottom img {
        margin-bottom: 24px;
    }

    .bottom p {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;

    }

    .bottom div p {
        margin-right: 0px !important;
    }

    .bottom div {
        margin-bottom: 24px;
    }

    .bottom p:last-child {
        margin-top: 24px;
    }
}


@media only screen and (max-width: 900px) {
    .header {
        display: none;
    }

    .header-mob {
        display: block;
    }

    .discount-mob {
        display: grid;
	display: none;

    }

    .block2, .block10-d {
        display: none;
    }

    .block2-mob, .block2-mob-t, .block10-mob-d, .block11-mob {
        display: block;
    }
    .block10-mob-d {
        margin-bottom: 30px;
    }

    .block7 {
        display: none;
    }

    .bl7-socials {
        display: flex;
        max-width: 100%;
    }

    .block7-mob {
        display: block;
    }

    .block10 {
        padding: 40px 30px;
    }

    .block10 h1, .block10 h2 {
        font-weight: 900;
        font-size: 28px;
        line-height: 32px;
    }

    .block10 h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-top: 24px;
    }
    .block10 h3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0px;
    }

}

@media only screen and (max-width: 750px) {
    .block6 {
        display: none;
    }

    .block6-mob {
        display: block;
    }

    .block9 {
        display: none;
    }

    .block9-mob {
        display: block;
    }

    .block8 img {
        margin-right: -20%;
    }

}

@media only screen and (max-width: 700px) {
    .block8 {
        display: none;
    }

    .block8-mob {
        display: block;
    }

    .block4-mob {
        display: block;
    }

    .block4-tablet {
        display: none;
    }

}



/*//////////////// start .block2.new ////////////////*/


.block2.new {
    padding: 64px 80px 60px 80px;
    background-color: #FFFFFF;
    text-align: left;
    max-width: 1280px;
    margin: auto;
}

.umovy-perelik {
    padding: 64px 80px 60px 80px;
    background-color: #FFFFFF;
    text-align: left;
    max-width: 1280px;
    margin: auto;
}

.block2.new h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
    display: inline-grid;
    text-align: left;
}
.block2.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
    display: inline-grid;
    text-align: left;
    margin-bottom: 30px;
}

.umovy-perelik h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
    display: inline-grid;
    text-align: left;
    margin-bottom: 30px;
}

.block2.new .adv, .block2.new .adv2, .block2.new .adv3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 36px;
    margin-bottom: 64px;
    margin-top: 48px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
}

.block2.new .adv2 {
    margin-top: 64px;
    margin-bottom: 0;
}

.block2.new .adv3 {
    margin-top: 64px;
    margin-bottom: 0;
}

.block2.new .adv div, .block2.new .adv2 div, .block2.new .adv3 div {
    text-align: center;
    max-width: 250px;
}

.block2.new .green-txt {
    font-family: Source Sans Pro;
    font-style: normal;
    margin-top: 48px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
}

.block2.new .adv div p, .block2.new .adv2 div p, .block2.new .adv3 div p {
    margin: 1rem 0;
}

.block2.new .adv div p a, .block2.new .adv2 div p a, .block2.new .adv3 div p a{
    color: #151617;
    text-decoration: none;
    /* text-decoration-style: dotted; */
    border-bottom: 1px dotted #151617;
    padding: 1px;
}

.block2.new .adv div p a:hover, .block2.new .adv2 div p a:hover, .block2.new .adv3 div p a:hover{
    color: #151617;
    text-decoration: none;
    /* text-decoration-style: dotted; */
    border-bottom: 2px dotted #52ae30;
    padding: 1px;
}

.block2-mob.new div p a, .block2-mob.new div p a, .block2-mob.new div p a{
    color: #151617;
    text-decoration: none;
    /* text-decoration-style: dotted; */
    border-bottom: 1px dotted #151617;
    padding: 1px;
}

.block2-mob.new div p a:hover, .block2-mob.new div p a:hover, .block2-mob.new div p a:hover{
    color: #151617;
    text-decoration: none;
    /* text-decoration-style: dotted; */
    border-bottom: 2px dotted #52ae30;
    padding: 1px;
}



@media only screen and (max-width: 750px){
.umovy-perelik {
    padding: 40px 24px 0px 24px;
}
.tab__wrapper {
    padding: 30px 0px!important;
}
}


/*//////////////// end .block2.new ////////////////*/


/*//////////////// start .block3.new ////////////////*/


.block3.new,
.block3a {
    padding: 40px;
    background-color: #F6F7FA;
}
@media only screen and (max-width: 1024px) {
    .block3a {
        padding: 15px;
    }
}

.block3.new h1, .block3.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: auto;
    max-width: 1280px;
    padding: 0px 80px 0px 80px;
}

.block3.new img {
    max-width: 941px;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 64px;
}

.block3.new .steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 176px;
    margin: auto;
    margin-top: 16px;
    max-width: 1120px;
}

.block3.new .steps p {
    max-width: 256px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #151617;
}
#order-card-pension .btn-close {
    margin-top: 10px;
}

.popup-title {
    text-align: center;
    padding-right: 42px !important;
}

.popup-title h4{
    margin: -13px 0 2rem !important;
}

.block3.new .card,
.block3a .form-box .card {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    margin: auto;
    max-width: 926px;
    padding: 45px 95px;
    text-align: center;
    /*margin-top: 80px;*/
}
#agreement-norm {
    text-align: start;
}
@media only screen and (max-width: 1024px) {
    .block3a .form-box .card {
        padding: 36px calc( 100% - 95%);
    }
}

.block3.new .card h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
    margin-bottom: 16px;
}

.block3.new .card p, .block3.new .card ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #151617;
}

.block3.new .card p {
    max-width: 736px;
    margin: auto;
}

.block3.new .card h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #151617;
    margin-top: 32px;
}

.block3.new .card ul {
    text-align: left;
    margin: auto;
    margin-top: 16px;
    max-width: 403px;

}

.block3.new .card button {
    background: #52AE30;
    border-radius: 24px;
    padding: 12px 32px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 32px;
    border: none;
}


/*//////////////// end .block3.new ////////////////*/


/*//////////////// start .block4.new ////////////////*/


.block4.new {
    padding: 64px 80px 0px 80px;
    display: flex;
    max-width: 1280px;
    margin: auto;
}

.block4.new h3 {
    font-style: normal;
    font-weight: 900;
    font-size: 26px;
    line-height: 40px;
    color: #151617;
    margin: 0;
    display: inline-grid;
    text-align: left;
    margin-bottom: 30px;
}

.block4.new.text {
    padding: 30px 80px 40px 80px;
    display: block;
    max-width: 1280px;
    margin: auto;
}

.block4.new img {
    max-width: 232px;
    max-height: 463px;
}

.block4.new #left {
    max-width: 926px;
}

.block4.new #left h1, .block4 #left h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;

}

.block4.new #left p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #151617;
    margin-top: 40px;
    max-width: 860px;
}

.block4.new.text p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.block4 #left h3 {

    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #151617;
    margin-top: 64px;
    max-width: 724px;
}

.block4.new #left .two-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
    max-width: 724px;
}

.block4.new #left .card1, .block4 #left .card2 {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    text-align: center;
}

.block4 #left .card1 p, .block4 #left .card2 p {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #151617;
    margin: 0;
}


.block4.new #left .card1 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #151617;
    opacity: 0.7;
}

.block4.new #left .card1 a .phone, .block4.new #left .card1 a .phones {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
    margin: 0;
    margin-top: 8px;
}


.block4.new #left .card1 {
    padding: 24px 25px;
}

.block4.new #left .card2 {
    padding: 48px 25px;
}

.block4.new #left .card2 button {
    background: #52AE30;
    border-radius: 24px;
    padding: 12px 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    border: none;
    margin-top: 16px;
}


/*//////////////// end .block4.new ////////////////*/


/*//////////////// start .block5.new ////////////////*/


.block5.new {
    background-image: url(/imgs/logocrop.webp);
    background-repeat: no-repeat;
    padding: 25px 85px 25px 0px;
    display: grid;
    grid-template-columns: 0fr 4fr;
    grid-column-gap: 0px;
    grid-template-areas:
        "left right"
        "bottom bottom";
    background-position-y: 367%;
    background-position-x: 61px;
    justify-content: center;
    max-width: 1280px;
    margin: auto;
}

.block5.new #center {
    max-width: 880px;
    grid-area: right;

}

.block5.new #center h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #151617;
}

.block5 #center .shop {
    background: #EFF2F9;
    border-radius: 16px;
    padding: 24px 124px;
    display: flex;
}

.block5.new #center .shop img {
    float: left;
    margin-right: 16px;
}

.block5.new #center .shop p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 10px;
    margin-bottom: 50px;
}

.block5.new #center .bl5-grid {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 32px;
    margin-top: 32px;
}

.block5.new #center .bl5-grid .bl5-card {
    text-align: left;
}

.block5.new #center .bl5-grid .bl5-card .images-pension {
    margin: 0px auto;
    display: block;
}

.block5.new #center .bl5-grid .bl5-card p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    text-align: center;
    margin: 16px 0px 0px;
}

.block5.new #center p {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #52AE30;
    margin: 50px 0;
}

.block5.new #img {
    margin-top: 122px;
    float: left;
    max-width: 367px;
    max-height: 524px;
    background: transparent;
    margin-left: 18px;
    grid-area: left;
    align-self: end;
}

.block5.new.bl5 {
    background-image: url(/imgs/logocrop.webp);
    background-repeat: no-repeat;
    padding: 0px 80px 25px 80px;
    display: grid;
    grid-template-columns: 0fr 4fr;
    grid-column-gap: 0px;
    grid-template-areas:
        "left right"
        "bottom bottom";
    background-position-y: 367%;
    background-position-x: 61px;
    justify-content: center;
    max-width: 1280px;
    margin: auto;
}

.block4 .block5.new.bl5 .bl5-bottom {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    padding: 32px 97px;
    grid-area: bottom;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.block4 .block5.new.bl5 .bl5-bottom h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #151617;
    margin: 0;
    margin-right: 61px;
}

.block4 .block5.new.bl5 .bl5-bottom button {
    background: #FF6600;
    border-radius: 28px;
    padding: 16px 40px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    border: none;
    max-height: 56px;
    align-self: center;
}


/*//////////////// end .block5.new ////////////////*/

/*//////////////// start .block6.new ////////////////*/


.block6.new {
    background-image: url(/imgs/block6-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 80px 65px 80px;
    background-position-x: center;
}

.block6.new div {
    max-width: 1120px;
    margin: auto;
}

.block6.new h1, .block6.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    max-width: 880px;
}

.block6.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    max-width: 880px;
    margin-top: 24px;
}

.block6.new p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    max-width: 880px;
    margin-top: 16px;
    opacity: 0.7;
}

.block6.new button {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 16px 40px;
    border-radius: 28px;
    background: #FF6600;
    margin-top: 24px;
    border: none;
}


/*////////////////  end .block6.new ////////////////*/


/*//////////////// start .block7.new ////////////////*/


.block7.new {
    display: flex;
    justify-content: space-between;
    padding: 64px 80px 60px 80px;
    background-color: #FFFFFF;
    text-align: left;
    max-width: 1280px;
    margin: 0 auto;
}

.block7.new #left {
    max-width: 880px;
    margin-right: 50px;
}

.block7.new #left h1, .block7.new #left h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
}

.block7.new #left p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    /* color: #52AE30; */
    color: #151617;
    margin-top: 40px;
    max-width: 820px;
}

.block7.new #left ul {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #151617;
    margin-top: 25px;
    margin-left: 10px;
}

.block7.new #left .socials {
    margin-top: 35px;
    display: flex;
}

.block7.new #left .socials img:first-child {
    margin-right: 35px;
}

.block7.new img {
    max-width: 232px;
    max-height: 463px;
}


/*////////////////  end .block7.new ////////////////*/


/*//////////////// start .block11.new ////////////////*/


.block11.new {
    padding: 64px 80px 64px 80px;
    margin: 0px 0;
    background-image: url(/imgs/coll-to-pens.jpg);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #ffffff;
}

.block11.new.varus {
    padding: 64px 80px 64px 80px;
    margin: 0px 0;
    background-image: url(/imgs/coll-to-pens-varus.jpg);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #ffffff;
}
.block11.new.varus h1{
    font-size: calc(1.325rem + .9vw);
    line-height: 1.2;
}
.block11.new div {
    max-width: 1120px;
    margin: auto;
}

.block11.new h1, .block11.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
}

.block11.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-top: 24px;
}

.block11.new p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-top: 16px;
    opacity: 0.7;
}

.block11.new button {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 16px 40px;
    border-radius: 28px;
    background: #FF6600;
    margin-top: 24px;
    border: none;
}


/*//////////////// end .block11.new ////////////////*/


/*//////////////// start .footer.new ////////////////*/


.footer {
    background: #52AE30;
    border-radius: 40px 40px 0px 0px;
}

.footer-bottom-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 24px 80px 6px;
    max-width: 1280px;
    margin: 0 auto;
    border-top: 1px solid;
}

.footer.new {
    display: grid;
    grid-template-columns: 300px 300px 350px;
    padding: 24px 80px;
    justify-content: center;
    grid-template-columns: 2fr 2fr 2fr;
    grid-column-gap: 0px;
    grid-template-areas:
        "left right"
        "bottom bottom";
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
}

.footer.new a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.footer.new img {
    align-self: center;
    max-width: 160px;
}

.footer.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.footer__contacts .footer__phone {
    margin: 15px 0 0 15px;
}

.footer__phone-icon {
    font-size: 26px;
    float: left;
    margin-top: 4px;
    margin-right: 20px;
    color: #fff;
}

.footer__contacts .footer__phone-icon {
    margin-top: -6px;
}

.footer__phone-number {
    font-size: 30px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

.footer__phone-text {
    font-size: 13px;
    line-height: 1.15;
    color: #fff;
}

@media (min-width: 1200px){
    .col-lg-offset-2 {
        margin-left: 0%;
    }
}

.footer__social-element:first-child {
    margin-left: 0;
}

.footer__social-element {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

.footer__social-link {
    display: inline-block;
    transition: all 0.4s;
    text-decoration: none;
    color: #fff;
}

.footer__social-link i {
    font-size: 26px;
}

.footer__social-link .icon-yt {
    font-size: 34px;
}

.footer__social-link:focus, .footer__social-link:hover {
    text-decoration: none !important;
    color: #fff;
}

.footer__social-link:hover {
    transform: translateY(-5px);
}


/*//////////////// end .footer.new ////////////////*/


/*//////////////// start .adaptive.new ////////////////*/


.header-mob.new {
    display: none;
    background-image: url(/imgs/bd-pension-mob.webp);
    padding: 24px 24px 40px 24px;
    background-repeat: no-repeat;
    background-size: cover;

}

.header-mob.new img {
    max-width: 200px;
}

.header-mob.new #card {
    margin-top: 134px;
    max-width: 200px;
}

.header-mob.new #card-1 {
    margin-top: 134px;
    max-width: 200px;
}

.header-mob.new h1 {
    /* font-family: Squad; */
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    margin-top: 14px;
    color: #FFFFFF;
    max-width: 320px;
}

.header-mob.new h2 {
    /* font-family: Squad; */
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    margin-top: 14px;
    color: #FFFFFF;
    max-width: 320px;
}

.header-mob.new p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 16px;
}

.header-mob.new button {
    background: #FF6600;
    border-radius: 28px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding: 16px;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 24px;
    border: none;
}

.discount-mob.new {
    display: none;
    grid-template-columns: 175px 142px;
    justify-content: space-between;
    background: #0F87D2;
    padding: 16px 24px;
}

.discount-mob.new p {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.discount-mob.new #amount {
    display: flex;
    align-items: baseline;
    justify-content: end;
}

.discount-mob.new #amount p {
    font-size: 59px;
    line-height: 100%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #FFCC00;
    text-transform: none;
}

.discount-mob.new #amount p:last-child {
    font-size: 16px;
}

.block2-mob.new, .block2-mob-t.new {
    display: none;
    padding: 24px;
}

.block_separ-mob.new {
    border: 1px solid #f0f0f0;
    width: 80%;
    margin: 0 auto;
    display: none;
}

.block2-mob.new h1, .block2-mob.new h2, .block2-mob-t.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin-bottom: 48px;
}

.block2-mob.new div {
    display: flex;
    margin-bottom: 20px;
}

.block2-mob-t.new {
    padding: 40px 24px;
}

.block2-mob.new div img {
    max-width: 48px;
    max-height: 48px;
    margin-right: 24px;
}

.block2-mob.new div p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;

}

.block2-mob.new #arr-down {

    margin: auto;
    margin-bottom: 40px;
    display: block;
}
.block2-mob.new .green-txt{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #52AE30;
    margin-top: 40px;
}

.block3-mob.new {
    display: none;
    padding: 40px 24px 40px 24px;
    background: #F6F7FA;
}

.block3-mob.new h1, .block3-mob.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
}

.bl3-steps.new {
    margin-top: 31px;
}

.bl3-steps.new img {
    float: left;
    margin-right: 24px;
}

.bl3-steps.new .steps {
    display: block;
    text-align: left;
}

.bl3-steps.new .steps p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
}

.block3-mob.new .card {
    margin-top: 32px;
    padding: 32px 24px;
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    text-align: center;
}

.block3-mob.new .card h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #52AE30;
    margin: 0;
}

.block3-mob.new .card p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #151617;
    margin-top: 16px;
}

.block3-mob.new .card h3 {
    margin-top: 32px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #151617;
}

.block3-mob.new .card ul {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin: 0 auto;
    margin-top: 16px;
    max-width: 300px;
    text-align: left;
}

.block3-mob.new .card button {
    background: #52AE30;
    border-radius: 24px;
    margin-top: 32px;
    padding: 12px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: 0;

}

.block4-mob.new {
    display: none;
    background: #FFFFFF;
    padding: 24px;
}

.block4-mob.new h1, .block4-mob.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
}

.block4-mob.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 24px;
}

.block4-mob.new img {
    display: block;
    margin: auto;
    margin-top: 24px;
    max-width: 232px;
    max-height: 246px;

}

.block4-mob.new h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #151617;
    margin-top: 24px;
}

.block4-mob.new .card1, .block4-mob.new .card2 {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    margin-top: 16px;
    padding: 24px 13px;
    text-align: center;
}

.block4-mob.new .card1 p, .block4-mob.new .card2 p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #151617;
    margin: 0;
}


.block4-mob.new .card1 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #151617;
    opacity: 0.7;
    margin: 0;

}

.block4-mob.new .card1 a .phone, .block4-mob.new .card1 a .phones {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #52AE30;
    margin-top: 8px;
}

.block4-mob.new .card2 button {
    background: #52AE30;
    border-radius: 24px;
    margin-top: 16px;
    padding: 12px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

.block4-tablet.new {
    display: none;
    padding: 48px 32px;
}

.block4-tablet.new h1, .block4-tablet.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #151617;
    margin: 0;
}

.block4-tablet.new.left {
    display: grid; grid-template-columns: 2fr 1fr;
    padding: 48px 0px 48px;
}

.block4-tablet.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin-top: 24px;
}

.block4-tablet.new img {
    max-width: 218px;
    max-height: 435px;
    float: right;
    margin: 0px auto;
    display: block;
}

.block4-tablet.new #left {
    max-width: 450px;
    margin-right: 50px;

}

.block4-tablet.new #left h3 {

    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #151617;
}

.block4-tablet.new #left .card1, .block4-tablet.new #left .card2 {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    text-align: center;
}

.block4-tablet.new #left .card1 p, .block4-tablet.new #left .card2 p {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #151617;
    margin: 0;
}



.block4-tablet.new #left .card1 p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #151617;
    opacity: 0.7;
}

.block4-tablet.new #left .card1 a .phone, .block4-tablet.new #left .card1 a .phones {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #52AE30;
    margin: 0;
    margin-top: 8px;
}

.block4-tablet.new #left .card1 {
    padding: 24px 25px;
}

.block4-tablet.new #left .card2 {
    padding: 48px 25px;
    margin-top: 24px;
}

.block4-tablet.new #left .card2 button {
    background: #52AE30;
    border-radius: 24px;
    padding: 12px 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    border: none;
    margin-top: 16px;
}


.block5-mob.new {
    display: none;
    padding: 40px 24px;
    background-image: none;
}
.block5-mob.new.logocrop {
    display: none;
    padding: 40px 24px;
    background-image: url(/imgs/logocrop.webp);
    background-size: 313px;
    background-repeat: no-repeat;
    background-position-x: -77px;
    background-position-y: 85%;
}

.block5-mob.new h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #151617;

}

.block5-mob.new .shop {
    display: flex;
    background: #EFF2F9;
    border-radius: 16px;
    margin-top: 24px;
    padding: 28px 24px;
}

.block5-mob.new .shop img {
    max-width: 40px;
    max-height: 40px;
    margin: 0;
    margin-right: 16px;
}

.block5-mob.new .shop p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin: 0;

}

.block5-mob.new .bl5-card {
    margin-top: 24px;
    display: flex;
    align-items: center;
}

.block5-mob.new .bl5-card img {
    max-width: 40px;
    max-height: 40px;
    margin: 0;
    margin-right: 16px;
}

.block5-mob.new .bl5-card p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151617;
    margin: 0;
}

.block5-mob.new p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #52AE30;
    margin-top: 24px;
}

.block5-mob.new img {
    display: block;
    margin: auto;
    max-width: 243px;
    max-height: 346px;
    margin-top: 24px;
    margin-bottom: -72px;

}

.block5-mob.new .bl5-bottom {
    background: #FFFFFF;
    box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15);
    border-radius: 24px;
    padding: 16px;
    display: inline-block;
    width: 100%;
}

.block5-mob.new .bl5-bottom h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #151617;
    margin: 0;
}

.block5-mob.new .bl5-bottom button {
    margin-top: 16px;
    background: #FF6600;
    border-radius: 28px;
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

.block5-tablet.new  {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 32px;
    text-align: center;
}

.block5-tablet.new .bl5-card {
    margin-top: 24px;
    display: flex;
    align-items: center;
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    margin-top: 0px;
}

.block5-tablet-two.new {
    display: none;
}


.block5-tablet-two.new .bl5-card {
    display: flex;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    flex-direction: column;
    text-align: center;
}

.block6-mob.new {
    background-image: url(/imgs/BG-mob.webp);
    background-size: cover;
    padding: 40px 24px 40px 24px;
    display: none;
}

.block6-mob.new h1, .block6-mob.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
}

.block6-mob.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 24px;
}

.block6-mob.new p:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 16px;
    opacity: 0.7;
}

.block6-mob.new button {
    margin-top: 24px;
    background: #FF6600;
    border-radius: 28px;
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;

}

.block7-mob.new {
    display: none;
    padding: 40px 24px 0 24px;
    background: #F6F7FA;
}

.block7-mob.new h1, .block7-mob.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin: 0;
}

.block7-mob.new p {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #52AE30;
    margin-top: 24px;
    margin-bottom: 24px;
}

.block7-mob.new ul {
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #151617;
}

.block7-mob.new ul li {
    margin-top: 16px;
    color: #52AE30;
}

.block7-mob.new ul li span {
    color: #151617;
}

.block7-mob.new img {
    max-width: 232px;
    max-height: 257px;
    display: block;
    margin: auto;
    margin-top: 34px;
}

.bl7-socials.new {
    display: none;
    background: #FFFFFF;
    padding: 24px;
}

.bl7-socials.new img {
    max-width: 153px;
}

.block8-mob.new {
    display: none;
    background-image: url(/imgs/man-mob.webp);
    background-size: cover;

}

.block8-mob.new h1, .block8-mob.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    padding: 105% 24px 16px 24px;
}

.block8-mob.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0 24px;
}

.block8-mob.new h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    padding: 16px 24px 48px 24px;
}

.block9-mob.new {
    display: none;
    padding: 24px 24px 40px 24px;
}

.block9-mob.new h1, .block9-mob.new h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    color: #151617;
    margin: 0;
}

.block9-mob.new p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #151617;
    margin-top: 24px;
}

.block9-mob.new img {
    margin-top: 24px;
}

.block9-mob.new button {
    background: #FF6600;
    border-radius: 28px;
    margin-top: 24px;
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}

.footer__social {
    text-align: right;	
}

.l-accordion {
    margin-bottom: 0px!important;
}

tr {
    border-color: #d3d3d3!important;
}

#doc {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px 30px;
    font-size: 20px;
    line-height: 30px;
}

.document__element {
    width: 50%;
    word-wrap: break-word;
    padding: 0 30px 10px 0;
}
.document__link {
    color: #52ae30;
    vertical-align: middle;
}
.document__link:hover {
    color: #4a9d2b;
}
.document__image {
    vertical-align: middle;
    padding-right: 6px;
}

.document_arhive {
    font-size: 20px;
    line-height: 30px;
}

.modal-body {
    padding: 1em 2rem !important;
}

.btn-close {
    margin-top: 1rem;
}

.block5-tablet-two.new {
    display: none;
}

.text-center.pt-4 {
    font-size: 18px!important;
    --main-font: Source Sans Pro!important;
    line-height: 34px!important;
}

h4 {
    font-size: 30px!important;
}

.card-body {
    padding: 0rem 0rem !important;
}
.card-header {
    padding: 0rem 1rem 1.5rem 1rem!important;
}

@media (min-width: 960px) {
    .modal-lg, .modal-xl {
        max-width: 720px !important;
    }

    .modal-dialog {
        margin: 5rem auto !important;
    }

    .btn-close {
        width: 0.5em !important;
        height: 0.5em !important;
    }

    .py-4 {
        padding-top: 1rem !important;
    }

}

@media only screen and (max-width: 1024px) {
    .block3.new {
        display: none;
    }

    .block3-mob.new {
        display: block;
        padding: 64px 80px 60px 80px;
    }

    .block4.new, .block4.new.text {
        display: none;
    }

    .block4-tablet.new {
        display: block;
        padding: 64px 80px 0px 80px;
    }

    .block4-tablet.new.text {
        display: block;
	padding: 0px 0px 0px 0px;
    }

    .block5.new, .block5.new.bl5 {
        display: none;
    }

    .block5-mob.new {
        display: none;
        padding: 24px 24px 0px 24px;
    }

    .block5-mob.new.logocrop {
        display: block;
        padding: 0px 80px 0px 80px;
    }

    .block5-tablet-two.new {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 32px;
        margin-top: 0px;
    }

    .block4-mob.new.text2 {
        display: block;
	padding: 30px 80px 40px 80px;
    }

    .block11.new, .block11.new.varus {
        padding: 64px 80px 60px 80px;
    }

    .footer.new {
        padding: 24px 80px 10px 80px;
    }

    .footer.new img {
        margin-bottom: 15px;
    }

    .footer.new p {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
    }

    .footer.newdiv p {
        margin-right: 0px !important;
    }

    .footer.new p:last-child {
        margin-top: 24px;
    }

    .footer__phone {
        margin-bottom: 20px;
        text-align: center;
    }

    .footer__phone-icon {
        display: contents;	
    }

    .footer__social {
        text-align: right;	
    }

    .footer-bottom-text {
        padding: 24px 0px 6px;
        width: 80%;
    }	

    .btn-close {
        width: 0.5em !important;
        height: 0.5em !important;
	margin-top: 0.5rem;
    }

    .py-4 {
        padding-top: 1rem !important;
    }
}


@media only screen and (max-width: 912px) {

    .header.new {
        display: none;
    }

    .header-mob.new {
        display: block;
        padding: 40px 40px 40px 40px;
        background-image: url(/imgs/pension-bg-tabl.webp);
        background-position: center;
    }

    .discount-mob.new {
        display: grid;
	display: none;

    }

    .block4-tablet.new {
        padding: 40px 40px 0px 40px;
    }

    .block2.new, .block10-d.new {
        display: none;
    }

    .block2-mob.new, .block2-mob-t.new, .block10-mob-d.new, .block11-mob.new {
        display: block;
    }

    .block2-mob-t.new {
        display: block;
        background-color: #FFFFFF;
    }

    .block4-tablet.new.text {
        display: block;
	padding: 0px 0px 0px 0px;
    }

    .block2-mob.new div p {
        margin-bottom: 0;
    }

    .block5-mob.new {
        display: none;
        padding: 24px 24px 0px 24px;
    }

    .block5-mob.new.logocrop {
        padding: 0px 40px 0px 40px;
    }

    .block4-mob.new.text2 {
        display: block;
	padding: 25px 40px 25px 40px;
    }

    .block5-tablet-two.new {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 32px;
        margin-top: 0px;
    }

    .block11.new, .block11.new.varus{
        padding: 40px 40px 40px 40px;
    }

    .block11.new p, .block11.new.varus p{
        font-size: 16px;
        line-height: 24px;
    }

    .block11.new button, .block11.new.varus button{
        font-size: 16px;
	padding: 16px 30px;
    }

    .block2-mob.new {
        padding: 24px 40px 24px 40px;
    }

    .block2-mob.new div {
        align-items: center;
    }

    .block6.new {
        padding: 60px 40px 65px 40px;
    }

    .block3-mob.new {
        padding: 60px 40px 65px 40px;
    }

    .block2-mob-t.new {
        display: block;
        background-color: #FFFFFF;
        padding: 40px 40px 40px 40px;
    }

    .block_separ-mob.new {
        border: 1px solid #f0f0f0;
        width: 80%;
        margin: 0 auto;
        display: none;
    }

    .block10-mob-d.new {
        margin-bottom: 30px;
        background: #F6F7FA;
        text-align: center;
        padding: 40px 40px 40px 40px;
    }

    .block7.new {
        display: flex;
        padding: 40px 40px 40px 40px;
    }

    .block7-mob.new, .bl7-socials.new {
        display: none;
    }

    .block10.new {
        padding: 40px 30px;
    }

    .block10.new h1, .block10.new h2 {
        font-weight: 900;
        font-size: 28px;
        line-height: 32px;
    }

    .block10.new h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-top: 24px;
    }
    .block10.new h3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-top: 0px;
    }
    .document_arhive {
        font-size: 16px;
        line-height: 24px;
    }
    #doc {
        font-size: 16px;
        line-height: 24px;
    }
    .document__element {
        width: 100%;
        word-wrap: break-word;
        padding: 10px 0;
    }
    .footer.new {
        padding: 30px 40px 20px;
        text-align: center;
        justify-content: start;
        grid-template-columns: 2fr 3fr 3fr;
        grid-column-gap: 20px;
        align-items: center;
        display: grid;
    }
    .footer__phone {
        margin-bottom: 20px;
        text-align: center;
    }
    .footer__phone-icon {
        display: contents;	
    }
    .footer__social {
        text-align: right;	
    }

    .footer-bottom-text {
        padding: 24px 0px 6px;
        width: 80%;
    }	
    .modal-dialog {
        position: relative !important;
        width: auto !important;
        margin: 1rem !important;
        pointer-events: none !important;
    }
}

@media only screen and (max-width: 820px) {

    .block2-mob.new div {
        align-items: center;
    }

    .block2-mob.new div p {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {

    .header-mob.new {
        padding: 40px 40px 40px 40px;
    }

    .block4-tablet.new {
        padding: 40px 40px 0px 40px;
    }

    .block7.new {
        padding: 40px 40px 40px 40px;
    }

    .block2-mob.new {
        padding: 24px 40px 24px 40px;
    }

    .block5-mob.new.logocrop {
        padding: 0px 40px 0px 40px;
    }

    .block4-mob.new.text2 {
        padding: 25px 40px 25px 40px;
    }

    .block10-mob-d.new {
        margin-bottom: 0px;
        background: #F6F7FA;
        text-align: center;
        padding: 40px 40px 40px 40px;
    }

    .block2-mob-t.new {
        display: block;
        background-color: #FFFFFF;
        padding: 40px 40px 40px 40px;
    }

    .block_separ-mob.new {
        border: 1px solid #f0f0f0;
        width: 80%;
        margin: 0 auto;
        display: none;
    }

    .block3-mob.new {
        padding: 40px 40px 40px 40px;
    }

    .block6.new {
        padding: 60px 40px 65px 40px;
    }

    .block11.new, .block11.new.varus {
        padding: 40px 40px 40px 40px;
    }

    .block2-mob.new div {
        align-items: center;
    }

    .block2-mob.new div p {
        margin-bottom: 0;
    }

    .footer.new {
        padding: 30px 40px 10px;
        text-align: center;
        justify-content: start;
        grid-template-columns: 1fr 2fr 2fr;
        grid-column-gap: 20px;
        align-items: center;
        display: grid;
    }

}

@media only screen and (max-width: 750px) {
    .header-mob.new {
        padding: 24px 24px 40px 24px;
        background-image: url(/imgs/bd-pension-mob.webp);
        background-position: top;
    }

    .block11.new.varus {
        background-position: 94%; 
    }

    .block5-mob.new {
        display: block;
        padding: 24px 24px 0px 24px;
    }

    .block5-mob.new.logocrop {
        padding: 0px 24px 0px 24px;
    }

    .block11.new, .block11.new.varus {
        padding: 40px 24px 40px 24px;
    }

    .block2-mob.new {
        padding: 40px 24px 40px 24px;
    }

    .block3-mob.new {
        padding: 40px 24px 40px 24px;
    }

    .block2-mob-t.new {
        padding: 40px 24px 40px 24px;
    }

    .block_separ-mob.new {
        border: 1px solid #f0f0f0;
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .footer.new {
        display: flex;
        padding: 40px 24px 24px;
        align-items: center;
        flex-direction: column;
    }

    .block5-tablet-two.new {
        display: none
    }

    .block6.new {
        display: none;
    }

    .block6-mob.new {
        display: block;
    }

    .block7.new {
        display: none;
    }

    .block7-mob.new {
        display: block;
    }

    .bl7-socials.new {
        display: flex;
        max-width: 100%;
        justify-content: center;
        grid-column-gap: 20px;
    }

    .block9.new {
        display: none;
    }

    .block9-mob.new {
        display: block;
    }

    .block8.new img {
        margin-right: -20%;
    }

    .block10-mob-d.new {
        padding: 0px 0px;
    }

    .box-result-form {
        padding: 10px 0px !important;
    }

}

@media only screen and (max-width: 700px) {
    .block8.new {
        display: none;
    }

    .block8-mob.new {
        display: block;
    }

    .block4-mob.new {
        display: block;
	padding: 30px 24px 0px 24px;

    }
    .block4-mob.new.text {
        display: block;
	padding: 10px 24px 0px 24px;

    }
    .block4-mob.new.text2 {
        display: block;
	padding: 24px;

    }

    .block4-mob.new p {
	margin-top: 1rem;
	margin-bottom: 1rem;
    }

    .block4-tablet.new {
        display: none;
    }
}

@media only screen and (max-width: 340px) {
    .bl7-socials.new {
        display: flex;
        max-width: 100%;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .bl7-socials.new a.apple {
        margin-bottom: 1rem;
    }

    .close_form_window {
        right: 20px !important;
        top: 14px !important;
    }

    .field__label {
        align-items: flex-start !important;
        display: flex !important;
        gap: 4px !important;
        flex-direction: column;
    }
}

@media only screen and (max-width: 340px) {
    .table--accordion table td {
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: 1px solid #e6e6e6;
    }
}
/* End */


/* Start:/local/components/bix/control.show_by_tabs/templates/.default/show_by_tabs.css?17363418531852*/
.by_tabs_default {
}
.by_tabs_default .tab-column {
	margin:								0em;
	padding:							0em;
	font-size:							0em;
}

.by_tabs_default .tab-column {
    text-align:							center;
    font-size:							16px;
    font-family:                        'Regular','Arial',sans-serif;
	color:								#4A4A4A;
    cursor:								pointer;
    display:							block;
    width:								auto;
/*    
    white-space:						nowrap;
*/
    line-height:						2.2rem;
    position:							relative;
    text-align:							center;
    height:                             50px;
    padding:                            10px 0px;
    box-sizing:                         content-box;
}
.by_tabs_default .tab-column.column-active {
/*    
	font-weight:						bold;
*/
    font-family:                        'Semi-bold','Arial',sans-serif;
}

.by_tabs_default .tab-inactive {
    box-shadow:                         0px 1px 0px 0px #DDDDDD;
}

.by_tabs_default .tab-active {
	border-top:							1px solid #DDDDDD;
	border-left:						1px solid #DDDDDD;
	border-right:						1px solid #DDDDDD;
    border-radius:                      5px 5px 0px 0px;
}

.by_tabs_default .tab-inactive,
.by_tabs_default .tab-active {
    display: table;
}

.by_tabs_default .tab-column{
    display: table-cell;
    vertical-align: middle;
}
/**
 *  < 768px
 */
@media (max-width: 767px) {
    
    .by_tabs_default .tab-inactive {
        border-top:							1px solid #DDDDDD;
        border-left:						1px solid #DDDDDD;
        border-right:						1px solid #DDDDDD;
        border-radius:                      5px 5px 0px 0px;
    }
    
    .by_tabs_default .tab-active {
        background-color:					#DDDDDD;
    }
    
    .by_tabs_default .tab-inactive,
    .by_tabs_default .tab-active{
        width: 100%;
    }

}

/* End */


/* Start:/local/components/bix/forms.show/templates/form_072/form_072_show.css?17099088542417*/
.box-result-form {

    background-color:   #FFFFFF;
    padding: 20px;
    border-radius: 15px;
}

.close_form_window {
    line-height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    right: 36px;
    top: 26px;
    cursor: pointer;
    content: "\2715";
    font-size: 22px;
    color: #aaa;
}

.invisible {
    display: none;
}
/*
.full-form__body .full-form__controls .btn {
    width: 210px;
}
*/
.full-form__body .form-itemerr {
    bottom: -10px !important;
}

.popup{
    position: fixed;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    padding: 40px 0 40px;
    display: none;
}
.text-center p:last-child {
    margin-bottom: 0;
}
.popup-area{
    max-width: 600px;
    width: calc(100% - 15px);
    margin: 0 auto;
    position: relative;
    background: url( '/local/components/bix/forms.show/templates/form_072/images/bg-popup.png') repeat #e8f7e1;
    padding: 35px 30px;
    text-align: center;
    border-radius: 24px;
    overflow: auto;
    max-height: 100%;
}

@media screen and (max-width: 960px) {
    .popup-area{
        padding: 15px 15px 25px;
    }
}

.popup .card-footer {
    padding: 0;
}
.popup .popup-result{
    max-width: 100vw;
    max-height: 100vh;
    display: inline-block;
    position: relative;
    z-index: 10;
}
.popup .exit-popup{
    line-height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    content: "\2715";
    font-size: 22px;
    color: transparent;
}
.popup .exit-popup:hover {
    color: #000;
    color: transparent;
}
.popup .popup-result .popup-title,
.popup .popup-result .formok .card-header {
    color: #000;
    font-size: calc(1.725rem + .9vw) !important;
    line-height: 50px;
    font-weight: bold;
    font-family: inherit;
}
.block3a .card {
    background-color: transparent;
}
.block3a .thx__title,
.block3a .thx__text {
    font-size: 18px;
}
.popup .popup-result .text-popup{
    font-size: 18px;
    line-height: 24px;
    padding: 75px 25px;
    font-family: inherit;
}
.popup .popup-result .logo-popup {
    display:    none;

    margin-top: 20px;
    background: url( '/local/components/bix/forms.show/templates/form_072/images/popup-logo.png') no-repeat center center;
    width:      220px;
    height:     50px;
}

@media screen and (max-width: 320px) {

    .close_form_window {
        right: 12px;
        top: 38px;
        font-size: 20px;
    }
}




/* End */


/* Start:/local/components/otp/form.result.new/error.css?1772191643163*/
.form-error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/components/otp/form.result.new/images/icon_warn.gif);
}
/* End */


/* Start:/local/components/bix/forms.show/templates/form_072_ajax/form_072_ajax_show.css?1780393887633*/
.box-result-form {

    background-color:   #FFFFFF;
    padding: 20px;
    border-radius: 15px;
}

.close_form_window {
    line-height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    right: 36px;
    top: 26px;
    cursor: pointer;
    content: "\2715";
    font-size: 22px;
    color: #aaaaaa;
}

.invisible {
    display: none;
}
.full-form__body .full-form__controls .btn {
    width: 210px;
}

.full-form__body .form-itemerr {
    bottom: -10px !important;
}

@media screen and (max-width: 320px) {

    .close_form_window {
        right: 12px;
        top: 38px;
        font-size: 20px;
    }
}

/* End */
/* /style.css?171301759874847 */
/* /local/components/bix/control.show_by_tabs/templates/.default/show_by_tabs.css?17363418531852 */
/* /local/components/bix/forms.show/templates/form_072/form_072_show.css?17099088542417 */
/* /local/components/otp/form.result.new/error.css?1772191643163 */
/* /local/components/bix/forms.show/templates/form_072_ajax/form_072_ajax_show.css?1780393887633 */