@font-face {
    font-family: 'Rubik';
    src: url(/wp-content/themes/sesexpert/assets/fonts/rubik-regular.eot);
    src: url(/wp-content/themes/sesexpert/assets/fonts/rubik-regular.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-regular.woff2) format("woff2"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-regular.woff) format("woff"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Rubik';
    src: url(/wp-content/themes/sesexpert/assets/fonts/rubik-semibold.eot);
    src: url(/wp-content/themes/sesexpert/assets/fonts/rubik-semibold.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-semibold.woff2) format("woff2"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-semibold.woff) format("woff"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Rubik';
    src: url(/wp-content/themes/sesexpert/assets/fonts/rubik-black.eot);
    src: url(/wp-content/themes/sesexpert/assets/fonts/rubik-black.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-black.woff2) format("woff2"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-black.woff) format("woff"), url(/wp-content/themes/sesexpert/assets/fonts/rubik-black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,
:before,
:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

body,
button,
input,
select,
textarea {
    font-family: Rubik, Roboto, helvetica, arial, sans-serif;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    border: none
}

svg {
    overflow: visible
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.b,
b,
strong {
    font-weight: 600
}

.l {
    cursor: pointer
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[hidden] {
    display: none
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after {
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 .75em;
    padding: 1.5em 0 0;
    font-weight: 600;
    color: #000
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 22px
}

h6 {
    font-size: 20px
}

p {
    margin: 0 0 1.5em;
    padding: 0
}

dfn,
cite,
em,
i {
    font-style: italic
}

:focus {
    outline: none
}

.wrap {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: block
}

hr {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    color: #000;
    text-decoration: none
}

a:hover,
a:active {
    color: #000;
    outline: 0
}

.hamburger,
.hamburger::before,
.hamburger::after {
    width: 30px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition: transform .15s ease
}

.hamburger::before,
.hamburger::after {
    content: "";
    display: block
}

.hamburger::before {
    top: -10px
}

.hamburger::after {
    bottom: -10px
}

.h,
.breadcrumb_last {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000;
    -webkit-user-select: none
}

.site-header {
    display: flex;
    flex-direction: column-reverse;
    z-index: 4;
    position: relative
}

.hs {
    z-index: 1
}

.hs,
.hs>div {
    height: 65px
}

.hf,
.hf>div,
.hf>div>a,
.hs>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.hs.showw .main-navigation a {
    padding: 6px 30px
}

.hf>div span {
    padding-left: 5px
}

.hf {
    min-height: 48px;
    line-height: 1;
    font-size: 16px
}

.overlay-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1001
}

.overlay-container>div {
    background-color: #FFFFFF;
    max-width: 500px;
    width: 100%;
    position: relative
}

.overlay-container form {
    margin: 0 auto;
    padding: 30px 0;
    max-width: 380px;
    width: 100%
}

.overlay-container.show {
    display: block;
    opacity: 1
}

.overlay-container form label {
    margin-bottom: 20px
}

.overlay-container .btn-close-popup {
    background-color: #02adc6;
    padding: 0;
    margin: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0
}

.btn-close-popup svg {
    padding-top: 5px;
    width: 40px;
    height: 40px
}

.btn-close-popup svg>path {
    fill: #fff
}

.btn-close-popup:hover svg>path {
    fill: #eee
}

.search.overlay-container>div {
    height: 100vh;
    padding: 0 15%;
    max-width: 1183px;
    width: 100%;
    background: transparent;
    margin: 0 auto
}

.search.overlay-container {
    background-color: rgba(0, 0, 0, .8)
}

.search.overlay-container .search-form {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    padding: 0 15%;
    max-width: 1183px;
    width: 100%
}

.search.overlay-container .search-form input {
    width: 100%;
    font-size: 50px;
    text-align: center;
    border: solid #fff;
    border-width: 0 0 1px;
    line-height: 1.5;
    color: #fff;
    background: transparent;
    border-width: 2px;
    border-radius: 3px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(-50%, -50%)
}

.search.overlay-container .search-form input::placeholder {
    color: #fff
}

.search.overlay-container .search-form .search-submit {
    max-height: 50px;
    max-width: 50px;
    background: transparent;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 8px;
    position: absolute
}

.searchclose {
    display: none
}

.searchclose:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.search.overlay-container .btn-close-popup.searchclose {
    display: block;
    top: calc(50% - 90px);
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1002
}

.navigation-top {
    font-size: 14px
}

.main-navigation li {
    display: inline-block;
    position: relative
}

.menu-toggle {
    display: none
}

.js .dropdown-toggle {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background: transparent
}

.icon-angle-down {
    width: 15px;
    height: 15px
}

.main-navigation ul ul {
    background: #fff;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 1;
    display: none
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    display: block
}

.main-navigation a {
    padding: 20px 30px;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.menu>li li a {
    padding: 8px 20px;
    transition: 150ms
}

.main-navigation li li {
    display: block;
    position: relative;
    padding: 0;
    border-bottom: 1px solid #E0E0E0
}

.menu>li>ul {
    width: 233px
}

.menu>li ul {
    background: #FFFFFF;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.13)
}

.menu>li>ul a span {
    display: block;
    text-transform: lowercase;
    font-weight: 400
}

.menu>li>ul>li {
    position: relative
}

.menu .sub-menu .sub-menu {
    left: 233px;
    width: 250px;
    top: 0
}

.menu .sub-menu .sub-menu a {
    font-weight: 400
}

.menu .sub-menu a {
    font-size: 15px
}

.menu .sub-menu a:hover {
    background: #373E4C;
    color: #fff
}

#breadcrumbs ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

#breadcrumbs ol a {
    color: #fff;
    display: block;
    /*border-bottom: 1px dotted #aaa;*/
    line-height: 1.3
}

#breadcrumbs ol a:hover {
   /* border-bottom: 1px solid #fff*/
	color: #333;
}

#breadcrumbs ol li {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap
}

.b {
    font-weight: 600
}

a:hover,
a:focus {
    color: #02adc6
}

.he {
    height: 113px;
    width: 100%
}

.fix {
    position: fixed
}

.site-header {
    width: 100%
}

.showw.hs,
.showw.hs>div {
    height: 38px
}

.showw .logo img {
    width: 98px;
    height: 38px;
    transition: all .1s ease-in-out
}

.logo img,
.hs,
.hs>div {
    transition: all .1s ease-in-out
}

.social,
.social a,
.logo a img,
button svg,
.topadv ul,
.sl,
.hs .btn-open-popup,
.hs .prelast a,
.hs .last a,
.scrollphone a,
.sers,
.lineup .wrap>div,
.howwork>div,
.page-cards,
.tabs-sec>.wrap>div,
.gaz .wrap>div,
.btngr,
.imgpart,
.dovers,
.gaz li,
.vid>div,
.vslider-nav,
.metod .wrap>div,
.dop>ul,
.prep>ul,
.au-page,
.v-block,
.akcii,
.alladr>div:first-child,
.cards,
.is-serv .mapart,
.stat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.site-header {
    background-color: #373e4c
}

.hs {
    background: #fff
}

.hf,
.hf a {
    color: #fff
}

.hf svg {
    fill: #fff
}

.btn {
    border-radius: 8px;
    width: auto;
    height: auto;
    background: #02adc6;
    padding: 0;
    text-transform: uppercase;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 4px 32px;
    transition: 750ms;
    border: 1px solid #02adc6
}

.btn:hover {
    color: #02adc6;
    background: #fff
}

.btn-open-popup-search {
    cursor: pointer
}

.social {
    gap: 5px
}

.social a {
    border: 1px solid #fff;
    padding: 6px;
    border-radius: 50%;
    transition: 750ms
}

.social a svg {
    width: 18px;
    height: 18px
}

.social a:hover {
    background: #02adc6;
    border-color: #02adc6
}

.logo a {
    display: block
}

.topwrap,
.newwrap {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto
}

.topwrap {
    margin: 0 auto 20px
}

.topwrap p {
    margin: 20px 0;
    font-size: 24px;
    line-height: 173%
}

.bg {
    background: url(/wp-content/themes/sesexpert/assets/images/b1.webp) no-repeat;
    background-size: cover;
    background-position: center top;
    display: block;
    width: 100%;
    max-width: 1144px;
    max-height: 858px;
    aspect-ratio: 4 / 3;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    overflow: hidden
}

.mhead {
    display: flex;
    flex-direction: column-reverse
}

h1 {
    font-weight: 600;
    font-size: 42px;
    line-height: 120%;
    color: #4ca9c4;
    text-transform: uppercase;
    padding: 20px 0 0;
    margin: 0
}

.desc div {
    background: url(/wp-content/themes/sesexpert/assets/images/c.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: block
}

.desc {
    display: flex;
    color: #4E5462;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2em;
    max-width: 390px;
    position: relative;
    gap: 20px;
    align-items: center;
    margin-top: 30px
}

.topwrap p.oneh {
    font-size: 28px
}

.oneh span {
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase
}

.topwrap h1,
.topwrap p {
    width: 60%
}

.topbtn {
    margin-top: 40px
}

.topbtn .btn {
    width: 274px;
    height: 54px
}

.topbtn .btn:first-child {
    background: #373e4c;
    margin-right: 20px
}

.topadv {
    margin-top: 50px
}

.topadv ul {
    gap: 30px;
    justify-content: flex-start;
    align-items: flex-start
}

.topadv li {
    max-width: 260px
}

.topadv svg {
    display: block;
    fill: #02adc6
}

.topadv span {
    font-size: 22px;
    line-height: 120%
}

.slogan {
    background: url(/wp-content/themes/sesexpert/assets/images/slogan.svg) no-repeat;
    background-size: cover;
    background-position: top center;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 113px;
    height: 750px
}

.topwrap h2 {
    font-size: 30px;
    position: relative;
    color: #444;
    text-transform: uppercase;
    line-height: 1.8;
    text-align: left
}

.topwrap h2:after {
    content: none
}

.topwrap h2 span {
    position: relative
}

.topwrap h2 span:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: rgb(2, 173, 198);
    position: absolute;
    bottom: -2px;
    left: 0
}

.sl {
    flex-wrap: nowrap;
    gap: 20px
}

.sl li {
    background: #fff;
    width: 428px;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.13);
    position: relative;
    overflow: hidden
}

.sl .sh3 {
    font-weight: 600;
    font-size: 12px;
    line-height: 173%;
    text-transform: uppercase;
    color: #151515;
    padding: 15px 0 0 15px;
    margin: 0;
    text-align: left
}

.sl .sh3 span {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: #02adc6;
    width: 50%;
    margin-bottom: 5px;
    display: block
}

.sl .sh3 span.proc {
    font-size: 57px;
    font-weight: 900;
    line-height: 100%;
    display: block
}

.sl li {
    display: flex
}

.sl li .simg {
    width: 180px;
    min-width: 120px;
    line-height: 0;
    overflow: hidden;
    border-radius: 14px
}

.sl li .btn {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 10px 15px;
    font-size: 14px
}

.sl li img {
    object-fit: cover;
    width: 100%
}

.sl li:after {
    content: '\0410\043A\0446\0438\044F\0021';
    display: block;
    position: absolute;
    top: 10px;
    right: -35px;
    width: 140px;
    height: 40px;
    background: #d72e24;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(40deg);
    line-height: 2.8;
    font-size: 14px
}

.mob,
.scrollphone {
    display: none
}

h2,
h3 {
    font-size: 30px;
    line-height: 173%;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #373e4c
}

h3 {
    font-size: 20px
}

h2 span:not(.br) {
    color: #02adc6
}

h2:after,
h3:after {
    content: '';
    height: 2px;
    width: 27%;
    background: #02adc6;
    display: block;
    margin: 0 auto
}

h3:after {
    content: '';
    height: 3px;
    width: 35%;
    margin: 8px auto 0
}

.sers h3 {
    color: #fff
}

.sers {
    gap: 20px;
    flex-wrap: nowrap;
    margin-top: 40px
}

.sers article {
    position: relative;
    width: 100%;
    height: 345px;
    max-width: 25%;
    border-radius: 14px;
    overflow: hidden;
    transition: 600ms;
    border: 1px solid #ddd
}

.sers article:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 180%;
    display: block;
    background: -webkit-linear-gradient(transparent, #000);
    background: -moz-linear-gradient(transparent, #000);
    background: linear-gradient(transparent, #000);
    transition: 600ms
}

.sers li {
    text-align: center
}

.sers li a {
    font-size: 16px;
    padding: 5px;
    display: block;
    line-height: 1.3
}

.sers a {
    color: #fff
}

.sers a:hover {
    color: #02adc6
}

.imgbg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0
}

.mov {
    position: absolute;
    top: 71%;
    width: 100%;
    left: 0;
    height: 100%;
    transition: 600ms
}

.sers article:hover .mov {
    top: 0
}

.sers article:hover:after {
    top: -360px;
    height: 220%
}

.br {
    display: block
}

.ftext {
    margin: 30px auto;
    text-align: center
}

.ftext span:not(.br) {
    color: #02adc6
}

.lineup h2 span:not(.br) {
    color: #30E5FD
}

.allserv .btn {
    margin: 0 auto;
    display: block;
    padding: 10px 32px;
    font-weight: 600;
    font-size: 20px
}

.lineup,
.gaz {
    position: relative;
    color: #fff;
    margin: 10px 0
}

.lineup .wrap,
.gaz .wrap {
    padding: 200px 20px
}

.gaz .wrap {
    padding: 150px 20px
}

.lineupbg,
.gazbg,
.metodbg,
.est-voprosbg,
.garant>div:before,
.est-voprossecbg {
    background: url(/wp-content/themes/sesexpert/assets/images/advantages-bg_cr.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.gazbg {
    background: url(/wp-content/themes/sesexpert/assets/images/bottom-banner-bg.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.metodbg {
    background: url(/wp-content/themes/sesexpert/assets/images/levels-bg2.webp) no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0
}

.est-voprosbg {
    background: url(/wp-content/themes/sesexpert/assets/images/questions-bg2.webp) no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0
}

.lineup ul {
    position: relative
}

.lineup ul:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/sesexpert/assets/images/line.png) no-repeat;
    background-size: cover;
    background-position: center;
    transform: rotate3d(0, 0, 1, 5deg);
    filter: brightness(0) saturate(100%) invert(86%) sepia(24%) saturate(5879%) hue-rotate(153deg) brightness(102%) contrast(104%)
}

.lineup ul span {
    font-weight: 600;
    font-size: 50px;
    color: #30E5FD;
    display: block
}

.lineup h2 {
    color: #fff;
    text-align: left;
    line-height: 1.2;
    margin-top: 40px
}

.lineup h2:after {
    content: none
}

.lineup .wrap>div,
.gaz .wrap>div {
    flex-wrap: nowrap;
    gap: 20px
}

.gaz .wrap>div>div {
    width: calc(50% - 10px)
}

.gaz img {
    width: 100%;
    max-width: 580px;
    margin-top: -80px;
    height: auto
}

.gaz h2 {
    width: calc(50% - 10px);
    text-align: left;
    clear: both;
    display: block;
    color: #fff;
    margin: 0 0 0 auto;
    line-height: 1.2
}

.gaz h2:after {
    margin: 10px auto 0 0
}

.lineup dl,
.lineup ul {
    width: 40%
}

.lineup ul {
    width: 60%;
    min-height: 650px;
    margin-top: -150px;
    margin-left: 50px
}

.lineup dl dt {
    font-weight: 600;
    font-size: 20px;
    color: #30E5FD;
    display: flex;
    align-items: center;
    gap: 15px
}

.lineup dl dd {
    font-size: 16px;
    margin-left: 50px;
    margin-bottom: 30px;
    width: 75%
}

.lineup dl dt:before {
    content: '';
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url(/wp-content/themes/sesexpert/assets/images/round-tik.svg) no-repeat;
    background-size: cover;
    background-position: center;
    overflow: visible;
    filter: brightness(0) saturate(100%) invert(86%) sepia(24%) saturate(5879%) hue-rotate(153deg) brightness(102%) contrast(104%)
}

.lineup li {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 180px;
    font-size: 16px
}

.lineup li:first-child {
    top: 60%;
    left: -5%
}

.lineup li:nth-child(2) {
    top: 41%;
    left: 17%
}

.lineup li:nth-child(3) {
    top: 24%;
    left: 37%
}

.lineup li:nth-child(4) {
    top: 4%;
    left: 53%
}

.howwork {
    margin-top: -40px
}

.howwork>div {
    flex-direction: row-reverse;
    margin-top: 40px
}

.howwork .howwork-text {
    width: 54%;
    padding-left: 60px
}

.howwork .ekran {
    width: 46%
}

.ekran a {
    position: relative
}

.ekran a:before {
    content: '';
    background: url(/wp-content/themes/sesexpert/assets/images/desktop.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    aspect-ratio: 713 / 554;
    display: block
}

.podgot .ekran a:before {
    background: url(/wp-content/themes/sesexpert/assets/images/desktop-yellow.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.howwork-text .text span {
    font-weight: 600;
    text-transform: uppercase;
    color: #02adc6
}

.howwork-text li {
    font-weight: 600;
    position: relative;
    padding: 10px 0 10px 60px;
    font-size: 17px
}

.howwork-text li span:first-child {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 31px;
    height: 31px
}

.howwork-text li span:first-child svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.howwork .phone {
    font-size: 22px;
    margin: 15px 0;
    display: block
}

.howwork .btn {
    padding: 10px 32px;
    background: #373e4c
}

.vidy-pom {
    margin-top: 20px
}

.page-cards {
    gap: 40px 20px;
    justify-content: flex-start;
    align-items: stretch
}

.page-card {
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    justify-content: space-between
}

.page-card>div:first-child {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.page-card h3 {
    text-align: left;
    line-height: 1.3;
    letter-spacing: 0;
    line-height: 1.3;
    padding: 10px 0;
    text-transform: none;
    margin: 0;
    order: 2
}

.page-card h3 a {
    font-size: 18px;
    display: block
}

.page-card h3 a:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    z-index: 1
}

.page-card h3:after {
    content: none
}

.page-card .page-card-image {
    order: 1
}

.page-card .page-card-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 14px
}

.page-card .page-card-excerpt {
    order: 3
}

.page-card .page-card-btn {
    z-index: 2
}

.page-card .page-card-btn .btn {
    width: 100%;
    max-width: 360px;
    padding: 8px;
    margin: 0 auto;
    display: block
}

.page-card-excerpt p {
    font-size: 16px
}

.vidy-pom>p {
    text-align: center;
    max-width: 1024px;
    margin: 1.5em auto 2em
}

.price-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.price-bg {
    background: #f5f5f5;
    padding: 30px 0
}

.price-tabs button {
    display: block;
    padding: 14px;
    border: 1px solid #373e4c;
    width: 100%;
    background: transparent;
    border: 1px solid #373e4c;
    width: calc(25% - 15px);
    color: #222;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 8px;
    cursor: pointer
}

.price-tabs button:hover,
.price-tabs button.active {
    background: #373e4c;
    color: #fff
}

.price-tab-content {
    display: none
}

.price-tab-content.active {
    display: block
}

.price-table {
    width: 100%;
    margin: 1.5em 0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    font-size: 20px;
    border: none;
    color: #000;
    border: 1px solid #ccc
}

.price-table thead {
    display: none
}

.price-table tr:nth-child(odd) {
    background: #ffffffab
}

.price-table td,
.price-table th {
    text-align: left;
    padding: 10px 20px;
    font-weight: 600;
    color: #222
}

.price-table .title {
    width: 65%
}

.price-table .price {
    color: #02adc6;
    width: 35%
}

.price-table .btn:before {
    content: '\0417\0430\043A\0430\0437\0430\0442\044C'
}

.price-table .btn {
    float: right
}

.two-vidy-pom {
    position: relative;
    color: #fff
}

.bg-vidy-pom {
    background: url(/wp-content/themes/sesexpert/assets/images/house-banner-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.two-vidy-pom h2 {
    text-align: left;
    color: #fff;
    width: 65%
}

.two-vidy-pom p {
    width: 65%;
    font-weight: 600
}

.two-vidy-pom h2:after {
    margin: 0 auto 0 0
}

.two-vidy-pom ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 40px 20px;
    width: 64%
}

.two-vidy-pom li {
    width: calc(33% - 12px);
    display: flex;
    flex-direction: column;
    gap: 20px
}

.two-vidy-pom li>span:first-child {
    width: 75px;
    height: 75px;
    display: block;
    position: relative;
    background: #02adc6;
    border-radius: 50%
}

.two-vidy-pom li span {
    display: block;
    color: #30E5FD;
    font-weight: 600;
    font-size: 16px
}

.two-vidy-pom li {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-top: 20px
}

.two-vidy-pom .btn {
    max-width: 300px;
    width: 100%;
    padding: 8px;
    margin: 30px 0
}

.two-vidy-pom .wrap {
    padding: 20px 0 40px;
    position: relative
}

.two-vidy-pom .wrap:after {
    content: '';
    background: url(/wp-content/themes/sesexpert/assets/images/protected.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 474px;
    height: 663px;
    bottom: 0;
    right: -5%;
    position: absolute;
    z-index: -1
}

.two-vidy-pom li svg {
    fill: #fff;
    width: 50px;
    height: 50px;
    overflow: hidden;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(-50%, -50%)
}

.two-vidy-pom li:first-child svg {
    width: 60px;
    height: 60px
}

.tabs-sec {
    padding: 60px 20px
}

.tabs-sec>.wrap>div {
    align-items: stretch
}

.tabs-buttons {
    width: 25%
}

.tabs-buttons ul {
    display: flex;
    flex-direction: column
}

.tabs-buttons ul li {
    padding: 0
}

.tab-btn {
    padding: 15px 20px;
    border: none;
    background: #eaeaea;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    transition: all .3s ease;
    width: calc(100% - 20px);
    display: block
}

.tab-btn.active {
    background: #00abc9;
    color: #fff;
    width: 100%
}

.tabs-contents {
    width: 75%;
    background: #f1f1f1;
    padding: 30px;
    border-radius: 4px
}

.tab-content {
    display: none;
    animation: fadeIn .3s ease
}

.tab-content.active {
    display: block
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tabs-sec li {
    padding: 10px 0
}

.tabs-contents h2 {
    display: none
}

.tabs-contents h2 span {
    color: #000;
    margin-right: 30px;
    display: block
}

.tab-content a {
    color: #02adc6
}

.gaz li span span {
    color: #30E5FD
}

.gaz li svg {
    fill: #30E5FD;
    width: 34px;
    height: 34px
}

.gaz li {
    padding: 8px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 15px
}

.gaz ul {
    font-weight: 600;
    font-size: 16px;
    margin-top: 30px
}

.btngr {
    margin-top: 30px;
    justify-content: flex-start;
    gap: 30px
}

.btngr .btn {
    padding: 10px 32px
}

.btngr .btn:last-child {
    color: #02adc6;
    background: #fff
}

.doverie {
    margin-bottom: 20px
}

.imgsert>li,
.doverie>li {
    width: 25%;
    height: auto
}

.cert {
    overflow: hidden
}

.imgsert {
    display: flex;
    gap: 20px
}

figure {
    margin: 0
}

figcaption {
    margin-top: 15px;
    padding: 0 20px;
    text-align: center;
    line-height: 1.3;
    font-size: 16px
}

.imgsert li img,
.doverie li img {
    width: 100%;
    height: auto;
    padding: 0 20px;
    aspect-ratio: 25 / 30
}

.slick-dots li button {
    background-color: #d9d9d9 !important;
    border-radius: 50%
}

.slick-dots li.slick-active button {
    background-color: #02adc6 !important
}

.slick-dots li button:before {
    content: none !important
}

.cert p {
    text-align: center;
    font-weight: 600;
    max-width: 800px;
    display: block;
    margin: 0 auto 1.5em
}

.cert li,
.doverie li {
    position: relative
}

.cert li img,
.doverie li img {
    cursor: pointer
}

ul.imgsert li.slick-slide:before,
.doverie li.slick-slide:before {
    cursor: pointer;
    pointer-events: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAABd1BMVEUUFBQAAADz9vgHCAjy9Pfw8vQbHR0aGhrv8fPs7vDv8vQ1NjYAAADn6usgICCkqKqWmJkAAADr7u9sbW7g4uWLjpBMTk7Lzc/r7fAbGxuhpqZ7fHwQEBDo6u3Iy8unqKoxMTCYmZtgYGAqKiqws7Otr7BbXFzn6evl5+rX2NqSlZbg4+S/wcOcnZ+Iiot5enxVVVVMTU1FRUXf4ePU1tg9PT38/PzX2ds+Pj4tLS0mJibe4eLb3uDN0NLJzM9LS0tgYGBoaGjk5uiusLDs7vGNj5CChIR9fn9maGnm6era2921t7ixtLajpqeVmZl5gYH19fX09PTm5uaIiIjc3uCkpaba39/EyMjMz9G/w8Oxs7VnZ2fx8fHR0dDHx8e2trampqZ/f36xs7R1dnbc3+DP0tK/wMN+foAdHR3+/v75+fnu7u3p6emWlpZVVVVQUE+5u71/gIHKztLEx8ne3t3b29vX19e9vb14eHhbW1tGRkaBgYH///+jfD1yAAAAfHRSTlNmAHMDc3IGZnFyb2gIaGcnIQ9samEaEnFpaCQUDHJwbm5tamc1KmpmYk0dcXBubGxqaWlcVwn7cWhnZ1lXSjwNDIJyb25tbGxrZFI3Li0rEPHv3JFxblVIRz87GOvFva+jjG9rYE5GHw/+9eXhmnt4b2w/OdPOzLOJfXRs+y7bygAABJZJREFUWMOl2GVXG0EUBuDJO7KSXRLixCAhjhPc3aWlQIG6U3fPj+8eKEXKSjbv55znzO7emdy5xGMVKrRk80mOk0lBLX9LzJWZcDx3eyCkL8hMDuihgcl1X2Vb0Dolqvk/l0MBhktZCK1N+aZpHRJNbu7rKoC5zq6lYKGvrzcbXM582AUgx8bXI8KZZDhbTzmYPLw4IpFL8S5HZQYUcxHqQKIzvgEOJZ3pk8g1GenuTIFXN7apnUTDkzHwzh4vMctocD4FdS2uWUva5ipHR3CUWGWskAaPHWnUXKLThzKUjERs06MwPEtQM4kmJlVEg03EQXo/yGzCL66X6J01GfP9xFm8GfCqn14jGVCVYa+dOE3TbzD9Bb1GSgww1mpAjiMtpVA0qKvS9KQME8h0Vd0KGw/TK5I4VLE3RkidFPiz6cuS2JLxeJTUG2kRPCcuSjS8it1eUn/a00z10wvSzCRXeiTiIoVhVBPnEvXFkGkibiItc3VK/JOSA+iQiLtIaYQqZxLdYjxI3KZf5ofir3T8FJ3txHVasRo5legmU3qI+/TPsSNxImn7SHsbkJr2oCdPJL+ODGkkKylsUkOin1W5ryHJm0ZZGNJMGcNSQ5LUykoJQwqH0E0aS5DH8pR44gH0Nyh5ZXWKEppjDuq75dfsrYfviVmGUR4k4jY6iW0evL5749WsRXFOJIg2gC57qe1GrfayjZhlGaEwST7Fki307mutVrtpcbag6CfNOoK20Leh2qs3X4hpRhCIk+YFFOwe7d5Qbej7+1sWRycUH2mWYXvs3ro7dL/FcuuB50kzg81emW1refvAgKwCGJJqs6YfO/fbWmwgCcyQAshaVCSZffNy6H4bsc4YZB85tvx29x7t1Go3HrbYbRcs+EgyhI/mX+31kBOI9EL3W9f4z7tGQb61hchHhMLW++7RTUOadfKnMLFN6Do6zAtpZ+feg0f2UhTlGeLxqfCavqc2Z92Bwj8J4qmU0EMaS5YHNijxbK8h2qDUxYph4xwXU7I80hA0msa+ZkjUF2PdjT1cB3LUkDzT4+gcbQCSMiwQOZHoOlLBBiRvB56L014lomN+zL20iMAdz6kkcjxVcL+kOXagnfV0kSrSrqV5FOP0TKIbquvqzCr8YPC8902scaUguWrDoihV6LlE4zFE3XQHY4+5nBMX7wjaOliXiz76iYzng5fvLdokw5JUb01mwSYiV+9SkQmOpab6oJUUK8XpVYn6q0zprota2UUsL/6/KQp/EUq3VFejqm5p196DX6wyLDpdlfQETN8SJnfzyriM+T5HyxrJKKy0IUznBeFnnA33OKCyURnjcWE+w6DTRyrkaJ/dpn2sgN+OUMu5ivBXVfDWfvPXJXkX58BLuUFqN+tJTIU45vZWvNK1Z3Y2swtWPKgIB/MnUTlcZUhFW4PeK0x7tivdwRA7iA9SZzMxETnSAcaV4dblwki7RKQxb++TrqjCGRB4fufcsZMMK7lZLsVkXA4PFPdzEUHrmx1SLZGfKk+E9IDKweQFvTRe/rQR1ixnh6YYHdwO++O+fD7v8/kriRnLieYfPpKQdEK68kwAAAAASUVORK5CYII=) center;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 73px;
    margin: -36px 0 0 -36px;
    height: 73px;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    z-index: 10000
}

ul.imgsert li.slick-slide:hover:before,
.doverie li.slick-slide:hover:before {
    opacity: 1;
    -webkit-transform: scale(1)
}

.slick-dots {
    bottom: -45px !important
}

.cert .slick-dotted.slick-slider {
    margin-bottom: 50px
}

.doverie .slick-dotted.slick-slider {
    margin-bottom: 55px
}

.partn {
    background-size: cover;
    background-position: center;
    height: auto !important;
    aspect-ratio: 300 / 150
}

.part .slick-dotted.slick-slider {
    margin-bottom: 85px
}

.faq-accordion {
    margin: 0 auto;
    -moz-columns: 500px auto;
    -webkit-columns: 500px auto;
    columns: 500px auto
}

.faq-item {
    width: 100%;
    margin-bottom: 10px;
    page-break-inside: avoid;
    break-inside: avoid
}

.faq-question {
    background-color: #373e4c;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 16px;
    position: relative;
    border-radius: 8px
}

.faq-question span {
    padding-left: 26px;
    text-transform: uppercase;
    display: block;
    line-height: 1.2
}

.faq-question:before {
    content: '\2B';
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    font-size: 22px;
    font-weight: 600
}

.faq-question.active:before {
    content: '\2D'
}

.faq-question.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.faq-answer {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #f9f9f9;
    padding: 15px 20px;
    display: none;
    border: 1px solid #ddd;
    border-top: none;
    display: none;
    margin: 0
}

.site-footer {
    position: relative;
    padding: 80px 0
}

.site-footer .wrap {
    color: #fff;
    text-shadow: 1px 1px 5px #333;
    font-size: 16px
}

.site-footer li {
    padding: 4px 0
}

.site-footer svg {
    fill: #fff
}

.site-footer a,
.site-footer h2 {
    color: #fff;
    text-align: left
}

.site-footer .navh {
    margin: 0 0 .75em;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.site-footer h2,
.site-footer .navh {
    font-size: 20px;
    padding: 0;
    line-height: 1.2
}

.site-footer h2:after,
.site-footer h3:after {
    content: none
}

.site-footer .topinfo,
.footer__topphones {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 20px
}

.footer__topphones {
    gap: 5px;
    font-weight: 600;
    text-transform: uppercase
}

.footer__topphones a {
    font-size: 32px
}

.footerbg {
    background: url(/wp-content/themes/sesexpert/assets/images/footer-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.footerbg:before {
    content: '';
    background-color: rgb(67 74 90 / 85%);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.botinfo {
    flex-wrap: nowrap !important;
    margin: 60px 0
}

.botinfo nav,
.botinfo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px
}

.botinfo nav>div,
.botinfo nav>div {
    width: calc(25% - 15px)
}

.botinfo>div li,
.botinfo>div a {
    display: flex;
    align-items: center;
    gap: 10px
}

.botinfo>nav {
    width: 70%
}

.botinfo>div {
    width: calc(30% - 20px)
}

.flast {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 110px
}

.flast>div:first-child a {
    text-decoration: underline
}

.flast a {
    display: inline-block
}

.wame a {
    opacity: .8;
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    padding: 6px;
    border-radius: 50%;
    transition: 750ms;
    background: #2ca5e0;
    border-color: #2ca5e0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: fixed;
    bottom: 10px;
    right: 45px;
    z-index: 10000
}

.wame a svg {
    margin-right: 2px;
    width: 30px;
    height: 30px
}

.wame a:hover {
    opacity: 1
}

.to-top {
    position: fixed;
    bottom: 80px;
    right: 45px;
    opacity: 0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    overflow: hidden;
    z-index: 5;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #0c99b0
}

.to-top:before {
    content: '\2191';
    color: #fff;
    text-shadow: none;
    font-size: 32px
}

.to-top--fixed {
    opacity: .8
}

.to-top--fixed:hover {
    opacity: 1
}

.to-top {
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

.topinfo>div:last-child {
    max-width: 310px;
    width: 100%;
    display: block;
    position: relative
}

.topinfo .btn {
    padding: 6px 12px;
    max-width: 320px;
    width: 100%;
    display: block;
    position: relative
}

.botinfo .social {
    gap: 5px;
    margin: 5px 0 7px
}

.otziv {
    background: #f5f5f5;
    margin: 90px 0 0;
    padding: 0 0 50px;
    overflow: hidden
}

.otziv h2:after {
    margin: 0 auto 0 0
}

.otz>header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.glsr-default form.glsr-form {
    position: relative
}

.otz .glsr-summary {
    flex-wrap: nowrap
}

.glsr-summary-text [itemprop="ratingValue"] {
    font-weight: 600;
    font-size: 120%
}

.glsr-reviews {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start
}

.glsr-review {
    background: #fff;
    border-radius: 16px;
    padding: 20px 20px 40px;
    page-break-inside: avoid;
    break-inside: avoid
}

.glsr-default .glsr-review {
    flex-direction: column;
    position: relative;
    flex: 1 1 calc(50% - 10px);
    min-width: 280px
}

.glsr-default .glsr-review-avatar img {
    border-radius: 50%
}

.revers {
    display: flex;
    flex-direction: column-reverse;
    padding-left: 80px;
    min-height: 60px;
    justify-content: center;
    margin-bottom: 10px
}

.glsr-reviews header {
    position: relative
}

.glsr-review-avatar {
    position: absolute;
    top: 0;
    left: 0
}

.glsr-review-author .glsr-tag-value {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 1.2
}

.glsr-review-title h3,
.glsr-review-date .glsr-tag-value {
    font-weight: 400;
    font-size: 16px;
    color: #555;
    font-style: normal
}

.glsr-review-date .glsr-tag-value {
    font-size: 14px
}

.glsr-default .glsr-review-rating {
    vertical-align: bottom
}

.glsr-default .glsr-review-date {
    margin-left: 10px;
    vertical-align: bottom
}

.glsr-default .wp-block-button {
    margin: 60px 0 20px
}

.glsr-default .glsr-pagination .wp-block-button {
    margin: 30px 0
}

.glsr-button-loadmore.glsr-button.wp-block-button__link {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    width: 100%;
    background-color: #02adc6;
    border-radius: 900px;
    transition: .5s;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    color: #fff
}

.glsr-button-loadmore.glsr-button.wp-block-button__link:hover {
    background-color: #000;
    cursor: pointer
}

.glsr-default .glsr-review [data-expanded="false"] p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    min-height: 77.33px
}

.glsr-default .glsr-review p {
    font-size: 16px
}

.glsr-read-more a,
.glsr-custom-opinion {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #02adc6;
    font-size: 14px;
    display: flex;
    align-items: center
}

.glsr-custom-opinion {
    right: auto;
    left: 20px
}

.glsr-custom-opinion a {
    color: #555
}

.glsr-custom-opinion a span:first-child {
    display: flex;
    align-items: center
}

.glsr-custom-opinion.is-img a>span:first-child:after {
    content: '';
    display: inline-block;
    background-position: left center;
    background-size: cover;
    background-size: cover !important;
    margin-left: 5px;
    height: 18px
}

.ogm a span:first-child:after {
    background: no-repeat 0 0 url(/wp-content/themes/as_distanciya/img/gm.png);
    height: 16px !important;
    width: 98px
}

.oya a span:first-child:after {
    background: no-repeat 0 0 url(/wp-content/themes/as_distanciya/img/yamap.png);
    width: 104px
}

.ovk a span:first-child:after {
    background: no-repeat 0 0 url(/wp-content/themes/as_distanciya/img/vki.png);
    width: 18px
}

.ozo a span:first-child:after {
    background: no-repeat 0 0 url(/wp-content/themes/as_distanciya/img/zooni.png);
    height: 14px !important;
    width: 56px
}

.ogi span:first-child:after {
    background: no-repeat 0 0 url(/wp-content/themes/as_distanciya/img/gisi.png);
    height: 16px !important;
    width: 60px
}

.glsr-read-more a:after,
.wp-block-button .glsr-button-loadmore:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: no-repeat 0 0 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMS41LTUuNSA0LTUuNS00IiBzdHJva2U9IiNBQ0FDQUMiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    background-position: center;
    filter: brightness(0) saturate(100%) invert(54%) sepia(39%) saturate(3126%) hue-rotate(150deg) brightness(92%) contrast(98%);
    margin-left: 4px
}

.wp-block-button .glsr-button-loadmore:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(72deg) brightness(99%) contrast(99%)
}

[data-expanded="true"] .glsr-read-more a:after {
    rotate: 180deg
}

.fi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    grid-template-rows: auto auto auto;
    position: relative
}

.fi label,
.glsr-custom-opinion a>span:last-child {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000;
    -webkit-user-select: none
}

.fi .glsr-field-rating label,
.fi .glsr-field-choice label {
    clip: auto;
    height: auto;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    width: auto;
    z-index: 1;
    -webkit-user-select: auto
}

.fi>div {
    flex: 1 calc(50% - 20px)
}

.fi textarea,
.glsr-default form.glsr-form .fi input.glsr-input {
    box-sizing: border-box !important;
    border: 1px solid #eee !important;
    border-radius: 16px !important;
    outline: none !important;
    color: #000 !important;
    font-size: 20px !important;
    min-height: 60px !important;
    font-family: Rubik, Roboto, helvetica, arial, sans-serif !important
}

.fi textarea::placeholder,
.glsr-default form.glsr-form .fi input.glsr-input::placeholder {
    color: #555 !important
}

.fi .glsr-field-textarea {
    grid-column: 1;
    grid-row: 2 / span 2
}

.fi .glsr-field-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    grid-column: 1;
    grid-row: 1
}

.fi .glsr-field-text {
    grid-column: 2;
    grid-row: 2
}

.fi .glsr-field-text[data-field="title"] {
    grid-column: 2;
    grid-row: 1
}

.fi .glsr-field-email {
    grid-column: 2;
    grid-row: 3
}

.fi .glsr-field-choice {
    position: absolute;
    bottom: -50px;
    font-family: Rubik, Roboto, helvetica, arial, sans-serif;
    font-size: 18px !important;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.fi .glsr-field-rating label span {
    font-size: 22px
}

.glsr-default form.glsr-form input.glsr-input:focus,
.glsr-default form.glsr-form select.glsr-select:focus,
.glsr-default form.glsr-form textarea.glsr-textarea:focus {
    box-shadow: 0 0 0 1px #02adc6 !important
}

.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:focus+.glsr-toggle-track {
    box-shadow: 0 0 0 3px #02adc6 !important
}

.glsr-default form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:before {
    background-color: #02adc6 !important
}

.glsr-default form.glsr-form .fi textarea.glsr-textarea {
    line-height: 1.2
}

.glsr-default .glsr-review-form .glsr-button.wp-block-button__link {
    border-radius: 16px;
    font-size: 26px;
    padding: 16px 20px;
    font-weight: 600;
    text-decoration: none !important;
    position: relative;
    display: block !important;
    max-width: 374px;
    width: 100%;
    margin: 0 auto !important;
    min-height: 60px;
    background-color: #02adc6;
    border: none;
    line-height: 1;
    white-space: wrap;
    text-transform: uppercase;
    font-size: 22px;
    color: #fff
}

.glsr-default .glsr-review-form .glsr-button.wp-block-button__link:hover {
    background-color: #000
}

.glsr-form-message.glsr-form-failed {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.glsr-default .glsr-review-form .glsr-button.wp-block-button__link .otz>header {
    margin: 0;
    padding: 30px 0
}

.otz .addotz {
    margin: 40px 0 20px
}

.otz h2,
.otz .addotz {
    font-size: 28px;
    font-weight: 600
}

.otz h2 {
    margin: 0;
    padding: 0
}

.glsr-form-message.glsr-form-success {
    position: absolute;
    font-weight: 600;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.glsr-review-title h3 {
    text-align: left;
    text-transform: none;
    line-height: 1.3;
    letter-spacing: 0;
    padding: 0
}

.glsr-review-title h3:after {
    content: none
}

.otziv .slick-track {
    display: flex;
    gap: 20px;
    align-items: stretch
}

.otziv .slick-slide {
    height: auto
}

.otzsubm>div {
    max-width: 1024px;
    padding: 20px;
    background: #f5f5f5
}

.otzsubm form {
    margin: 0 auto;
    padding: 20px 0 10px;
    max-width: 1024px;
    width: 100%
}

.addotz {
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #373e4c;
    font-weight: 600
}

.addotz:after {
    content: '';
    height: 2px;
    width: 27%;
    background: #02adc6;
    display: block;
    margin: 10px auto 0
}

.wp-block-button {
    margin-top: 55px !important
}

.otziv .btn {
    margin: 90px auto 0;
    display: block;
    padding: 8px 22px;
    max-width: 280px;
    width: 100%;
    font-size: 18px
}

.otz>header {
    padding: 40px 0
}

@media (max-width: 1023px) {
    .glsr-default .glsr-review [data-expanded="false"] p {
        -webkit-line-clamp: 5;
        min-height: 96.67px
    }
}

@media (max-width: 820px) {
    .glsr-default .glsr-review {
        width: 100%;
        flex: auto
    }

    .glsr-default .glsr-review [data-expanded="false"] p {
        min-height: auto
    }

    .fi {
        display: flex;
        flex-direction: column
    }

    .fi .glsr-field-choice label {
        white-space: normal
    }

    .fi .glsr-field-choice {
        position: relative;
        bottom: 0
    }

    .glsr-default .wp-block-button {
        margin: 8px 0 0
    }

    .glsr-default form.glsr-form .glsr-field-choice .glsr-toggle label {
        max-width: 330px
    }

    .glsr-default form.glsr-form .glsr-field-toggle {
        justify-content: center
    }

    .addotz {
        font-size: 22px
    }

    .fi .glsr-field-rating {
        justify-content: center
    }

    .fi .glsr-field-rating label span {
        font-size: 18px
    }

    .fi .glsr-field-rating {
        gap: 5px
    }

    .wp-block-button {
        margin-top: 0 !important
    }

    .otzsubm>div {
        height: 100vh;
        max-height: 700px;
        overflow-y: scroll
    }
}

@media (max-width: 720px) {
    .otzsubm>div {
        max-height: 650px
    }

    .otziv .slick-track {
        gap: 10px
    }

    .otz h2 {
        margin: 0 0 20px
    }

    .otz>header {
        flex-direction: column;
        margin: 40px 0 0
    }

    .otz .addotz {
        margin: 40px 0 20px
    }

    .glsr-review {
        padding: 10px 10px 30px
    }

    .glsr-read-more a,
    .glsr-custom-opinion {
        bottom: 10px;
        right: 10px
    }

    .glsr-custom-opinion {
        right: auto;
        left: 10px
    }

    .glsr-default .glsr-pagination .wp-block-button {
        margin: 0
    }

    .fi .glsr-field-rating {
        flex-wrap: wrap
    }

    .glsr-default form.glsr-form .glsr-field-choice .glsr-toggle label {
        font-size: 16px
    }

    .fi textarea,
    .glsr-default form.glsr-form .fi input.glsr-input {
        border-radius: 8px !important;
        min-height: 40px !important
    }

    .otzsubm>div {
        padding: 10px
    }
}

@media (max-width: 370px) {
    .glsr-custom-opinion a>span span {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        z-index: -1000;
        -webkit-user-select: none
    }

    .fi textarea,
    .glsr-default form.glsr-form .fi input.glsr-input {
        font-size: 16px !important
    }

    .glsr-summary {
        flex-direction: column
    }

    .glsr-review-title h3,
    .glsr-review-date .glsr-tag-value {
        font-size: 14px
    }

    .glsr-default .glsr-review-avatar img {
        width: 50px !important;
        height: 50px !important
    }

    .revers {
        padding-left: 60px;
        min-height: 50px
    }

    .glsr-review-author .glsr-tag-value {
        font-size: 16px;
        letter-spacing: 0
    }

    .glsr-custom-opinion.is-img a>span:first-child:after {
        margin-left: 0
    }
}

.vid>div {
    align-items: stretch;
    gap: 20px;
    padding: 20px 0
}

.fvid {
    position: relative;
    color: #fff;
    width: 40%;
    overflow: hidden;
    min-height: 550px
}

.fvid:before {
    content: '';
    background: url(/wp-content/themes/sesexpert/assets/images/smoke-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.fvid:after {
    content: '';
    background: url(/wp-content/themes/sesexpert/assets/images/man.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 60%;
    height: auto;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: -1;
    aspect-ratio: 533 / 753;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.fvid .btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    font-weight: 600;
    padding: 14px 20px;
    max-width: 260px;
    width: 100%
}

.fvid p {
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    max-width: 500px;
    font-weight: 600
}

.vslider-nav {
    gap: 20px;
    flex-wrap: nowrap
}

.videos video {
    width: 100%;
    height: auto
}

.videos {
    width: calc(60% - 20px);
    overflow: hidden
}

.vslider-for {
    display: flex
}

.nav-img {
    display: block;
    background: url(/wp-content/themes/sesexpert/assets/images/poster.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: calc(33% - 10px);
    aspect-ratio: 16 / 9;
    margin: 0 10px
}

.videos .slick-dots {
    display: none !important
}

.vslider-nav.slick-dotted.slick-slider {
    margin-bottom: 0 !important
}

.cf>div {
    padding: 15px;
    border-radius: 20px;
    border: 5px solid #0c99b0;
    box-shadow: 0 0 0 0 rgba(2, 2, 2, 0.00);
    background-color: rgba(255, 255, 255, 1.00)
}

.cf .form-head {
    font-weight: 600;
    font-size: 32px;
    color: #000;
    margin: 0 auto;
    text-align: center
}

.cf>div {
    max-width: 800px
}

.overlay-container form {
    max-width: 100%
}

.cf input,
.cf textarea {
    color: #222;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 10px;
    width: 100%
}

.cf textarea {
    height: 100px
}

.cf p {
    margin: 0
}

.cf .formtext {
    margin: 10px 0 20px;
    text-align: center
}

.cf>div,
.otzsubm>div {
    max-height: 510px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(-50%, -50%);
    max-height: 99vh;
    overflow-y: auto;
    -ms-overflow-style: auto;
    scrollbar-width: none
}

.cf.overlay-container form {
    padding: 0
}

.cf input:checked {
    background: #007f91;
    accent-color: #007f91
}

.cf [type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    padding: 10px;
    position: relative;
    bottom: -5px
}

.cf .btn {
    border: 1px solid #02adc6;
    color: #fff;
    margin: 30px auto 20px;
    max-width: 300px;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 18px
}

.cf .btn:hover {
    color: #000
}

.cf .wpcf7-spinner {
    display: none
}

.wpcf7-not-valid-tip {
    position: absolute;
    top: -31px;
    font-size: 14px !important
}

.cf .overlay-container form label {
    position: relative
}

.cf .overlay-container {
    background-color: rgba(12, 153, 176, 0.60)
}

.metod .wrap>p {
    text-align: center
}

.metod .wrap>div {
    gap: 20px;
    align-items: stretch;
    flex-wrap: nowrap
}

.metod .wrap>div article {
    width: calc(25% - 15px);
    background: #fff;
    border-radius: 8px;
    padding: 10px 20px 90px;
    display: flex;
    flex-direction: column;
    min-width: 240px;
    margin: 0 10px;
    height: auto;
    position: relative
}

.metod h3 {
    text-transform: none;
    text-align: center;
    padding: 0;
    letter-spacing: 0;
    line-height: 1.1;
    margin-bottom: 0
}

.metod .metods article>div:first-child {
    order: 2;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.metod img {
    order: 1;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    display: block;
    height: auto;
    max-width: 170px;
    margin: 0 auto
}

.metod .text {
    order: 3
}

.metod .pr {
    order: 4;
    position: absolute;
    bottom: 48px
}

.metod .btn {
    order: 5;
    padding: 8px 10px;
    width: 88%;
    max-width: 400px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.metod h3:after {
    content: none
}

.metod article p {
    font-size: 16px
}

.metod .pr span {
    font-size: 24px;
    color: #02adc6;
    font-weight: 600
}

.metod>div:last-child {
    position: relative;
    padding: 120px 0
}

.metod .slick-track {
    display: flex;
    align-items: stretch
}

.doverie,
.metod {
    overflow: hidden
}

.poryadok ol {
    counter-reset: count;
    display: flex;
    align-content: center;
    align-items: stretch;
    gap: 20px;
    justify-content: center;
}

.poryadok ol li {
    background-color: #ccc;
    position: relative;
    background: url(/wp-content/themes/sesexpert/assets/images/shagbg2.webp) no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-radius: 8px;
    width: calc(20% - 16px);
}


.poryadok ol li:before {
    background-color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    counter-increment: count;
    content: "\428\430\433 " counter(count);
    position: absolute;
    width: 100%;
    top: 10px;
    left: 10px;
    width: 75px;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 10px;
    color: #02adc6;
    font-size: 16px
}

.poryadok ol li>p {
    color: #fff;
    line-height: 1.2;
    margin: 0px;
    font-size: 16px;
    padding: 0 10px 10px 10px;
}

.poryadok .btn {
    display: block;
    margin: 40px auto 0 auto;
    padding: 10px 20px;
}

.est-vopros {
    position: relative;
    margin: 0 auto 30px;
    padding: 30px 0 60px
}

.est-vopros .wrap {
    max-width: 900px
}

.est-vopros h2,
.est-vopros p {
    text-align: left;
    color: #fff
}

.est-vopros h2 span {
    color: #30E5FD
}

.est-vopros h2:after {
    content: none
}

.formvop {
    flex-wrap: nowrap;
    align-items: stretch
}

.formvop>div {
    width: 100%
}

.est-vopros input:not(.btn),
.est-vopros textarea {
    height: 54px;
    border-radius: 4px;
    margin: 0;
    padding: 8px 6px;
    outline: none;
    width: 100%;
    display: block;
    background: #fff;
    padding: 10px
}

.est-vopros textarea {
    height: 202px;
    resize: vertical
}

.est-vopros form p {
    margin: 0
}

.formvop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    grid-template-rows: auto auto auto;
    position: relative
}

.formvop>div:first-child {
    grid-column: 1;
    grid-row: 1;
    grid-column: 1;
    grid-row: 1
}

.formvop>div:nth-child(2) {
    grid-column: 1;
    grid-row: 2
}

.formvop>div:nth-child(3) {
    grid-column: 1;
    grid-row: 3
}

.formvop>div:nth-child(4) {
    grid-column: 2;
    grid-row: 1 / span 3
}

.formfooter input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    padding: 10px;
    position: relative;
    bottom: -5px;
    background: #007f91;
    accent-color: #007f91;
    display: inline-block
}

.formfooter {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    gap: 20px;
    margin-top: 20px
}

.formfooter .wpcf7-list-item {
    margin: 0
}

.formvop .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 15px
}

.formfooter .btn {
    padding: 10px 32px;
    max-width: 300px;
    width: 100%
}

.est-vopros .wpcf7-not-valid-tip {
    top: -21px
}

.dochki p {
    text-align: center
}

.text-image-block {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px
}

.image-left .image-content {
    order: -1;
    margin-right: 20px
}

.image-right .image-content {
    margin-left: 20px
}

.image-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    margin: 0 auto
}

.text-image-block>div:first-child {
    width: 60%
}

.text-image-block>div:last-child {
    width: calc(40% - 20px)
}

.text-image-block h2 {
    text-align: left;
    line-height: 1.3;
    font-size: 28px
}

.text-image-block h2:after {
    margin: 0 auto 0 0
}

.text-image-block dt {
    counter-increment: dt-counter;
    position: relative;
    padding-left: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #02adc6;
    margin: 15px 0
}

.text-image-block dl {
    counter-reset: dt-counter
}

.text-image-block dt::before {
    content: counter(dt-counter) ". ";
    position: absolute;
    left: 0;
    font-weight: 600
}

.text-image-block dd {
    margin-left: 35px
}

.main-content {
    padding: 60px 0 0
}

.cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.card {
    position: relative;
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column-reverse
}

.card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    border-radius: 8px
}

.card h3 .btn {
    padding: 8px 12px;
    display: block
}

.card h3 {
    padding: 0;
    margin: 0
}

.card h3:after {
    content: none
}

.howwork.podgot {
    margin-top: 30px
}

.podgot .howwork-text {
    font-size: 16px
}

.podgot .howwork-text ul li:before,
.tabs-sec .tab-content ul li:before,
.faq-answer ul li:before,
.main-content .block-text ul li:before,
.single .entry-content ul li:before {
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(53%) sepia(43%) saturate(4187%) hue-rotate(152deg) brightness(96%) contrast(98%);
    background-image: url(/wp-content/themes/sesexpert/assets/images/check1.svg);
    background-position: center;
    background-size: cover;
    margin: 0 9px 0 0;
    position: relative;
    left: 0;
    top: 6px
}

.podgot .howwork-text ul li {
    border-bottom: 1px solid #ddd;
    padding: 9px 0
}

.podgot .howwork-text ul li:last-child {
    border-bottom: none
}

.podgot .howwork-text ul {
    margin: 0 0 1.5em;
    padding: 0
}

.garant>div {
    position: relative;
    color: #fff;
    padding: 20px;
    margin-top: 60px
}

.garant>div:before {
    content: '';
    background: url(/wp-content/themes/sesexpert/assets/images/garant-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0
}

.garant>div h2 {
    color: #fff
}

.garant>div h2:after {
    content: none
}

.garant>div p {
    text-align: center;
    max-width: 900px;
    display: block;
    margin: 1.5em auto
}

.garant dl {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
    margin-top: 40px
}

.garant dt {
    color: #02adc6;
    font-weight: 600;
    margin: 20px 0 10px;
    font-size: 20px
}

.garant dl>div {
    width: calc(33% - 13px)
}

.garant dd {
    margin-left: 0
}

.garant .btn {
    display: block;
    margin: 40px auto 20px;
    padding: 8px 12px;
    max-width: 300px;
    width: 100%
}

.est-voprossec .wrap {
    max-width: 1440px
}

.est-voprossecbg {
    background: url(/wp-content/themes/sesexpert/assets/images/questions-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0
}

.est-voprossec .wrap {
    display: flex;
    gap: 20px
}

.est-voprossec .wrap>div {
    width: calc(50% - 10px)
}

.est-voprossec .wrap>div:first-child {
    margin-bottom: 60px
}

.est-voprossec .wrap>div:last-child {
    position: relative
}

.est-voprossec .wrap>div:last-child:before {
    content: '';
    display: block;
    width: 80%;
    height: auto;
    background: url(/wp-content/themes/sesexpert/assets/images/protected-man3.webp) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
    aspect-ratio: 630 / 653
}

.est-voprossec {
    padding: 30px 0 0
}

.est-voprossec h2 {
    line-height: 1.2
}

.est-voprossec h2:after {
    content: '';
    margin: 10px auto 0 0
}

.est-voprossec .maincolor {
    color: #30E5FD
}

.est-voprossec .formvop {
    display: block;
    max-width: 350px
}

.est-voprossec .formfooter {
    align-items: flex-start;
    align-content: flex-start;
    max-width: 350px;
    margin: 20px 0 0
}

.dop>ul {
    align-items: stretch;
    gap: 20px;
    justify-content: center
}

.dop li {
    position: relative;
    width: calc(20% - 16px);
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
    border-radius: 8px;
    border: 2px solid #f5f5f5
}

.dop li .h3h {
    text-align: center;
    text-transform: none;
    order: 2;
    letter-spacing: 0;
    font-size: 18px;
    padding: 0;
    margin: 10px 0;
    line-height: 1.2;
    padding: 0 10px;
    min-height: 44px;
    font-weight: 600;
    display: block
}

.dop li .h3h:after {
    content: none
}

.dop li img {
    order: 1;
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto;
    border-radius: 8px
}

.dop li .doppr {
    order: 3;
    text-align: center;
    margin: 0 0 15px;
    display: block
}

.dop li .btn {
    order: 4;
    width: 92%;
    display: block;
    margin: 0 auto 10px;
    padding: 8px 5px
}

.prepar {
    overflow: hidden
}

.prep ul {
    flex-wrap: nowrap
}

.prep li>div {
    display: flex;
    flex-direction: column-reverse;
    background: #f5f5f5;
    border: 1px solid #373e4c;
    border-radius: 8px;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 1.2
}

.prep li img {
    object-fit: cover;
    max-height: 242px;
    border-radius: 8px;
    width: 100%;
    height: auto;
    aspect-ratio: 190 / 235
}

.prep li>div>div:first-child {
    padding: 0 5px
}

.prep .slick-dotted.slick-slider {
    margin-bottom: 45px
}

#breadcrumbs {
    padding: 20px 0 0;
    width: 60%
}

#breadcrumbs ol a {
    color: #aaa;
    display: block;
    /*border-bottom: 1px dotted #555;*/
	font-weight: 100;
    text-decoration: none;
    font-size: 16px;
}

#breadcrumbs ol li a:after {
    margin: 0 4px 0 2px;
    width: 10px;
    height: 10px;
    content: '>';
	color: #ccc;
    /*background-image: url(/wp-content/themes/sesexpert/assets/images/darrow.svg);*/
    display: inline-block;
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*filter: brightness(0) saturate(100%) invert(29%) sepia(39%) saturate(653%) hue-rotate(146deg) brightness(95%) contrast(88%)*/
}

.dochki>p {
    font-weight: 600;
    display: block;
    margin: 60px auto 0;
    max-width: 1024px;
    width: 100%
}

.colmnrev {
    display: flex;
    flex-direction: column-reverse
}

.au .entry-content {
    max-height: 550px;
    overflow-y: scroll;
    margin: 1.5em 0 0
}

.au-block img {
    display: block;
    margin: 0 auto;
    aspect-ratio: 170 / 65;
    width: 100%;
    height: auto;
    max-width: 200px
}

.about {
    font-size: 30px;
    line-height: 173%;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #373e4c;
    font-weight: 600;
    margin: 15px 0 40px
}

.about:after {
    content: '';
    height: 4px;
    width: 27%;
    background: #02adc6;
    display: block;
    margin: 0 auto
}

.au .wrap {
    position: relative
}

.au {
    margin-bottom: 80px
}

.au-page {
    gap: 60px;
    flex-direction: row-reverse;
    align-items: stretch;
    margin: 60px 0
}

.au-page:before {
    content: '';
    position: absolute;
    display: block;
    border: 6px solid red;
    width: 300px;
    height: 400px;
    left: -40px;
    top: 0;
    z-index: -1
}

.au-page>div {
    width: calc(50% - 30px)
}

.v-block {
    gap: 40px;
    align-items: stretch
}

.v-block>.slider {
    width: calc(65% - 20px);
    padding-top: 60px
}

.v-block>.nav {
    width: calc(35% - 20px)
}

.nav .nav-item>div:first-child {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    aspect-ratio: 6 / 4;
    width: 100%;
    height: auto
}

.nav .nav-item>div:last-child {
    padding: 5px 0 15px;
    line-height: 1.2
}

.v-block {
    max-height: 738px;
    overflow: hidden
}

.nav {
    max-height: 678px
}

.nav .slick-prev,
.nav .slick-next {
    opacity: 1;
    top: auto;
    left: auto;
    right: 0;
    bottom: -82px;
    background: #e20101 !important;
    border-radius: 8px;
    width: 54px;
    height: 54px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(9-0deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nav .slick-prev {
    right: 64px
}

.slider .slick-slide img {
    display: block;
    object-fit: cover;
    width: 100%
}

.slick-slide {
    color: #000;
    font-size: 18px;
    text-align: left
}

.nav .slick-dots {
    display: none !important
}

.slider .slick-slide,
.nav-item>div:first-child {
    position: relative;
    cursor: pointer
}

.slider .slick-slide>div:before,
.nav-item>div:first-child:before {
    content: '\25B6';
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    color: #02adc6;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    padding-left: 5px;
    pointer-events: none;
    cursor: pointer;
    z-index: 1
}

.nav-item>div:first-child:before {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(-50%, -50%)
}

.slider .slick-slide>div:after,
.nav-item>div:first-child:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 35%);
    pointer-events: none;
    cursor: pointer
}

.overlay-container .video-popup-content {
    background-color: transparent;
    max-width: 1024px;
    width: 100%;
    position: relative;
    aspect-ratio: 560 / 315;
    line-height: 1;
    font-size: 0
}

.video-popup-content>video {
    width: 100%;
    height: auto;
    aspect-ratio: 560 / 315
}

.page-all-reviews .glsr-reviews {
    flex-wrap: wrap;
    align-items: stretch
}

.ca h1 {
    font-size: 36px;
    line-height: 173%;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;
    color: #373e4c
}

.ca h1 span {
    color: #4ca9c4
}

.ca h1:after {
    content: '';
    height: 2px;
    width: 27%;
    background: #02adc6;
    display: block;
    margin: 0 auto 0 0
}

.ca .otziv {
    margin: 30px 0 0;
    padding: 30px 0 50px
}

.akcii {
    gap: 20px;
    align-items: stretch;
    margin: 30px 0
}

.akcii>article {
    width: calc(50% - 10px);
    background: #f5f5f5;
    padding: 30px;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.akcii article img {
    position: absolute;
    top: 0;
    right: -25%;
    object-fit: cover;
    height: auto;
    aspect-ratio: 4 / 3;
    z-index: 1;
    width: auto;
    height: 100%
}

.akcii h2:after {
    content: none
}

.akcii h2 {
    text-align: left;
    font-size: 22px;
    line-height: 1.2
}

.akcii article .btn {
    z-index: 2;
    position: relative;
    display: block;
    padding: 8px 12px;
    width: 100%;
    max-width: 180px;
    text-align: center;
    background: #d72f24;
    border-color: #d72f24
}

.akcii article .btn:before {
    content: '\41F\43E\434\440\43E\431\43D\435\435'
}

.akcii article p {
    font-size: 16px
}

.akcii h2,
.akcii article p {
    width: 45%;
    position: relative;
    z-index: 2
}

.redcir {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #fff;
    z-index: 2;
    background: #d72f24;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    border-radius: 50%;
    -ms-transform: rotate(349deg);
    -webkit-transform: rotate(349deg);
    transform: rotate(349deg);
    letter-spacing: -1px
}

.akcii article:before {
    content: '';
    display: block;
    background: url(/wp-content/themes/sesexpert/assets/images/diz1.svg) no-repeat;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    opacity: .05
}

.akcii article:nth-child(3n-1):before {
    background-image: url(/wp-content/themes/sesexpert/assets/images/diz2.svg)
}

.akcii article:nth-child(3n):before {
    background-image: url(/wp-content/themes/sesexpert/assets/images/diz3.svg)
}

.alladr>div:first-child {
    justify-content: flex-start;
    gap: 20px;
    margin: 20px 0
}

.alladr {
    margin: 30px 0
}

.alladr>div:first-child>div:first-child {
    width: 60%
}

.cards {
    gap: 20px;
    align-items: stretch
}

.cards>.mapart {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column-reverse;
    background: #f7f7f7;
    justify-content: flex-end;
    border-radius: 8px
}

.cards>.mapart>div:first-child {
    padding: 20px
}

.cards dt {
    display: none
}

.map>div {
    width: 100%;
    height: 300px
}

.cards dd,
.cards dl {
    margin: 0
}

.iadr:before,
.ireg:before,
.itel:before,
.imail:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(66%) sepia(76%) saturate(5281%) hue-rotate(154deg) brightness(98%) contrast(98%)
}

.iadr:before {
    background-image: url(/wp-content/themes/sesexpert/assets/images/maploc.svg)
}

.ireg:before {
    background-image: url(/wp-content/themes/sesexpert/assets/images/mapwork.svg)
}

.itel:before {
    background-image: url(/wp-content/themes/sesexpert/assets/images/maptel.svg)
}

.imail:before {
    background-image: url(/wp-content/themes/sesexpert/assets/images/mapmail.svg)
}

.cards dd {
    font-size: 20px;
    min-width: 220px
}

.cards dl>div:first-child {
    font-weight: 600;
    width: 100%;
    min-height: 64px
}

.cards dl {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-content: center;
    align-items: center
}

.ymapspb,
.ymapmsk {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden
}

.is-serv .ymapspb {
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0
}

.secmap h2 {
    text-align: left
}

.secmap h2:after {
    margin: 0 auto 0 0
}

.is-serv .mapart {
    flex-direction: row
}

.alladr.is-serv>div:first-child>div:first-child {
    width: 100%
}

.is-serv .mapart {
    gap: 20px
}

.is-serv .mapart>div {
    width: calc(50% - 10px)
}

.is-serv .map>div {
    height: 495px
}

.is-serv .mapart>div:first-child>div:first-child {
    font-size: 20px
}

.is-serv [itemprop="logo"] img {
    margin: 20px 0 10px
}

.is-serv .cards dl>div:first-child {
    min-height: auto
}

.page-def .entry-content {
    margin: 30px 0
}

.page-def h2 {
    text-align: left
}

.page-def h2:after {
    margin: 0 auto 0 0
}

.page-def dt {
    font-weight: 600;
    font-size: 120%
}

.page-def dd {
    padding: 10px 0
}

.menu>li>.sub-menu .dropdown-toggle {
    -webkit-transform: translate(0%, -50%) rotate(270deg);
    -ms-transform: translate(0%, -50%) rotate(270deg);
    -o-transform: translate(0%, -50%) rotate(270deg);
    transform: translate(0%, -50%) rotate(270deg)
}

.js .menu>li>.sub-menu .dropdown-toggle {
    right: 10px
}

.menu>li>.sub-menu li:hover .dropdown-toggle svg {
    fill: #fff
}

.page-faq .faq-accordion {
    margin: 30px 0
}

.welcome-pt-overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, .5);
    z-index: 8000;
    transition: all .3s
}

.welcome-pt-message {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8001;
    box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
    text-align: center;
    padding: 30px;
    margin: 16px 0;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    transition: all .3s
}

@media (max-width: 532px) {
    .welcome-pt-message {
        width: auto;
        left: 16px;
        right: 16px;
        transform: translate(0, -50%)
    }
}

.is-active.welcome-pt-overlay,
.is-active .welcome-pt-message {
    opacity: 1;
    visibility: visible
}

.site-form-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
    color: #3d424b
}

@media (max-width: 532px) {
    .site-form-title {
        margin-bottom: 14px;
        font-size: 30px;
        line-height: 36px
    }
}

.site-form-text {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0
}

.site-form-buttons {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.welcome-pt-close {
    height: 50px;
    line-height: 50px;
    min-width: 180px;
    padding: 0 32px;
    border: none;
    font-size: 16px;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
    background-color: #4ca9c4;
    transition: all .3s ease 0s;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .02em;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)
}

.welcome-pt-close:hover {
    background-color: #4ca9c4
}

.tabs-sec .tab-content dt::before,
.faq-answer dt::before {
    content: counter(dt-counter) ". ";
    position: absolute;
    left: 0;
    font-weight: 600
}

.tabs-sec .tab-content dt,
.faq-answer dt {
    counter-increment: dt-counter;
    position: relative;
    padding-left: 20px;
    font-weight: 600;
    margin: 15px 0
}

.tabs-sec .tab-content dd,
.faq-answer dd {
    margin: 0
}

.tabs-sec .tab-content ol,
.faq-answer ol,
.main-content .block-text ol {
    counter-reset: count;
    list-style: none;
    list-style-type: none
}

.tabs-sec .tab-content ul,
.tabs-sec .tab-content ol,
.faq-answer ul,
.faq-answer ol,
.main-content .block-text ul,
.main-content .block-text ol,
.single .entry-content ul {
    margin: 0 0 1.5em
}

.tabs-sec .tab-content li,
.faq-answer li,
.main-content .block-text li,
.single .entry-content li {
    border-bottom: 1px solid #ddd;
    padding: 9px 0
}

.tabs-sec .tab-content li:last-child,
.faq-answer li:last-child,
.single .entry-content li:last-child {
    border-bottom: none
}

.tabs-sec .tab-content ol li:before,
.faq-answer ol li:before,
.main-content .block-text ol li:before {
    width: 25px;
    height: 25px;
    line-height: 1.25;
    margin: 0 9px 0 0;
    position: relative;
    background-color: #f5f5f5;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    counter-increment: count;
    content: counter(count);
    border: 2px solid #ddd;
    border-color: #02adc6;
    border-radius: 6px
}

.wpcf7 form.sent .wpcf7-response-output {
    border-radius: 8px
}

.est-vopros .wpcf7-spinner {
    display: none
}

.est-vopros .wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    margin: 20px 0;
    text-align: center
}

.est-voprossec .wpcf7 form.sent .wpcf7-response-output {
    text-align: left
}

.agree {
    display: none !important
}

.single .entry-content [itemprop="contentUrl"] {
    display: block;
    margin: 1.5em auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.single .entry-content h2,
.arhive h2 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0px;
    padding-top: 30px;
}

.arhive h2 {
    padding: 20px;
    font-size: 18px;
    margin: 0;
}

.single .entry-content h2:after,
.arhive h2:after {
    content: none;
}

.nav-links {
    display: flex;
    justify-content: center;
	gap: 15px;
    margin: 50px 0;
}

.stat {
    gap: 20px;
    align-items: stretch;
    justify-content: center;
    margin: 40px 0;
}

.stat article {
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    justify-content: flex-end;
    background: #f1f1f1;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.stat article>div {
    font-size: 0
}

.post-date {
    background: #fff;
    position: absolute;
    top: 25px;
    z-index: 1;
    left: 25px;
    padding: 0px 12px;
    border-radius: 8px;
    font-size: 14px;
}

.stat article img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.nav-links svg {
    width: 15px;
    height: 15px;
    margin: 0 10px;
}

.nav-links a {
    text-decoration: underline;

}

.stat article a:before {
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.gallery {
    margin: 60px 0
}

.gallery-lists {
    display: flex;
    flex-direction: column;
    gap: 30px
}

#gallery-title {
    margin-bottom: 40px
}

.gallery ul {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    transition: max-height .6s ease, opacity .3s ease
}

.gallery li {
    list-style: none;
    width: auto;
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .4s ease, transform .4s ease
}

.gallery figure {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 267px;
    display: block;
    height: 100%;
    cursor: pointer
}

.gallery figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 1px;
    max-width: 100%
}

.count-1 li,
.count-4 li:nth-child(12n - 9),
.count-10 li:nth-child(12n + 9) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    grid-column: span 2
}

.count-2 li:nth-child(1),
.count-2 li:nth-child(2),
.count-3 li:nth-child(3),
.count-4 li:nth-child(4n),
.count-5 li:nth-child(12n + 5),
.count-6 li:nth-child(12n + 5),
.count-7 li:nth-child(12n + 5),
.count-8 li:nth-child(12n + 5),
.count-8 li:nth-child(12n + 7),
.count-8 li:nth-child(12n + 8),
.count-9 li:nth-child(12n + 5),
.count-9 li:nth-child(12n + 9),
.count-10 li:nth-child(12n + 5),
.count-11 li:nth-child(12n + 5),
.count-11 li:nth-child(12n + 9),
.count-12 li:nth-child(12n + 5),
.count-12 li:nth-child(12n + 12) {
    grid-column: span 2
}

.count-5 li:nth-child(12n - 9),
.count-5 li:nth-child(4n),
.count-6 li:nth-child(12n - 9),
.count-8 li:nth-child(12n - 9),
.count-9 li:nth-child(12n - 9),
.count-10 li:nth-child(12n - 9),
.count-10 li:nth-child(12n + 7),
.count-11 li:nth-child(12n - 9),
.count-11 li:nth-child(12n + 7),
.count-11 li:nth-child(12n + 10),
.count-12 li:nth-child(12n - 9),
.count-12 li:nth-child(12n + 7) {
    -ms-grid-row-span: 2;
    grid-row: span 2
}

.gallery figure img {
    -webkit-transition: -webkit-transform 4s ease;
    transition: -webkit-transform 4s ease;
    transition: transform 4s ease;
    transition: transform 4s ease, -webkit-transform 4s ease
}

.gallery figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.gallery ul.is-hidden {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden
}

.gallery ul.is-visible {
    position: static;
    visibility: visible;
    opacity: 1;
    max-height: 3000px
}

.gallery ul.is-visible li {
    opacity: 1;
    transform: translateY(0)
}

.gallery ul.is-visible li:nth-child(1) {
    transition-delay: .03s
}

.gallery ul.is-visible li:nth-child(2) {
    transition-delay: .06s
}

.gallery ul.is-visible li:nth-child(3) {
    transition-delay: .09s
}

.gallery ul.is-visible li:nth-child(4) {
    transition-delay: .12s
}

.gallery ul.is-visible li:nth-child(5) {
    transition-delay: .15s
}

.gallery ul.is-visible li:nth-child(7) {
    transition-delay: .18s
}

.gallery ul.is-visible li:nth-child(8) {
    transition-delay: .21s
}

.gallery ul.is-visible li:nth-child(9) {
    transition-delay: .24s
}

.gallery ul.is-visible li:nth-child(10) {
    transition-delay: .27s
}

.gallery ul.is-visible li:nth-child(11) {
    transition-delay: .3s
}

.gallery button {
    margin: 50px auto 0;
    display: block
}

.topwrap {
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
    min-height: 800px;
}

.topwrap:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 400px;
    background: linear-gradient(transparent, rgb(2 173 198 / 23%));
    padding-bottom: 30px;
}

.topadv span {
    text-shadow: #fff 0 -2px 4px, #fff 0 2px 4px, #fff 2px 0 4px, #fff -2px 0 4px;
}

.discounts .btn.l {
    display: none;
    max-width: 160px;
    text-align: center;
    padding: 10px;
    margin: 10px auto 0 auto;
    font-size: 14px;
}

.topbtn {
    display: flex;
}

.topbtn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.discounts h2>span {
    margin-right: 60px;
    display: inline-block;
}

.sl {
    justify-content: flex-start;
}

.sl li .btn:before {
    content: '\41F\43E\43B\443\447\438\442\44C\20\441\43A\438\434\43A\443'

}



.shagimg {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    width: 190px;
    height: 190px;
    margin-top: -30px;
    margin-right: -40px;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

.shagimg:before {
    content: '';
    display: block;
    width: 190px;
    height: 190px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 10px solid #019db6;
    border-radius: 50%;
    z-index: 1;
}


.shagimg img {
    width: 190px;
    height: 190px;
    position: relative;
    top: 0px;
    right: -10px;
    border-radius: 50%;
    z-index: 2;
    object-fit: cover;
}

.poryadok ol li>p {
    float: left;
    margin-top: 10px;
    display: block;
}

.poryadok .shagi6 li>p,
.poryadok .shagi3 li>p,
.poryadok .shagi8 li>p,
.poryadok .shagi4 li>p {
    float: none;
    margin-top: 70px;
}

.poryadok .shagi6,
.poryadok .shagimore,
.poryadok .shagi8 {
    flex-wrap: wrap;
}

.poryadok .shagimore {
    justify-content: center;
}

.poryadok .shagi6 li,
.poryadok .shagi3 li {
    width: calc(33% - 10px);
}

.poryadok .shagi4 li,
.poryadok .shagi8 li {
    width: calc(25% - 15px);
}

.poryadok .shagimore li {
    width: 100%;
    min-width: 200px;
    max-width: 240px;
}

.metods.slid,
.preparat.slid {
    overflow: hidden;
    justify-content: center;
    gap: 20px;
}

.metods.slick-initialized,
.preparat.slick-initialized {
    overflow: visible;
    justify-content: space-between;
    gap: 0px;
}

.metod .wrap>div article {
    width: 100%;
    max-width: 690px;

}

.metod .wrap>div article {
    width: 100%;
    max-width: 690px;

}

.preparat>li {
    width: 100%;
    max-width: 390px;
}

.preparat li.slick-slide {
    margin: 0 10px;
}

.preparat>li {
    min-width: 197px;
    margin: 0;
    display: flex;
}

.metod .wrap>div>article {
    min-width: 290px;
    margin: 0;
}


.metods h3,
.dop .h3h {
    z-index: 1
}

.metods h3 a:before,
.dop .h3h a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.metod .btn,
.dop .btn {
    z-index: 2
}

.dop .btn:before {}

.dop .btn:before,
.page-card-btn .btn:before {
    content: '\417\430\43A\430\437\430\442\44C\20\43E\431\440\430\431\43E\442\43A\443';
}

.dop .btn.yst:before {
    content: '\417\430\43A\430\437\430\442\44C\20\443\441\442\430\43D\43E\432\43A\443';
}

.dop .btn.fumig:before {
    content: '\417\430\43A\430\437\430\442\44C\20\444\443\43C\438\433\430\446\438\44E';
}

.dop .btn.priman:before {
    content: '\417\430\43A\430\437\430\442\44C\20\43F\440\438\43C\430\43D\43A\438';
}

.overlay-container .video-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(-50%, -50%);
}

.preparat.slid {
    align-items: stretch;
}

.prep li>div {
    justify-content: space-between;
    width: 100%;
}

.prep li>div>div:first-child {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.preparat .slick-track {
    display: flex;
    align-items: stretch;
}

.preparat.slick-initialized .slick-slide {
    display: flex;
    height: auto;
}

.sl .sh3 {
    padding: 15px 0 60px 15px;
    min-width: 184px;
}

.sl li img {
    height: 100%;
    min-height: 250px;
}

.sl {
    align-items: stretch;
}

.coo {
    display: flex;
    gap: 10px;
}

.cookie-consent-banner {
    position: fixed;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, 30px);
    max-width: 890px;
    width: calc(100% - 40px);
    background: #ffffff;
    color: #000000;
    padding: 14px;
    border-radius: 14px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    z-index: 10001;
    font-family: inherit;

    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
}

.cookie-consent-banner.show {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.cookie-consent-banner.hide {
    opacity: 0;
    transform: translate(-50%, 40px);
}

.cookie-consent-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.cookie-consent-description {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0px;
    color: #555;
}

.cookie-consent-actions {
    display: flex;
    gap: 7px;
    flex-direction: column-reverse;
    margin-right: 20px;
    justify-content: center;
}

.cookie-consent-btn:not(.btn--blue) {
    border: 1px solid #777;
}

.cookie-consent-btn--reject {
    background: #fff;
    color: #000 !important;
}

.cookie-consent-btn:hover {
    opacity: 0.85;
}

.cookie-consent-close {
    position: absolute;
    top: 5px;
    right: 12px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #000;
}

.cookie-consent-description a {
    font-weight: 600;
    color: #54b3eb;
    text-decoration: underline;

}

.cookie-consent-description span {
    text-decoration: underline;
}

.cookie-consent-actions .btn {
    font-size: 14px;
}

.page-id-2096 .entry-content ul {
    list-style: disc;
}

.page-id-2096 .entry-content ul ul {
    list-style: circle;
    margin-left: 20px;
}

.page-id-2096 .entry-content li {
    margin: 10px 0;
}

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

    .akcii h2,
    .akcii article p {
        width: 48%
    }

    .akcii>article {
        padding: 20px
    }

    .nav .slick-prev,
    .nav .slick-next {
        bottom: -30px
    }

    .au-page:before {
        left: -20px
    }

    .howwork {
        margin-top: -80px
    }

    .howwork-text li {
        font-size: 15px
    }

    .wrap {
        max-width: 1300px
    }

    .est-voprossec .wrap {
        max-width: 1300px
    }

    .topadv {
        width: 65%
    }

    .topadv li {
        display: flex;
        align-items: center;
        max-width: 350px
    }

    .topadv span {
        padding-left: 20px
    }
}

@media screen and (max-width: 1600px) {
    .slogan {
        display: none
    }

    .two-vidy-pom .wrap:after {
        right: 0
    }

    .two-vidy-pom li,
    .au-page>div {
        width: calc(50% - 10px)
    }

    .au-page,
    .v-block {
        gap: 20px
    }

    .v-block>.slider {
        width: calc(65% - 10px)
    }

    .v-block>.nav {
        width: calc(35% - 10px)
    }
}

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

    .akcii article img {
        right: -30%
    }

    .akcii h2,
    .akcii article p {
        width: 55%
    }

    .akcii article p {
        line-height: 1.2
    }

    .au-page:before {
        content: none
    }

    .dop li {
        width: calc(25% - 16px)
    }

    .fvid {
        width: 30%
    }

    .videos {
        width: calc(70% - 20px)
    }

    .fvid:after {
        width: 75%
    }

    .glsr-reviews .slick-prev,
    .glsr-reviews .slick-next {
        bottom: -70px !important;
        top: auto
    }

    .two-vidy-pom ul {
        width: 60%
    }

    .wrap {
        padding: 0 20px
    }

    .two-vidy-pom .wrap {
        padding: 20px 20px 40px
    }

    .sl li .btn {
        padding: 10px
    }

    .sl li simg {
        min-width: 110px
    }

    .lineup ul:after {
        transform: none
    }

    .lineup li:first-child {
        top: 52%;
        left: -8%
    }

    .lineup li:nth-child(2) {
        top: 33%;
        left: 17%
    }

    .lineup li:nth-child(3) {
        top: 14%;
        left: 39%
    }

    .lineup li:nth-child(4) {
        top: -5%;
        left: 58%
    }

    .poryadok ol {
        flex-wrap: wrap;
    }

    .poryadok ol li,
    .poryadok .shagimore li,
    .poryadok .shagi4 li,
    .poryadok .shagi8 li,
    .poryadok .shagi6 li,
    .poryadok .shagi3 li {
        width: 100%;
        min-width: 234px;
        max-width: 270px;
    }

    .poryadok .shagi6 li>p,
    .poryadok .shagi3 li>p,
    .poryadok .shagi8 li>p,
    .poryadok .shagi4 li>p {
        float: left;
        margin-top: 10px;
    }

}

@media screen and (max-width: 1200px) {
    .topwrap {

        min-height: auto;
        padding-bottom: 20px;
    }

    .mobscroll {
        padding: 10px 0px;
    }

    .stat article {
        width: calc(33% - 12px)
    }

    .akcii article img {
        right: -50%
    }

    .akcii>article {
        aspect-ratio: 4 / 3
    }

    .akcii h2,
    .akcii article p {
        width: 48%
    }

    .card {
        width: calc(33% - 12px)
    }

    .dop li {
        width: calc(33% - 16px)
    }

    .est-voprossec .wrap>div:last-child:before {
        width: 100%
    }

    .poryadok ol {
        flex-wrap: wrap;
        justify-content: center
    }

    .fvid {
        min-height: 400px
    }

    .two-vidy-pom ul {
        width: 53%
    }

    .price-table .price {
        width: 45%
    }

    .price-table .title {
        width: 55%
    }

    .sers article .mov {
        top: 0
    }

    .sers article:after {
        top: -360px;
        height: 220%
    }

    .main-navigation a {
        padding: 20px 16px
    }

    .hs.showw .main-navigation a {
        padding: 6px 16px
    }

    h1 {
        font-size: 36px
    }

    .oneh span {
        font-size: 32px
    }

    .topwrap p.oneh {
        font-size: 22px
    }

    .topwrap p {
        font-size: 20px
    }

    .topadv span {
        font-size: 18px
    }

    .topadv ul {
        gap: 10px
    }

    .topadv li {
        max-width: 290px
    }

    .topadv span {
        padding-left: 10px
    }

    h1,
    .topwrap .mobrev p,
    .topadv span,
    .topwrap p.oneh,
    #breadcrumbs {
        text-shadow: #fff 0 -2px 4px, #fff 0 2px 4px, #fff 2px 0 4px, #fff -2px 0 4px
    }

    .mobscroll {
        overflow: scroll;
        width: 100%
    }

    .mobscroll::-webkit-scrollbar {
        display: none
    }

    .sl {
        gap: 10px;
        width: 1200px
    }

    .discounts h2 {
        position: relative;
        text-align: left
    }

    .discounts h2:after {
        content: '';
        background: url(/wp-content/themes/sesexpert/assets/images/left-right.svg) no-repeat;
        background-size: cover;
        display: block;
        position: absolute;
        bottom: 15px;
        right: 0;
        width: 45px;
        height: 32px;
        filter: brightness(0) saturate(100%) invert(53%) sepia(43%) saturate(4187%) hue-rotate(152deg) brightness(96%) contrast(98%)
    }
}

@media screen and (max-width: 995px) {
    .arhive h2 {
        padding: 10px
    }

    .bg {
        background-image: url(/wp-content/themes/sesexpert/assets/images/b1mob.webp)
    }

    .js .dropdown-toggle {
        right: -8px
    }

    .is-serv .mapart {
        flex-direction: column
    }

    .is-serv .mapart>div {
        width: 100%
    }

    .is-serv .map>div {
        height: 400px
    }

    .akcii article img {
        right: -50%
    }

    .akcii article img,
    .akcii>article {
        aspect-ratio: 4 / 4
    }

    .redcir {
        bottom: 20px;
        right: 20px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 18px
    }

    .akcii article .btn {
        max-width: 150px
    }

    .akcii article p {
        font-size: 15px
    }

    .akcii article:before {
        width: 100px;
        height: 100px
    }

    .akcii h2 {
        font-size: 18px
    }

    .otz .slick-dotted.slick-slider {
        margin-bottom: 55px
    }

    .slider {
        overflow: hidden;
        max-height: 738px
    }

    .v-block>.nav {
        overflow: hidden
    }

    .slider.slick-slider,
    .v-block>.nav.slick-slider {
        overflow: visible;
        max-height: none
    }

    .v-block {
        max-height: none
    }

    .v-block>.slider {
        position: relative
    }

    .au-page {
        flex-direction: column-reverse
    }

    .v-block {
        overflow: visible
    }

    .v-block>.slider:before {
        content: '';
        position: absolute;
        display: block;
        border: 6px solid red;
        width: 300px;
        height: 400px;
        left: -40px;
        top: 0;
        width: 96%;
        z-index: -1
    }

    .au-page>div {
        width: 100%;
        max-width: 600px
    }

    .v-block>.slider {
        padding-top: 30px
    }

    .v-block>.slider:before {
        left: -30px
    }

    .image-right .image-content {
        margin-left: 0
    }

    .text-image-block {
        flex-direction: column
    }

    .text-image-block>div:first-child {
        width: 100%
    }

    .text-image-block>div:last-child {
        width: 100%;
        max-width: 500px
    }

    .image-left .image-content {
        order: 1
    }

    .fvid p {
        padding: 20px 10px;
        margin-top: 0;
        font-weight: 400;
        font-size: 16px;
        margin: 0 auto
    }

    .fvid {
        min-height: 350px
    }

    .botinfo nav>div {
        width: calc(33% - 12px)
    }

    .fvid .btn {
        padding: 14px 10px
    }

    .gaz .wrap {
        padding: 150px 20px 180px
    }

    .gaz .wrap>div {
        flex-direction: column
    }

    .gaz h2,
    .gaz .wrap>div>div {
        width: 100%
    }

    .gaz h2 {
        max-width: 600px;
        text-align: center;
        margin: 0 auto
    }

    .gaz h2:after {
        margin: 10px auto 0
    }

    .gaz img {
        margin: 30px auto 0;
        display: block;
        height: auto
    }

    .gaz ul {
        margin: 0 auto;
        display: block;
        max-width: 650px
    }

    .btngr {
        justify-content: center
    }

    .tabs-sec {
        padding: 40px 0
    }

    .tabs-contents {
        padding: 30px 20px
    }

    .tabs-sec .wrap {
        padding: 0
    }

    .tabs-buttons {
        display: none
    }

    .tabs-contents {
        width: 100%
    }

    .tab-content,
    .tab-content h2 {
        display: block
    }

    .tab-c {
        display: none;
        animation: fadeIn .3s ease
    }

    .tab-c.active {
        display: block
    }

    .tabs-contents h2 {
        text-align: left;
        margin: 0;
        padding: 0;
        position: relative;
        margin-bottom: 10px
    }

    .tabs-contents h2:before {
        content: '';
        background: url(/wp-content/themes/sesexpert/assets/images/ar.svg) no-repeat;
        background-size: cover;
        width: 20px;
        height: 20px;
        display: block;
        filter: brightness(0) saturate(100%) invert(53%) sepia(69%) saturate(1901%) hue-rotate(148deg) brightness(89%) contrast(104%);
        position: absolute;
        top: 35%;
        right: 0;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(-0%, -50%)
    }

    .tabs-contents h2.active:before {
        background: url(/wp-content/themes/sesexpert/assets/images/arup.svg) no-repeat
    }

    .tabs-contents h2:after {
        width: 100%;
        margin: 0 auto
    }

    .two-vidy-pom li {
        width: calc(33% - 13px)
    }

    .two-vidy-pom ul {
        width: 100%
    }

    .two-vidy-pom .wrap:after {
        content: none
    }

    .two-vidy-pom .btn {
        margin: 30px auto;
        display: block
    }

    .page-card {
        width: calc(33% - 13px)
    }

    .howwork .howwork-text {
        padding-left: 20px
    }

    .lineup {
        margin: 0
    }

    .lineup ul span {
        font-size: 32px
    }

    .lineup ul {
        min-height: 550px;
        margin-top: 50px;
        margin-left: 50px
    }

    .lineup li:first-child {
        top: 50%;
        left: -12%
    }

    .lineup li:nth-child(2) {
        top: 30%;
        left: 12%
    }

    .lineup li:nth-child(3) {
        top: 12%;
        left: 35%
    }

    .lineup li:nth-child(4) {
        top: -5%;
        left: 54%
    }

    .sers {
        flex-wrap: wrap;
        justify-content: center
    }

    .sers article {
        max-width: 345px
    }

    .hf>div:first-child {
        display: none
    }

    .main-navigation a {
        padding: 20px 6px;
        font-size: 14px
    }

    .hs.showw .main-navigation a {
        padding: 6px
    }

    .logo img {
        width: 150px;
        height: 57px
    }

    h1 {
        font-size: 26px
    }

    .desc {
        font-size: 14px;
        max-width: 340px
    }

    .oneh span {
        font-size: 26px
    }

    .topwrap p.oneh {
        font-size: 20px
    }

    .topwrap p {
        font-size: 18px
    }

    .topadv {
        width: 90%
    }

    .topadv span {
        padding-left: 5px
    }

    .topadv li {
        max-width: 280px
    }

    h2,
    h3 {
        font-size: 24px;
        line-height: 1.4;
        letter-spacing: 0
    }

    h3 {
        font-size: 20px
    }
}

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


    .coo {
        flex-direction: column;
    }

    .cookie-consent-actions {
        flex-direction: row-reverse;
        margin-right: 0px;
    }

    .cookie-consent-close {
        top: -8px;
        right: 8px;
        font-size: 24px;
        color: #555;
    }

    .cookie-consent-actions .btn {
        width: 50%;
        max-width: 152px;
    }

    .cookie-consent-banner {
        bottom: 10px;
        width: calc(100% - 20px);
    }

    .poryadok ol li,
    .poryadok .shagimore li,
    .poryadok .shagi4 li,
    .poryadok .shagi8 li,
    .poryadok .shagi6 li,
    .poryadok .shagi3 li {
        width: calc(50% - 5px);
        min-width: auto;
    }

    .discounts .btn.l {
        display: block;
    }

    .stat article {
        width: calc(50% - 5px)
    }

    .stat {
        gap: 10px
    }

    .part {
        margin-top: 0
    }

    .est-voprossec .wrap>div:first-child {
        margin-bottom: 0
    }

    .tabs-sec .tab-content ul li:before {
        width: 22px;
        height: 22px
    }

    .prepar .slick-dots {
        bottom: -55px !important
    }

    .prep .slick-dotted.slick-slider {
        margin-bottom: 55px
    }

    .est-voprossec .wrap {
        gap: 10px
    }

    .est-voprossec .formfooter {
        margin: 20px 0 0
    }

    .page-card .page-card-image img {
        aspect-ratio: 16 / 9
    }

    body,
    .is-serv .mapart>div:first-child>div:first-child {
        font-size: 16px
    }

    .main-navigation a {
        font-size: 16px
    }

    .js .dropdown-toggle {
        right: 0
    }

    .main-navigation a {
        margin-right: 50px
    }

    .js .dropdown-toggle,
    .icon-angle-down {
        width: 25px;
        height: 25px
    }

    .js .dropdown-toggle {
        padding: 0;
        top: 17px
    }

    .sub-menu {
        display: none !important
    }

    .sub-menu.toggled-on {
        display: block !important
    }

    .menu>li>.sub-menu .dropdown-toggle {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .menu>li>.sub-menu li:hover .dropdown-toggle svg {
        fill: #02adc6
    }

    .js .menu>li>.sub-menu .dropdown-toggle {
        right: 0;
        top: 5px
    }

    .cards dl>div:first-child {
        min-height: auto
    }

    .cards dd {
        font-size: 18px
    }

    .cards {
        gap: 40px
    }

    .alladr>div:first-child {
        flex-direction: column
    }

    .map {
        padding: 0 25px
    }

    .map>div {
        height: 400px
    }

    .akcii>article,
    .alladr>div:first-child>div:first-child,
    .cards>.mapart {
        width: 100%
    }

    .akcii>article,
    .cards>.mapart>div:first-child {
        padding: 10px
    }

    .ca h1 {
        font-size: 24px;
        line-height: 1.3;
        padding: 20px 0 0;
        word-break: break-word
    }

    .ca h2 {
        font-size: 20px;
        word-break: break-word
    }

    .v-block,
    .slider,
    .v-block>.nav,
    .slider.slick-slider,
    .v-block>.nav.slick-slider {
        max-height: 439px
    }

    .slider.slick-slider {
        overflow: hidden
    }

    .slider .slick-slide img {
        object-fit: cover
    }

    .au .wrap {
        overflow: hidden
    }

    .entry-content,
    .alladr>div:first-child>div:first-child {
        font-size: 16px
    }

    .nav .slick-prev,
    .nav .slick-next {
        width: 44px;
        height: 44px
    }

    .v-block {
        gap: 10px
    }

    .v-block>.slider:before {
        left: 0
    }

    .v-block>.slider {
        padding-top: 15px;
        padding-left: 15px;
        width: calc(65% - 5px)
    }

    .v-block>.nav {
        width: calc(35% - 5px)
    }

    .nav .nav-item>div:last-child {
        font-size: 16px;
        line-height: 1.2
    }

    .v-block>.slider:before {
        height: 330px
    }

    .garant>div p {
        font-size: 16px
    }

    .block-text {
        font-size: 16px
    }

    .dop li,
    .card {
        width: calc(50% - 5px)
    }

    .dop>ul {
        gap: 10px
    }

    .cards-wrapper {
        gap: 20px 10px
    }

    .dop li .h3h {
        font-size: 17px;
        min-height: 62px
    }

    .est-voprossec .wrap>div {
        width: 100%
    }

    .est-vopros.est-voprossec {
        padding: 80px 0 0
    }

    .est-voprossec .wrap>div:last-child:before {
        position: relative
    }

    .est-voprossec .formvop {
        display: flex;
        max-width: 100%;
        align-content: center;
        align-items: center
    }

    .est-voprossec .formfooter {
        align-items: center;
        align-content: center;
        max-width: 100%
    }

    .est-voprossec h2:after {
        content: '';
        margin: 10px auto 0
    }

    .est-voprossec .wrap {
        flex-direction: column
    }

    .garant dl {
        gap: 10px
    }

    .garant dl>div {
        width: calc(50% - 5px)
    }

    .formvop {
        display: flex;
        gap: 20px;
        flex-direction: column
    }

    .est-vopros {
        padding: 80px 0 60px
    }

    .est-vopros h2,
    .est-vopros p {
        text-align: center
    }

    .poryadok ol {
        gap: 10px
    }

    .est-vopros textarea {
        height: 130px
    }

    .poryadok ol li:before {
        top: 8px;
        left: 8px;
        width: 55px;
        padding: 5px;
        font-size: 14px
    }


    .metod .btn {
        width: 94%
    }

    .metod .slick-prev,
    .metod .slick-next {
        bottom: -70px !important;
        top: auto
    }

    .metod .wrap>div article {
        padding: 10px 10px 80px;
        margin: 0 5px
    }

    .metod .btn {
        bottom: 10px
    }

    .metod .pr {
        bottom: 40px
    }

    .metod .wrap>p {
        text-align: left;
        font-size: 16px
    }

    .cf>div {
        padding: 10px
    }

    .cf .formtext,
    .cf .wpcf7-list-item-label {
        font-size: 16px
    }

    .menu {
        position: fixed;
        width: 100%;
        top: 46px;
        left: 50%;
        max-height: calc(100vh - 46px);
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(-50%, 0%);
        z-index: 1000;
        -webkit-box-shadow: 0 10px 16px 0 rgba(28, 28, 28, .1);
        -moz-box-shadow: 0 10px 16px 0 rgba(28, 28, 28, .1);
        box-shadow: 0 10px 16px 0 rgba(28, 28, 28, .1);
        overflow: auto
    }

    .sub-menu {
        width: 100% !important
    }

    .menu>li ul {
        box-shadow: none;
        padding: 0 !important
    }

    .main-navigation li {
        display: block
    }

    .main-navigation ul ul {
        position: relative
    }

    .sub-menu {
        padding: 0
    }

    .menu>li>ul a span {
        display: inline-block;
        font-weight: 600
    }

    .menu .sub-menu .sub-menu {
        left: auto
    }

    .hs>div {
        align-items: center
    }

    .fvid p {
        font-size: 18px
    }

    .fvid:after {
        width: 190px
    }

    .vid>div {
        flex-direction: column-reverse
    }

    .fvid,
    .videos {
        width: 100%
    }

    .otz>header {
        flex-direction: column
    }

    .otziv h2:after {
        margin: 0 auto
    }

    .botinfo .social a {
        border-color: #fff
    }

    .botinfo {
        flex-wrap: wrap !important
    }

    .botinfo nav>div {
        width: calc(50% - 5px)
    }

    .botinfo nav,
    .botinfo {
        gap: 30px 10px
    }

    .wame a,
    .to-top {
        width: 45px;
        height: 45px;
        right: 10px
    }

    .to-top {
        bottom: 65px
    }

    .wame a svg {
        width: 30px;
        height: 30px
    }

    .to-top:before {
        font-size: 24px
    }

    .botinfo>nav,
    .botinfo>div {
        width: 100%
    }

    .faq-question span {
        padding-left: 22px
    }

    .faq-question:before {
        left: 10px
    }

    .faq-question {
        padding: 10px
    }

    .faq-answer {
        padding: 15px 10px;
        font-size: 16px
    }

    .gaz .wrap {
        padding: 60px 10px
    }

    .gazbg {
        height: 120%;
        top: -10%
    }

    .tabs-contents h2 span {
        font-size: 20px
    }

    .tabs-contents {
        padding: 30px 10px
    }

    .two-vidy-pom .wrap {
        padding: 10px 10px 30px
    }

    .two-vidy-pom li {
        width: calc(50% - 5px)
    }

    .two-vidy-pom ul {
        gap: 30px 10px;
        margin-top: 20px
    }

    .two-vidy-pom h2 {
        text-align: center;
        width: 100%
    }

    .two-vidy-pom h2:after {
        margin: 0 auto
    }

    .two-vidy-pom p {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        max-width: 500px
    }

    .two-vidy-pom li span span {
        margin-top: 5px
    }

    .two-vidy-pom li span {
        font-size: 14px
    }

    .two-vidy-pom .br {
        display: inline
    }

    .price-tabs {
        gap: 10px
    }

    .price-tabs>button {
        width: calc(50% - 5px)
    }

    .price-table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .price-tabs button {
        padding: 15px 10px;
        font-size: 15px
    }

    .price-table td,
    .price-table th {
        padding: 10px
    }

    .price-table .title {
        width: 100%;
        text-align: center;
        line-height: 1.1;
        padding-bottom: 5px
    }

    .price-table .price {
        width: 100%;
        max-width: 500px;
        padding-top: 5px
    }

    .price-table .btn {
        padding: 4px 20px
    }

    .page-card {
        width: calc(50% - 10px)
    }

    .howwork {
        margin-top: -30px
    }

    .howwork>div {
        flex-direction: column
    }

    .howwork .howwork-text,
    .howwork .ekran {
        width: 100%
    }

    .howwork .ekran {
        max-width: 400px;
        margin-top: 30px
    }

    .howwork .phone {
        text-align: center
    }

    .howwork .btn {
        display: block;
        margin: 0 auto
    }

    .howwork .howwork-text {
        padding-left: 0
    }

    .lineup dl dd {
        width: auto
    }

    .lineupbg {
        height: 120%;
        top: -10%
    }

    .lineup .wrap {
        padding: 0 10px
    }

    .lineup ul {
        min-height: 400px
    }

    .lineup ul:after {
        left: 40px
    }

    .lineup li {
        font-size: 14px
    }

    .lineup ul span {
        font-size: 28px
    }

    .lineup ul:after {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    .lineup li:first-child {
        top: 48%;
        left: 0
    }

    .lineup li:nth-child(2) {
        top: 26%;
        left: 14%
    }

    .lineup li:nth-child(3) {
        top: 11%;
        left: 38%
    }

    .lineup li:nth-child(4) {
        top: -3%;
        left: 54%
    }

    .lineup .wrap>div {
        flex-direction: column-reverse
    }

    .lineup {
        padding: 70px 0;
        background-position-y: -100px
    }

    .lineup ul,
    .lineup dl {
        width: 100%
    }

    .lineup ul {
        overflow: hidden;
        margin-top: 0;
        margin-left: 0
    }

    .lineup h2 {
        text-align: center;
        margin-top: 10px
    }

    .he {
        height: 94px
    }

    .fix {
        position: relative
    }

    .hs>.wrap {
        position: fixed;
        background-color: #373e4c
    }

    .showw.hs,
    .showw.hs>div {
        height: 46px
    }

    .site-header {
        flex-direction: column
    }

    .wrap {
        padding: 0 10px
    }

    .hs {
        background: transparent
    }

    .hs,
    .hs>div {
        height: 46px
    }

    .hf {
        background: #fff
    }

    .hf,
    .hf a {
        color: #000
    }

    .hf svg {
        fill: #000
    }

    .social a {
        border-color: transparent
    }

    .logo img {
        width: 120px !important;
        height: 45px !important
    }

    .hamburger,
    .hamburger::before,
    .hamburger::after {
        width: 30px;
        background-color: #02adc6;
        left: 0
    }

    .btn-open-popup-search {
        background-color: transparent
    }

    .btn-open-popup-search svg {
        fill: #02adc6
    }

    .hf>div:last-child,
    .hf .mobh,
    .hs .btn-open-popup span {
        display: none
    }

    .mob {
        display: block
    }

    .hf {
        font-size: 14px
    }

    .hs .mob a svg,
    .scrollphone svg {
        fill: #fff;
        color: #fff;
        width: 22px;
        height: 22px
    }

    .scrollphone a {
        color: #fff
    }

    .scrollphone span {
        padding-left: 5px
    }

    .hs .mob.prelast a svg {
        width: 20px;
        height: 20px
    }

    .hs .prelast a {
        background-color: #2ca5e0
    }

    .hs .last a {
        background-color: #25d366
    }

    .hs .mob a {
        padding: 5px;
        border-radius: 8px
    }

    .hs .mob.prelast a {
        padding: 6px
    }

    .hs .btn-open-popup svg {
        width: 20px;
        height: 20px
    }

    .hs .wrap .logo {
        order: 1
    }

    .hs .wrap .mob,
    .scrollphone {
        order: 2
    }

    .hs .wrap .mob.last {
        order: 3
    }

    .hs .wrap .mob.prelast {
        order: 4
    }

    .hs .wrap .btn-open-popup-search {
        order: 5
    }

    .hs .wrap .main-navigation {
        order: 6
    }

    .hs .btn {
        padding: 6px
    }

    .showw .mob,
    .showw .btn-open-popup-search {
        display: none
    }

    .showw .scrollphone {
        display: block
    }

    .bg {
        background-position-x: 60px;
        background-position-y: -10px;
        width: 130%
    }

    .bg:after {
        content: none;
        width: 100%;
        height: 100%;
        background: rgb(255 255 255 / 32%);
        display: block
    }

    .desc {
        display: none
    }

    h1 {
        font-size: 22px;
        padding: 50px 0 0
    }

    .hasbread h1 {
        padding: 20px 0 0
    }

    .topwrap h1,
    .topwrap p {
        width: 70%
    }

    .topwrap p {
        margin: 20px 0;
        width: 65%
    }

    .topwrap p.oneh {
        font-size: 17px
    }

    .oneh span {
        font-size: 20px
    }

    .mobrev {
        display: flex;
        flex-direction: column-reverse
    }

    .topbtn .btn:last-child {
        display: none
    }

    .topbtn .btn {
        max-width: 222px;
        width: 100%;
        font-size: 14px;
        padding: 0;
        height: 46px
    }

    .topbtn {
        margin-top: 10px
    }

    .topwrap .mobrev p {
        width: 60%;
        font-size: 16px;
        line-height: 1.6;
        margin-top: 40px
    }

    .topadv {
        width: 70%;
        margin-top: 10px
    }

    .topadv li {
        max-width: 165px;
        align-items: center;
        flex-direction: column;
        padding-bottom: 20px
    }

    .topadv span {
        padding-left: 0;
        text-align: center;
        font-size: 14px
    }

    .topadv ul {
        gap: 5px
    }

    .hf a {
        padding: 10px 0
    }

    .navigation-top {
        background: #fff;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        font-size: 16px;
        font-size: 1rem;
        position: relative
    }

    .navigation-top a {
        color: #222;
        font-weight: 600;
        -webkit-transition: color .2s;
        transition: color .2s
    }

    .navigation-top .current-menu-item>a,
    .navigation-top .current_page_item>a {
        color: #767676
    }

    .main-navigation {
        clear: both;
        display: block
    }

    .main-navigation ul {
        background: #fff;
        list-style: none;
        margin: 0;
        padding: 0 1.5em;
        text-align: left
    }

    .main-navigation ul,
    .main-navigation .menu-item-has-children>a>.icon,
    .main-navigation .page_item_has_children>a>.icon,
    .main-navigation ul a>.icon {
        display: none
    }

    .main-navigation>div>ul {
        border-top: 1px solid #eee;
        padding: .75em 20px
    }

    .js .main-navigation.toggled-on>div>ul {
        display: block
    }

    .main-navigation ul ul {
        padding: 0 0 0 1.5em
    }

    .main-navigation ul ul.toggled-on {
        display: block
    }

    .main-navigation ul ul a {
        letter-spacing: 0;
        padding: .4em 0;
        position: relative;
        text-transform: none
    }

    .main-navigation li {
        border-bottom: 1px solid #eee;
        position: relative
    }

    .main-navigation li li,
    .main-navigation li:last-child {
        border: 0
    }

    .main-navigation a {
        display: block;
        padding: .5em 0;
        text-decoration: none
    }

    .main-navigation a:hover {
        color: #767676
    }

    .menu-toggle {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #222;
        display: none;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 800;
        line-height: 1.5;
        margin: 1px auto 4px;
        padding: 1em;
        text-shadow: none;
        display: block;
        position: relative;
        width: 30px
    }

    .main-navigation.toggled-on ul.nav-menu {
        display: block
    }

    .menu-toggle:hover,
    .menu-toggle:focus {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .menu-toggle:focus {
        outline: thin solid
    }

    .menu-toggle .icon {
        margin-right: .5em;
        top: -2px
    }

    .toggled-on .menu-toggle .icon-bars,
    .menu-toggle .icon-close {
        display: none
    }

    .toggled-on .menu-toggle .icon-close {
        display: inline-block
    }

    .dropdown-toggle {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #222;
        display: block;
        font-size: 16px;
        right: -.5em;
        line-height: 1.5;
        margin: 0 auto;
        padding: .5em;
        position: absolute;
        text-shadow: none;
        top: 0
    }

    .dropdown-toggle:hover,
    .dropdown-toggle:focus {
        background: transparent
    }

    .dropdown-toggle:focus {
        outline: thin dotted
    }

    .dropdown-toggle.toggled-on .icon {
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .site-header .menu-scroll-down {
        display: none
    }
}

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

    .shagimg,
    .shagimg:before,
    .shagimg img {
        width: 140px;
        height: 140px;
    }

    .poryadok ol li>p {
        font-size: 15px;
    }

    .stat {
        gap: 10px
    }

    .dop li .btn {
        width: 94%;
        padding: 8px 2px;
        font-size: 14px;
        letter-spacing: -.8px
    }

    #breadcrumbs {
        padding: 20px 0 0;
        width: 75%;
        font-size: 14px
    }

    #breadcrumbs ol li {
        padding: 5px 0
    }

    #breadcrumbs ol a {
        display: inline
    }

    #breadcrumbs ol li a:after {
        margin: 0 2px -2px
    }

    #breadcrumbs ol li {
        display: block
    }

    .garant dl {
        gap: 20px
    }

    .garant dl>div,
    .stat article {
        width: 100%
    }

    .otz .glsr-summary {
        flex-wrap: wrap;
        justify-content: center
    }

    .glsr-summary-text {
        text-align: center
    }

    .page-card {
        width: 100%
    }

    .topadv {
        width: 100%
    }

    .topadv ul {
        gap: 0;
        justify-content: space-around
    }

    .topadv li {
        max-width: 165px;
        width: 50%
    }
}

@media screen and (max-width: 430px) {
    .preparat.slid {
        gap: 10px;
    }

    .preparat.slick-initialized {
        gap: 0px;
    }

    .preparat>li {
        min-width: auto;
    }

    .preparat li.slick-slide {
        margin: 0 5px;
    }

    .topwrap h1,
    .topwrap p {
        width: 75%
    }

    .topwrap .mobrev p {
        width: 100%
    }

    .flast {
        padding-right: 0
    }
}

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

    .hf,
    .scrollphone a {
        font-size: 13px
    }

    .hf svg {
        width: 16px;
        height: 16px
    }

    .hf>div span {
        padding-left: 4px
    }
}

@media screen and (max-width: 380px) {
    .poryadok ol li>p {
        font-size: 14px;
    }

    .sers {
        gap: 10px
    }

    .ftext {
        font-size: 16px
    }
}

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

    .cookie-consent-actions {
        flex-direction: column-reverse;
    }

    .cookie-consent-actions .btn {
        width: 100%;
        max-width: none;
    }


    .metod .wrap>div>article {
        min-width: 210px;
    }

    .poryadok ol li,
    .poryadok .shagimore li,
    .poryadok .shagi4 li,
    .poryadok .shagi8 li,
    .poryadok .shagi6 li,
    .poryadok .shagi3 li {
        width: 100%;
    }


    .akcii article img {
        position: relative;
        right: 0
    }

    .akcii article .btn {
        margin: 10px 0 0
    }

    .akcii article img,
    .akcii>article {
        aspect-ratio: auto
    }

    .akcii h2,
    .akcii article p {
        width: 100%
    }

    .dop li {
        width: 100%
    }

    .dop li .h3h {
        font-size: 18px;
        min-height: 44px
    }

    .cf .form-head {
        font-size: 25px
    }

    .botinfo nav>div,
    .two-vidy-pom li {
        width: 100%
    }

    .two-vidy-pom li {
        text-align: center
    }

    .two-vidy-pom li>span:first-child {
        margin: 0 auto;
        display: block
    }

    .footer__topphones a {
        font-size: 26px
    }

    .lineup li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        max-width: 50%;
        font-size: 14px;
        padding: 5px
    }

    .lineup ul:after {
        content: none
    }

    .lineup ul {
        display: flex;
        flex-wrap: wrap;
        min-height: auto
    }

    .hf svg,
    .scrollphone svg {
        display: none
    }

    .topadv li {
        max-width: 49%
    }

    .hf>div span {
        padding-left: 0
    }

    .scrollphone span {
        letter-spacing: -1px
    }
}

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

    .hs .btn-open-popup-search,
    .mob,
    .scrollphone {
        display: none !important
    }

    .hf {
        font-size: 14px
    }

    .metod .wrap>div article {
        min-width: auto
    }
}

@media screen and (max-width: 995px) {
    .gallery-lists {
        gap: 20px
    }

    .gallery ul {
        gap: 20px;
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery figure {
        min-height: 210px
    }

    .count-1 li,
    .count-2 li:nth-child(2),
    .count-6 li:nth-child(4n),
    .count-6 li:nth-child(6n),
    .count-7 li:nth-child(4n),
    .count-8 li:nth-child(4n),
    .count-9 li:nth-child(4n),
    .count-10 li:nth-child(4n),
    .count-11 li:nth-child(4n),
    .count-12 li:nth-child(4n) {
        grid-column: span 2
    }

    .count-2 li:nth-child(1),
    .count-3 li:nth-child(3),
    .count-6 li:nth-child(12n + 5),
    .count-7 li:nth-child(12n + 5),
    .count-8 li:nth-child(12n + 7),
    .count-9 li:nth-child(12n + 8),
    .count-9 li:nth-child(12n + 9),
    .count-11 li:nth-child(12n + 9) {
        grid-column: span 1
    }

    .count-4 li:nth-child(12n - 9),
    .count-7 li:nth-child(12n - 9),
    .count-8 li:nth-child(12n + 5),
    .count-9 li:nth-child(12n + 5),
    .count-10 li:nth-child(12n + 5),
    .count-11 li:nth-child(12n + 5),
    .count-12 li:nth-child(12n + 5),
    .count-12 li:nth-child(12n + 11) {
        -ms-grid-row-span: 2;
        grid-row: span 2;
        grid-column: span 1
    }

    .count-5 li:nth-child(12n - 9),
    .count-5 li:nth-child(4n),
    .count-10 li:nth-child(12n + 7),
    .count-10 li:nth-child(12n + 9),
    .count-11 li:nth-child(12n + 7),
    .count-11 li:nth-child(12n + 10),
    .count-12 li:nth-child(12n + 7) {
        -ms-grid-row-span: 1;
        grid-row: span 1
    }
}

@media screen and (max-width: 580px) {
    .gallery-lists {
        gap: 10px
    }

    .gallery ul {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery li {
        -ms-grid-row-span: 1 !important;
        grid-row: span 1 !important
    }

    .count-2 li:nth-child(2),
    .count-5 li:nth-child(12n + 4),
    .count-5 li:nth-child(12n + 5),
    .count-6 li:nth-child(3n + 1),
    .count-6 li:nth-child(3n + 2),
    .count-7 li:nth-child(3n + 1),
    .count-7 li:nth-child(3n + 2),
    .count-8 li:nth-child(3n + 1),
    .count-8 li:nth-child(3n + 2),
    .count-9 li:nth-child(3n + 1),
    .count-9 li:nth-child(3n + 2),
    .count-10 li:nth-child(3n + 1),
    .count-10 li:nth-child(3n + 2),
    .count-11 li:nth-child(3n + 1),
    .count-11 li:nth-child(3n + 2),
    .count-12 li:nth-child(3n + 1),
    .count-12 li:nth-child(3n + 2) {
        grid-column: span 1
    }

    .count-3 li:nth-child(3),
    .count-4 li:nth-child(3),
    .count-5 li:nth-child(12n + 3),
    .count-6 li:nth-child(3n + 3),
    .count-7 li:nth-child(3n + 3),
    .count-7 li:nth-child(7),
    .count-8 li:nth-child(3n + 3),
    .count-9 li:nth-child(3n + 3),
    .count-10 li:nth-child(3n + 3),
    .count-10 li:nth-child(10),
    .count-11 li:nth-child(3n + 3),
    .count-12 li:nth-child(3n + 3) {
        grid-column: span 2
    }
}

.regions-block {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 16px;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

.regions-title {
    font-size: 28px;
    margin-bottom: 20px;
    color: #1a3a5c;
    font-weight: 700;
    line-height: 1.2;
}

.regions-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

/* Колонка СПб */
.spb-column,
.lo-column {
    flex: 1;
    min-width: 250px;
}

.region-subtitle {
    font-size: 20px;
    color: #2c7da0;
    margin-bottom: 15px;
    font-weight: 600;
    border-left: 4px solid #2c7da0;
    padding-left: 12px;
	padding-top: 12px;
}

.region-list {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 2;
    column-gap: 10px;
}

.region-list li {
    margin-bottom: 8px;
    break-inside: avoid;
	padding: 0px !important;
}

.region-link {
    color: #1e466e;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.2s ease;
    display: inline-block;
}

.region-link:hover {
    color: #2c7da0;
    text-decoration: underline;
}

.regions-note {
    margin-top: 20px;
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    border-top: 1px solid #dee2e6;
    padding-top: 16px;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .regions-container {
        flex-direction: column;
        gap: 30px;
    }
    .region-list {
        columns: 1;
    }
    .regions-title {
        font-size: 24px;
        text-align: center;
    }
}
	
/*Список в шапке*/
	
ul.ultop {
    margin: 30px 10px 10px 40px;
    list-style: square;
    font-size: 20px;
}

/*Блок Парнеры\Наши клиенты*/

.imgpart {
    display: block;
    width: 100%;
}

.imgpart.slick-initialized {
    width: 100%;
}

/*Выбор региона в шапке*/
.h_rgn span{
	font-size: 16px;
}

.h_rgn .h_rgn_rzdl{
	padding: 0 5px;
    font-size: 12px;
    color: #888;
    font-weight: 100;
}

.h_rgn a{
	color: #02adc6;
}
	
@media screen and (max-width: 640px) {
	.hf .h_rgn {
		display: none;
	}	
}

/*ДОРАБОТИК страницы О КОМПАНИИ*/
/*Таймлайн ИСТОРИЯ*/

.tl-v1 {
	width: 100%;
	background: #373e4c;
	color: #fff;
	padding: 60px 0;
	margin: 60px 0;
}

.tl-v1__container {
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
}

.tl-v1__intro {
	text-align: center;
	margin-bottom: 70px;
}

.tl-v1__label {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #30e5fd;
}

.tl-v1__intro h2 {
	margin: 0;
	font-size: clamp(34px, 4vw, 30px);
	line-height: 1.1;
	color: #fff;
}

.tl-v1__timeline {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.tl-v1__timeline::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	transform: translateX(-50%);
	background: rgba(48, 229, 253, .28);
}

.tl-v1__item {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 50px 1fr;
	column-gap: 25px;
	align-items: start;
	min-height: 155px;
}

.tl-v1__date {
	grid-column: 1;
	text-align: right;
	padding-top: 1px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: #30e5fd;
}

.tl-v1__dot {
	grid-column: 2;
	position: relative;
	z-index: 2;
	width: 16px;
	height: 16px;
	margin: 3px auto 0;
	border-radius: 50%;
	background: #30e5fd;
	box-shadow: 0 0 0 6px #373e4c,
				0 0 0 7px rgba(48, 229, 253, .45);
}

.tl-v1__content {
	grid-column: 3;
	padding-bottom: 40px;
}

.tl-v1__content h3 {
	margin: 0 0 9px;
	font-size: 21px;
	line-height: 1.3;
	color: #fff;
}

.tl-v1__content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,.75);
}

@media (max-width: 700px) {

	.tl-v1 {
		padding: 60px 0;
	}

	.tl-v1__container {
		width: min(100% - 30px, 1180px);
	}

	.tl-v1__intro {
		text-align: left;
		margin-bottom: 45px;
	}

	.tl-v1__timeline {
		padding-left: 28px;
	}

	.tl-v1__timeline::before {
		left: 34px;
		transform: none;
	}

	.tl-v1__item {
		display: grid;
		grid-template-columns: 20px 1fr;
		column-gap: 18px;
		min-height: auto;
	}

	.tl-v1__date {
		grid-column: 2;
		grid-row: 1;
		text-align: left;
		padding: 0;
		margin-bottom: 6px;
		font-size: 18px;
	}

	.tl-v1__dot {
		grid-column: 1;
		grid-row: 1;
		margin: 2px 0 0;
		width: 14px;
		height: 14px;
	}

	.tl-v1__content {
		grid-column: 2;
		grid-row: 2;
		padding-bottom: 30px;
	}

	.tl-v1__content h3 {
		font-size: 18px;
	}

	.tl-v1__content p {
		font-size: 14px;
		line-height: 1.6;
	}
}

.abus {
	margin: 30px 20% 30px 20%;
	width: auto;
}

/* КАЛЬКУЛЯТОР ДЕЗИНСЕКЦИИ */
.ses-calc-v12 {
	/*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; */
	max-width: 1200px;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(55, 62, 76, 0.15);
	border: 1px solid #e1e8ed;
}

.calc-layout-v12 {
	display: grid;
	grid-template-columns: 1fr 350px;
}

.calc-form-v12 {
	padding: 40px;
	background: #FFFFFF;
}

.calc-header-v12 h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #000000;
}

.calc-header-v12 p {
	color: #373e4c;
	font-size: 16px;
	margin-bottom: 25px;
}

.client-switch-v12 {
	display: flex;
	gap: 10px;
	margin-bottom: 25px;
}

.switch-btn-v12 {
	padding: 8px 18px;
	background: #f5f7fa;
	border: 1px solid #e1e8ed;
	border-radius: 8px;
	color: #373e4c;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	transition: all 0.3s;
}

.switch-btn-v12.active {
	background: #02adc6;
	border-color: #02adc6;
	color: #FFFFFF;
}

.form-grid-v12 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 25px;
}

.form-group-v12 label {
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
	color: #373e4c;
}

.form-group-v12 select,
.form-group-v12 input {
	width: 100%;
	padding: 13px 15px;
	background: #FFFFFF;
	border: 1px solid #e1e8ed;
	border-radius: 10px;
	font-size: 14px;
	color: #000000;
	transition: all 0.3s;
}

.form-group-v12 select:focus,
.form-group-v12 input:focus {
	outline: none;
	border-color: #02adc6;
	box-shadow: 0 0 0 4px rgba(2, 173, 198, 0.1);
}

.form-group-v12.hidden-v12 {
	display: none;
}

.form-group-v12.full-v12 {
	grid-column: 1 / -1;
}

.contacts-v12 {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 15px;
	align-items: end;
	margin-bottom: 20px;
}

.btn-order-v12 {
	padding: 15px 35px;
	background: #ff1921;
	color: #FFFFFF;
	border: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s;
}

.btn-order-v12:hover {
	background: #373e4c;
	transform: translateY(-2px);
	box-shadow: 0 5px 20px rgba(2, 173, 198, 0.4);
}

.checkbox-v12 {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.checkbox-v12 input {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: #02adc6;
}

.checkbox-v12 label {
	font-size: 13px;
	color: #373e4c;
	line-height: 1.4;
}

.checkbox-v12 a {
	color: #02adc6;
	text-decoration: underline;
}

.calc-sidebar-v12 {
	background: linear-gradient(135deg, #373e4c 0%, #2a3140 100%);
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 2px solid #e1e8ed;
}

.price-block-v12 {
	text-align: center;
}

.price-label-v12 {
	font-size: 20px;
	color: rgba(255,255,255,0.8);
	margin-bottom: 15px;
}

.price-value-v12 {
	font-size: 38px;
	font-weight: 800;
	color: #02adc6;
	margin-bottom: 20px;
}

.price-note-v12 {
	font-size: 12px;
	color: rgba(255,255,255,0.7);
	line-height: 1.5;
}

.alert-badge-v12 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(226, 59, 63, 0.15);
	color: #E23B3F;
	padding: 8px 14px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	margin-top: 20px;
}

@media (max-width: 900px) {
	.calc-layout-v12 {
		grid-template-columns: 1fr;
	}

	.calc-sidebar-v12 {
		border-left: none;
		border-top: 2px solid #e1e8ed;
	}

	.form-grid-v12 {
		grid-template-columns: 1fr;
	}

	.contacts-v12 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.calc-layout-v12 {
		grid-template-columns: 1fr;
	}

	.calc-form-v12 {
		padding: 25px;
	}

	.calc-sidebar-v12 {
		border-left: none;
		border-top: 2px solid #e1e8ed;
		padding: 30px 25px;
	}

	.form-grid-v12 {
		grid-template-columns: 1fr;
	}

	/* ФИКС ДЛЯ ПОЛЕЙ ИМЕНИ, ТЕЛЕФОНА И КНОПКИ */
	.contacts-v12 {
		display: flex;
		flex-direction: column;
		gap: 15px;
		margin-bottom: 20px;
		width: 100%;
	}

	.contacts-v12 .form-group-v12,
	.contacts-v12 .btn-order-v12 {
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
	#phoneV12, #nameV12 {
		width: stretch;
	}
}

/* --- ПАГИНАЦИЯ СЭС ЭКСПЕРТ --- */
.navigation.pagination {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-family: inherit;
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0 4px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 16px;
    color: #373e4c !important; /* Primary Dark */
    border: 1px solid #373e4c;
    background-color: #FFFFFF;
    transition: all 0.3s ease;
}

/* Эффект при наведении */
.page-numbers:hover {
    background-color: #373e4c !important;
    color: #FFFFFF !important;
    border-color: #373e4c !important;
}

/* Текущая (активная) страница */
.page-numbers.current {
    background-color: #02adc6 !important; /* Primary цвет бренда */
    color: #FFFFFF !important;
    border-color: #02adc6 !important;
    cursor: default;
}

/* Кнопки "Вперед" и "Назад" */
.page-numbers.prev, 
.page-numbers.next {
    min-width: auto;
    padding: 0 15px;
}

/* Скрываем служебный текст для скринридеров */
.page-numbers .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* --- 1. БАЗОВАЯ ТИПОГРАФИКА (Заголовки, Текст, Ссылки) --- */
.entry-content {
    font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
    color: #2d2d2d;
    line-height: 1.7;
    margin: 0 auto;
    padding: 20px 0;
}

.entry-content h1 {
    font-size: 2.1em;
    font-weight: 700;
    color: #1a2b4c; /* Темно-синий, экспертный */
    margin: 0.8em 0 0.5em;
    line-height: 1.3;
    border-bottom: 2px solid #dce3ef;
    padding-bottom: 0.3em;
}

.entry-content h2 {
    font-size: 1.6em;
    font-weight: 700;
    color: #2c3e50; /* Графитовый */
    margin: 1.6em 0 0.6em;
    padding-left: 12px;
    border-left: 5px solid #3498db; /* Синяя полоса-акцент */
    line-height: 1.4;
}

.entry-content h3 {
    font-size: 1.25em;
    font-weight: 600;
    color: #333;
    margin: 1.4em 0 0.5em;
    line-height: 1.5;
}

.entry-content p {
    margin: 0 0 1.2em;
    font-size: 1.05em;
    color: #3a3a3a;
}

.entry-content strong {
    color: #c0392b; /* Темно-красный для важных предупреждений */
    font-weight: 700;
}

.entry-content a {
    color: #1a5276;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: #a9cce3;
    transition: all 0.2s;
}

.entry-content a:hover {
    color: #0d3b4c;
    text-decoration-color: #2980b9;
    background: #f4f9ff;
}

/* --- 2. АДАПТИВНЫЕ ТАБЛИЦЫ (Без доп. обёрток!) --- */
/* Делаем таблицу блочной, чтобы работал overflow-x */
.entry-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
    margin: 1.8em 0 2em;
    border-collapse: collapse;
    font-size: 0.98em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border-radius: 6px;

    /* Визуальная подсказка о возможности скролла (тень по краям) */
    background:
        linear-gradient(to right, white 30%, rgba(255,255,255,0)),
        linear-gradient(to right, rgba(255,255,255,0), white 70%) 100% 0,
        radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,0.2), rgba(0,0,0,0)),
        radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.2), rgba(0,0,0,0)) 100% 0;
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
}

/* Возвращаем внутренностям таблицы табличное отображение */
.entry-content thead,
.entry-content tbody,
.entry-content tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Заголовки таблиц */
.entry-content thead {
    background-color: #2c3e50;
    color: #fff;
}

.entry-content th {
    padding: 12px 14px;
    font-weight: 600;
    text-align: left;
    font-size: 0.95em;
    letter-spacing: 0.03em;
}

/* Ячейки таблиц */
.entry-content td {
    padding: 10px 14px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}

/* Зебра и ховер */
.entry-content tbody tr:nth-child(even) td {
    background-color: #f8fafc;
}

.entry-content tbody tr:hover td {
    background-color: #eaf2f8;
    transition: 0.2s;
}

/* --- 3. ЦИТАТЫ, СПИСКИ, FAQ --- */
.entry-content ul,
.entry-content ol {
    margin: 0 0 1.5em 1.8em;
    padding: 0;
}

.entry-content ul li,
.entry-content ol li {
    margin-bottom: 0.6em;
    padding-left: 0.3em;
}

.entry-content ul li::marker {
    color: #3498db;
}

.entry-content ol li::marker {
    color: #1a2b4c;
    font-weight: 600;
}

.entry-content blockquote {
    margin: 1.6em 0;
    padding: 1.2em 1.6em;
    background: #f7f9fc;
    border-left: 5px solid #7f8c8d;
    border-radius: 0 8px 8px 0;
    font-style: normal;
    color: #2e3b2e;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}

.entry-content blockquote p {
    margin: 0 0 0.6em;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content blockquote strong {
    color: #2c3e50;
}

.entry-content blockquote em {
    color: #5a6b5a;
    font-size: 0.95em;
}

/* FAQ-секция с микроразметкой (если будет) */
.entry-content section[itemtype="https://schema.org/FAQPage"] {
    margin-top: 2em;
    border-top: 1px solid #dce3ef;
    padding-top: 1.5em;
}

.entry-content div[itemprop="mainEntity"] {
    margin-bottom: 1.2em;
}

.entry-content div[itemprop="mainEntity"] h3 {
    font-size: 1.15em;
    font-weight: 700;
    color: #1a2b4c;
    margin-bottom: 0.2em;
    cursor: default;
}

.entry-content div[itemprop="acceptedAnswer"] {
    margin-left: 1.2em;
    padding-left: 1em;
    border-left: 3px solid #a9cce3;
    color: #3e4e5e;
}

.entry-content div[itemprop="acceptedAnswer"] p {
    margin: 0.4em 0;
}

/* Вспомогательный класс для предупреждений (если понадобится) */
.entry-content .warning-box {
    background: #fff3e0;
    border-left: 5px solid #e67e22;
    padding: 1em 1.5em;
    margin: 1.5em 0;
    border-radius: 4px;
    font-weight: 500;
}

/* БЛОК АВТОРА в статьях */

.article-author {
    background: #f8f9fa;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 30px;
    max-width: 100%;
	margin-top: -25px;
}

.author-row {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.author-details {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 150px;
}

.author-details .name {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}

.author-details .position {
    font-size: 12px;
    color: #02adc6;
    margin-top: 2px;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #373e4c;
    white-space: nowrap;
    flex-wrap: wrap;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.meta-divider {
    color: #ccc;
    font-size: 12px;
}

.real-views {
    color: #02adc6;
    font-weight: 500;
    margin-left: 4px;
}

@media (max-width: 768px) {
    .author-row {
        flex-direction: center;
        align-items: flex-start;
    }
    
    .author-details {
        width: 100%;
    }
    
    .article-meta {
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e0e0e0;
    }
    
    .meta-divider {
        display: none;
    }
    
    .meta-item {
        margin-right: 15px;
        margin-bottom: 5px;
    }
}


/* --- PREV/NEXT на статье (стилизуем нативную навигацию WP) --- */
.single .post-navigation {
    margin: 40px 0 48px;
}

.single .post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.single .post-navigation .nav-previous,
.single .post-navigation .nav-next {
    float: none;
    width: auto;
    min-width: 0;
    max-width: 48%;
    text-align: left;
}

.single .post-navigation a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: none;
    background: none;
    color: #373e4c;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: color .2s;
}

.single .post-navigation a:hover {
    color: #02adc6;
}

.single .post-navigation .nav-t {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.single .post-navigation .nav-arrow {
    flex: none;
    color: #02adc6;
    font-size: 18px;
    line-height: 1;
}

/* --- БЛОК "ЧИТАЙТЕ ТАКЖЕ" --- */
.related-posts {
    margin: 0 0 50px;
}

.related-title {
    position: relative;
    margin: 0 0 26px;
    padding-bottom: 12px;
    color: #373e4c;
    font-size: 26x;
    font-weight: 600;
    line-height: 1.3;
	letter-spacing: normal;
	
}

.related-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 3px;
    background: #02adc6;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.rel-card {
    display: flex;
    flex-direction: column;
    background: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
}

.rel-img {
    position: relative;
    display: block;
    aspect-ratio: 345/258;
    overflow: hidden;
    background: #eef1f4;
}

.rel-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rel-date {
    position: absolute;
    top: 229px;
    padding: 5px 12px;
    background: #FFFFFF;
    border-radius: 0px 10px 0px 0px;
    color: #373e4c;
    font-size: 12px;
    font-weight: 600;
}

.rel-name {
    margin: 0;
    padding: 16px 18px 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    text-transform: uppercase;
    display: unset;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	letter-spacing: normal;
    text-align: left;
}

.rel-name::after{
	content:none !important;
	display:none !important;
	margin:0 !important;
	background:none !important;
	height:0 !important;
}

.rel-name a {
    color: #000;
    text-decoration: none;
    transition: color .2s;
}

.rel-card:hover .rel-name a {
    color: #02adc6;
}

/* --- АДАПТИВ --- */
@media(max-width:1100px) {
    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:640px) {
    .related-grid {
        grid-template-columns: 1fr;
    }

    .single .post-navigation .nav-links {
        flex-direction: column;
        align-items: end;
        gap: 10px;
    }

    .single .post-navigation .nav-previous,
    .single .post-navigation .nav-next {
        max-width: 100%;
    }
}

/*БЛОК СПЕЦИАЛИСТЫ*/
.ses-team-v1 {
    padding: 30px 0 60px 0;
    background: #f4f6f8;
    margin: 60px 0 30px 0;
}

.ses-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

.ses-team-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px;
}

.ses-title {
    font-size: 32px;
    color: #373e4c;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.ses-accent {
    color: #02adc6;
}

.ses-subtitle {
    font-size: 18px;
    color: #000000;
    opacity: 0.8;
    line-height: 1.5;
    margin: 0;
}

.ses-team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
}

.ses-card {
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(55, 62, 76, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ses-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(55, 62, 76, 0.12);
}

.ses-card-img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.ses-card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.ses-card:hover .ses-card-img-wrap img {
    transform: scale(1.05);
}

.ses-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: #E23B3F;
    color: #FFFFFF;;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 4px;
    line-height: 1.2;
}

.ses-card-body {
    padding: 20px;
    text-align: center;
}

.ses-name {
    font-size: 18px;
    color: #373e4c;
    margin: 0 0 8px;
    font-weight: 600;
    line-height: 1.3;
}

.ses-role {
    font-size: 15px;
    color: #02adc6;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}

/* Адаптив для мобильных */
@media (max-width: 600px) {
    .ses-title {
        font-size: 26px;
    }

    .ses-subtitle {
        font-size: 16px;
    }

    .ses-team-grid {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 16px;
    }

    .ses-card-body {
        padding: 16px;
    }

    .ses-name {
        font-size: 16px;
    }

    .ses-role {
        font-size: 14px;
    }

    .ses-badge {
        font-size: 12px;
        padding: 4px 8px;
        bottom: 8px;
        right: 8px;
    }
}

/**********************
 **НОВЫЙ ПЕРВЫЙ ЭКРАН**
**********************/

.benefits{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px 28px;
	margin:40px 0 40px;
	max-width: 700px;
}
.benefit{
	display:grid;
	grid-template-columns:26px minmax(0,1fr);
	gap:10px;
	align-items:start;
}
.check{
	width:24px;height:24px;
	border:2px solid #263341;
	border-radius:5px;
	position:relative;
	margin-top:2px;
}
.check:after{
	content:"";
	position:absolute;
	width:9px;
	height:16px;
	border-right:4px solid #263341;
	border-bottom:4px solid #263341;
	transform:rotate(40deg);
	left:6px;
	top:0px;
}
.benefit-main{
	font-size:18px;
	font-weight:600;
	line-height:1.1;
}
.accent{			
	padding:1px 4px 3px;
	box-decoration-break:clone;
	-webkit-box-decoration-break:clone;
}
.accent span {
	background-color: #d72e24;
	color: #fff;
	padding: 2px 5px;
	white-space: nowrap;
}  
.benefit-sub{
	color:#69747b;
	font-size:13px;
	line-height:1.25;
	margin-top:5px;
}

@media (max-width:720px){    
	.subtitle{
		font-size:16px
	}
	.accent {    
		line-height: 1.4;
		text-shadow: 0 0 5px #fff;
	}
	.accent span {				
		text-shadow: none;
	}
	.benefit-sub {
		color: #000;
		text-shadow: 0 0 5px #fff;
	}
}

.promo{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:2px 0 13px;
	padding:9px 15px;
	background:#ffd21a;
	color:#2f2e2e;
	font-weight:900;
	border-radius:9px 9px 9px 0;
	position:relative;
	font-size:14px;
	text-transform:uppercase;
}
.promo:after{
	content:"";
	position:absolute;
	left:20px;
	bottom:-8px;
	border:8px solid transparent;
	border-top-color:#ffd21a;
	border-bottom:0;
}

.form-card{
	width:min(100%,700px);
	display:flex;
	flex-direction:column;
	gap:10px;
}
.form-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) 300px;
	gap:10px;
}
.phone{
	height:58px;
	border:2px solid #4ca9c4;
	border-radius:10px;
	padding:0 20%;
	font-size:22px;
	font-weight:400;
	color:#263341;
	outline:none;
}
.phone:focus{
	border-color:#19a9bd
}
.cta{
	height:58px;
	border:0;
	border-radius:10px;
	background:#d72e24;
	color:#fff;
	font-weight:600;
	cursor:pointer;
	transition:.15s ease;
}
.cta:hover{
	transform:translateY(-1px);
	box-shadow:0 10px 20px rgba(255,210,26,.25)
}
.consent{
	font-size:11px;
	color:#7c878e;
}
.messengers{
	display:flex;
	align-items:center;
	gap:9px;
	margin-top:20px;
	flex-wrap:wrap;
}
.messenger{
	width:38px;
	height:38px;
	display:grid;
	place-items:center;
	border:1px solid #dfe5e8;
	border-radius:10px;
	color:#263341;
	font-size:13px;
	font-weight:600;
	background:#fff;
}
.messenger:hover{
	border-color:#19a9bd;
	color:#118fa2
}
.trust-row{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:20px;
	flex-wrap:wrap;
}
.trust-copy{
	color:#636e75;
	font-size:12px;
	line-height:1.25;
}
.yandex-frame{
	width:150px;
	height:50px;
	border:0;
	border-radius:8px;
	flex:0 0 auto;
	overflow:hidden;			
}

div[data-lastpass-icon-root] {
	display: none !important;
}

/* Скрывает выпадающее меню автозаполнения LastPass */
div[data-lastpass-root] {
	display: none !important;
}

@media (max-width:720px){    
	.form-row {
		display: block;
	}
	.phone {				
		width: 100%;
		margin-bottom: 10px;
	}
	.cta {
		width: 100%;
	}
}
@media (min-width:721px){    
	.form-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 10px;
	}			
}