/* Start:/local/templates/socialit/css/style.css?1793528345124909*/
@font-face {
    font-family: 'Onest';
    src: url('/local/templates/socialit/css/../fonts/Onest-Black.woff2') format('woff2'),
        url('/local/templates/socialit/css/../fonts/Onest-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/socialit/css/../fonts/Onest-Bold.woff2') format('woff2'),
        url('/local/templates/socialit/css/../fonts/Onest-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/socialit/css/../fonts/Onest-Light.woff2') format('woff2'),
        url('/local/templates/socialit/css/../fonts/Onest-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/socialit/css/../fonts/Onest-Medium.woff2') format('woff2'),
        url('/local/templates/socialit/css/../fonts/Onest-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/socialit/css/../fonts/Onest-Regular.woff2') format('woff2'),
        url('/local/templates/socialit/css/../fonts/Onest-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/socialit/css/../fonts/Onest-SemiBold.woff2') format('woff2'),
        url('/local/templates/socialit/css/../fonts/Onest-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



:root {
	--standart: #121316;
	--back-blue: #1E4AA8;
	--dark-blue: #16387D;
    --light-blue: #F4F8FE;
    --grey-border: #E4E5E9;
    --back-grey: #F3F3F5;
    --light-border: #CACFD9;
	--grey-text: #6B7281;
	--red: #F04438;
}



html { min-width:320px;}

 body {position: relative; color: var(--standart); font-size: 18px; line-height: 150%; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; font-family:  'Onest', 'Helvetica', sans-serif;}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
input::-moz-placeholder {opacity: 1; color: #959EB1;}
input::-webkit-input-placeholder {opacity: 1; color: #959EB1;}
input.error::-moz-placeholder {opacity: 1; color: #959EB1;}
input.error::-webkit-input-placeholder {opacity: 1; color: #959EB1;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus::-webkit-input-placeholder {opacity: 0;}
a {color: var(--blue);}
* {box-sizing: border-box; outline: none; max-height: 999999px; -webkit-appearance: none!important;}
.all {width:100%; max-width: 1520px; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.container {padding: 72px 0 0 0; overflow: hidden; max-width:100%; }
.container.bigpadding {padding-top: 114px;}
p {padding: 0; margin: 0;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

body.pop-open {height: 100dvh; overflow: hidden;}
body.pop-open:before {content: ''; display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 100%;}


header {background: #fff;}
.toppanel {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 50; transition: all 0.3s ease;}
.header-fix .toppanel {box-shadow: 0px 4px 8px 0px #00000014;}
.toppanel .all {display: flex; height: 72px; align-items: center; justify-content: space-between; transition: all 0.3s ease;}
header .logo {display: block; height: 38px;}
header nav ul {padding: 0; margin: 0; list-style-type: none; display: flex; gap: 20px;}
header nav ul li a {font-size: 16px; font-weight: 500;}
header a {font-weight: 600; color: var(--standart); text-decoration: none;}
header a:not(.btn):hover {color: var(--dark-blue);}
header .phones {gap: 20px; display: flex; align-items: center;}
header .city {position: relative;}
header .city .active {position: relative; font-weight: normal; font-size: 16px; line-height: 24px; cursor: pointer; padding-left: 28px; display: table;}
header .city .active:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(/local/templates/socialit/css/../img/city-ic.svg) center center no-repeat;}
header .btn {line-height: 40px; font-size: 14px;}

header nav.menu {position: relative; z-index: 20; height: 52px; padding-top: 10px;}
header nav.menu .all {position: relative;}
header nav.menu.fix {z-index: 40; transition: top 0.3s ease; position: fixed; top: 0; left: 0; width: 100%; background: #fff;}
.scroll-up header nav.menu.fix {box-shadow: 0px 4px 8px 0px #00000014; top: 72px;}
.header-fix.scroll-up .toppanel {box-shadow: none;}
header nav.menu ul {position: relative; width: 100%; white-space: nowrap; display: flex; gap: 20px; padding: 0; margin: 0; list-style-type: none;}
header nav.menu ul li {position: relative;}
header nav.menu ul li a {line-height: 20px; display: table; letter-spacing: -0.25px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: var(--standart);}
header nav.menu ul li ul {width: auto; min-width: calc(100% + 40px); top: calc(100% + 10px); left: -99999px; opacity: 0; transition: opacity 0.3s ease; padding: 8px; border-radius: 12px; background: #fff; box-shadow: 0px 10px 26px 0px #00000014, 0px 0px 4px 0px #0000000A; position: absolute; display: block;}
header nav.menu ul li.open ul {left: -20px; opacity: 1;}
header nav.menu ul li.menu-parent>a {position: relative; padding-right: 22px;}
header nav.menu ul li.menu-parent>a .str {filter: grayscale(100%) brightness(70%); position: absolute; display: block; width: 20px; height: 20px; top: -2px; right: 0; transition: all 0.3s ease; background: url(/local/templates/socialit/css/../img/menu-arr.svg) center center no-repeat;}
header nav.menu ul li.menu-parent:hover>a .str {filter: none;}
header nav.menu ul li.menu-parent.open>a .str {filter: none; transform: scale(1,-1);}
header nav.menu ul li ul li {white-space: nowrap;}
header nav.menu ul li ul li a {border-radius: 6px; display: block; padding: 8px 16px; text-transform: none; font-weight: normal; letter-spacing: 0;}
header nav.menu ul li ul li a:hover {background: var(--back-grey); color: var(--standart);}
header nav.menu .menu-btn {order: 999; display: block; pointer-events: none; margin: -6px 0 0 0px; min-width: 32px; height: 32px; background: var(--back-blue) url(/local/templates/socialit/css/../img/menu-dots.svg) center center no-repeat; border-radius: 50%; opacity: 0; transition: opacity 0.3s ease; transition: all 0.3s ease;}
header nav.menu .menu-btn.active {background-color: var(--dark-blue);}
header nav.menu.cuted .menu-btn {opacity: 1; pointer-events: auto;}
header nav.menu ul.hidden-part {width: auto; background: #fff; padding: 8px; border-radius: 12px; box-shadow: 0px 10px 26px 0px #00000014, 0px 0px 4px 0px #0000000A; position: absolute; top: calc(100% + 10px); right: 9999999px; opacity: 0; transition: opacity 0.3s ease; }
header nav.menu ul.hidden-part.visible {right: 40px; opacity: 1;}
header nav.menu ul.hidden-part li ul {background: none; padding: 0; box-shadow: none; border-radius: 0; position: relative; opacity: 1; left: auto; top: auto;}
header nav.menu ul.hidden-part li.menu-parent>a {padding-right: 0; padding-right: 22px;}
header nav.menu ul.hidden-part li.menu-parent>a .str {display: none;}
header nav.menu ul.hidden-part>li>a {padding: 8px 16px;}
header nav.menu ul.hidden-part>li {max-width: 298px;}
header nav.menu ul.hidden-part>li ul li {white-space: normal;}
.mobile-menu {display: none;}

.toppanel .city-popup {opacity: 0; transition: opacity 0.3s ease; width: 410px; left: -9999px; top: -999999px; border-radius: 12px; background: #fff; padding: 28px 24px 24px; position: absolute; box-shadow: 0px 10px 26px 0px #00000014, 0px 0px 4px 0px #0000000A;}
.toppanel .city-popup.visible {opacity: 1; top: calc(100% + 12px); left: 0;}
.toppanel .city-popup .btns {display: flex; gap: 12px;}
.toppanel .city-popup .btns .btn {white-space: nowrap; padding: 0; width: 100%; text-align: center; line-height: 48px; font-size: 16px;}
.toppanel .city-popup .btns .btn.light {background: var(--back-grey);}
.toppanel .city-popup .btns .btn.light:hover {background: var(--grey-border);}
.toppanel .city-popup .title {margin: 0 0 24px; font-size: 18px; line-height: 120%;}
.toppanel .city-popup .title b {font-weight: 600;}
.toppanel .city-popup .close:not(.btn) {position: absolute; cursor: pointer; top: 24px; right: 24px; width: 32px; height: 32px; background: var(--back-grey) url(/local/templates/socialit/css/../img/close-ic.svg) center center no-repeat; border-radius: 50%; transition: all 0.3s ease;}
.toppanel .city-popup .close:not(.btn):hover {background-color: var(--grey-border);}
.toppanel .city-popup ul {font-size: 16px; line-height: 130%; display:flex; flex-direction: column; padding: 0; margin: 8px 0 0 0; list-style-type: none; gap: 20px;}
.toppanel .city-popup ul a {color: inherit; text-decoration: none;}
.toppanel .city-popup ul a:hover {color: var(--blue);}
.toppanel .city-popup ul li.current a {font-weight: 500;}
.toppanel .city-popup ul li.current {background: url(/local/templates/socialit/css/../img/check-ic.svg) center right no-repeat;}
.toppanel .city-popup.cities-list .title {font-weight: 500; font-size: 24px; margin: 0 0 24px; line-height: 120%;}
.toppanel .city-popup .form-block .outer {width: 100%;}
.toppanel .city-popup .form-block {margin-bottom: 24px;}
.toppanel .city-popup a {font-weight: normal;}
.toppanel .city-popup a:not(.btn):hover {color: var(--back-blue);}
.toppanel .menu-ic {display: none;}

.btn {font-size: 18px; font-weight: normal; padding: 0 24px; border-radius: 8px; line-height: 56px; background: var(--back-blue); color: white; display: table; text-decoration: none; font-family: inherit; border: 0; cursor: pointer; transition: all 0.3s ease;}
.btn:hover {background: var(--dark-blue);}
.btn.light {color: var(--back-blue); background: white;}
.btn.light:hover {color: var(--dark-blue); background: var(--back-grey);}
.btn.border {background: none; border: 1px solid var(--light-border); color: white;}
.btn.border:hover {color: var(--dark-blue); background: var(--back-grey); border-color: var(--back-grey);}


.go {display: table; position: relative; text-decoration: none; color: var(--back-blue); font-weight: 500;}
.go:after {transition: all 0.3s ease; width: 24px; height: 24px; left: calc(100% + 6px); top: 50%; content: ''; display: block; position: absolute; margin-top: -12px; background: url(/local/templates/socialit/css/../img/go-arr.svg) center center no-repeat;}
.go:hover:after {transform: translateX(5px);}

.back {margin: 24px 0 0 0; padding-left: 30px; display: table; position: relative; text-decoration: none; color: var(--back-blue); font-weight: 500;}
.back:after {transform: scale(-1,1); transition: all 0.3s ease; width: 24px; height: 24px; left: 0; top: 50%; content: ''; display: block; position: absolute; margin-top: -12px; background: url(/local/templates/socialit/css/../img/go-arr.svg) center center no-repeat;}
.back:hover:after {left: -5px;}


.first-screen-section {display: flex; align-items: stretch; position:relative; padding: 80px 0; min-height: 692px; background: url(/local/templates/socialit/css/../img/topbg.jpg) center center/cover no-repeat;  color:#fff;}
.first-screen-section .all {display:flex; flex-direction:column; }
.inner .first-screen-section .txt h1:last-child {margin-bottom: 0;}
.first-screen-section .txt {max-width: 900px}
.first-screen-section .txt h1 {letter-spacing: -1px; font-size: 64px; line-height: 1.1; margin:0 0 20px; font-weight:normal; padding: 0;}
.first-screen-text {font-size: 22px; line-height:1.4; color:white; max-width: 815px; margin:0 0 40px}
div.first-screen-text {display: flex; flex-direction: column; gap: 16px;}
.first-screen-section .btns {display:flex; flex-wrap:wrap; gap:16px}
.first-screen-stats {margin-top: auto; display:flex; gap: 12px; justify-content:space-between}
.first-screen-section .stat-card {font-size: 16px; line-height: 140%; width: 100%; height: 136px; background: rgba(0, 0, 0, 0.3); border-radius: 12px; padding: 24px; backdrop-filter: blur(10px); }
.first-screen-section .stat-value {font-size: 32px; line-height: 40px; font-weight: 500; }
.first-screen-section .stat-label {max-width: 220px;}
.inner .first-screen-stats {margin-top: 40px;}


.inner .first-screen-section {min-height: 540px; padding: 32px 0 88px;}
.inner .first-screen-section .txt {max-width: 1015px;}
.inner .first-screen-section .txt h1 {margin-bottom: 40px;}
.inner .first-screen-text {margin: 0; max-width: 100%;}

header + .all>.content:first-child {padding-top: 32px; position: relative;}
header + .all>.content:first-child:before {background: var(--grey-border); content: ''; display: block; position: absolute; top: 0; left: 50%; height: 1px; width: 100vw; transform: translateX(-50%);}

.content {padding: 88px 0;}
.content h1 {font-size: 64px; line-height: 110%; margin: 0 0 72px; padding: 0; font-weight: normal; }
.content h2 {font-size: 56px; line-height: 64px; margin: 0 0 54px; padding: 0; font-weight: normal; }

.inner .content p {padding: 0 0 24px;}
.inner .content ul.check + .btn {margin-top: 24px;}
.inner .content b {font-weight: 600;}
.inner .content .price {margin: 20px 0; font-size: 24px; font-weight: 500; line-height: 120%;}
.inner .content .price + .btn {margin-top: 48px;}
.inner .content .price:last-child {margin-bottom: 0;}
.inner .content ul.check + .price {margin-top: 24px;}
.inner .content h3 {font-size: 32px; line-height: 120%; margin: 0 0 20px; padding: 0; font-weight: 500; color: var(--back-blue);}

.breadcrumbs {color: #959EB1; font-size: 14px; line-height: 140%; padding: 0; margin: 0 0 40px; list-style-type: none; display: flex; flex-wrap: wrap;}
.breadcrumbs a {color: inherit; text-decoration: none;}
.breadcrumbs li:not(:last-child) {position: relative; margin-right: 32px;}
.breadcrumbs li:not(:last-child):after {content: ''; display: block; position: absolute; width: 16px; height: 16px; left: calc(100% + 8px); top: 50%; margin-top: -8px; background: url(/local/templates/socialit/css/../img/crumbs-arr-ic.svg) center center no-repeat;}
.first-screen-section .breadcrumbs {color: white;}
.first-screen-section .breadcrumbs li:not(:last-child):after {filter: grayscale(100%) brightness(800%);}

ul.check {padding: 0; margin: 0; list-style-type: none; display: flex; flex-direction: column; gap: 8px;}
ul.check li {position: relative; padding-left: 20px;}
ul.check li:before {content: ''; display: block; position: absolute; width: 12px; height: 12px; top: 5px; left: 0; background: url(/local/templates/socialit/css/../img/check-bullet-ic.svg) center center no-repeat;}
ul.check.big {gap: 20px; font-size: 22px; line-height: 140%;}
ul.check.big li {padding: 4px 0 4px 56px;}
ul.check.big li:before {top: 0px; width: 40px; height: 40px; border-radius: 50%; background-color: var(--back-grey);}
ul.check.white li {padding: 4px 0 4px 72px;}
ul.check.white li:before {top: 0px; left: 24px; width: 32px; height:32px; border-radius: 50%; background-color: white;}
ul.check.columns {columns: 2; display: block; }
ul.check.columns li {break-inside: avoid;}

.flex-title {margin: 0 0 48px; display: flex; align-items: flex-end; justify-content: space-between;}
.flex-title a.go {margin-right: 30px;}
.content .flex-title h2 {margin: 0;}

.plans-block {margin: 0 0 88px;}
.plans-tabs {background: var(--light-blue); border-radius: 12px; border: 1px solid var(--grey-border); padding: 6px; margin: 0 0 48px; list-style-type: none; display: flex; flex-wrap: wrap; gap: 16px;}
.plans-tabs ul {padding: 0; margin: 0; list-style-type: none; display: flex; gap: 0; width: 100%;}
.plans-tabs li {width: 100%;}
.plans-tabs a, .plans-tabs button {font-size: 18px; font-weight: 500; color: var(--standart); border-radius: 8px; line-height: 56px; display: block; text-decoration: none; text-align: center; width: 100%; padding: 0; border: 0; background: none; font-family: inherit; cursor: pointer;}
.plans-tabs li:not(.active) a:hover, .plans-tabs li:not(.active) button:hover {color: var(--dark-blue);}
.plans-tabs li.active a, .plans-tabs li.active button {background: white; box-shadow: 0px 8px 16px 0px #00000014, 0px 0px 4px 0px #0000000A;}


.calc-block {margin: 0 0 48px; background: var(--light-blue); border-radius: 12px; padding: 40px; display: flex; align-items: center; justify-content: space-between;}
.calc-block .left {max-width: 344px; font-size: 32px; line-height: 130%; font-weight: 500; letter-spacing: -1px;}
.calc-block .right {display: flex; gap: 40px; max-width: 874px; width: calc(100% - 346px);}
.calc-block .right .block {padding: 11px 0 0 0; position: relative; width: 100%;}
.calc-block .right .block .subtitle {margin: 0 0 16px;}
.calc-block .right .block input {position: absolute; line-height: 40px; display: block; top: 0; right: 0; border: 0; background: none; font-family: inherit; font-size: 32px; font-weight: 400; color: var(--standart); text-align: right; width: 100px;}
.calc-block .ui-widget.ui-widget-content {height: 4px; border-radius: 3px; background: var(--light-border); border: 0;}
.calc-block .ui-slider .ui-slider-range {background: var(--back-blue);}
.calc-block .ui-state-default, .calc-block .ui-widget-content .ui-state-default {margin-left: -12px; top: -9px; width: 24px; height: 24px; border: 0; background: var(--back-blue); border: 6px solid white; box-shadow: 0px 8px 18px 0px #00000029, 0px 0px 4px 0px #0000000F; border-radius: 50%;}


.spoiler-btn a, .spoiler-btn button {position: relative; display: table; font-size: 16px; line-height: 140%; font-weight: 500; color: var(--back-blue); text-decoration: none; padding: 0; border: 0; background: none; font-family: inherit; cursor: pointer;}
.spoiler-btn a:hover, .spoiler-btn button:hover {color: var(--standart);}
.spoiler-btn a:after, .spoiler-btn button:after {content: ''; display: block; position: absolute; width: 20px; height: 20px; left: calc(100% + 4px); top: 1px; right: 0; background: url(/local/templates/socialit/css/../img/spoiler-arr.svg) center center no-repeat; transition: all 0.3s ease;}
.open .spoiler-btn a:after, .open .spoiler-btn button:after {transform: scale(1,-1);}
.spoiler-btn a span + span, .spoiler-btn button span + span {display: none;}
.open .spoiler-btn a span + span, .open .spoiler-btn button span + span {display: inline;}
.open .spoiler-btn a span, .open .spoiler-btn button span {display: none;}


.plans-list {font-size: 16px; line-height: 140%; position: relative;}
.plans-list.cloned {display: none;}
.plans-list .plans-header {display: flex;}
.plans-list .plans-header.fixed {border-bottom: 1px solid var(--grey-border); position: fixed; top: 72px; left: 0; z-index: 20; background: #fff;  }
.plans-list .plans-header.fixed .title {font-weight: 600; padding-top: 16px; font-size: 16px;}
.plans-list .mob-scroll-overflow {display: none;}
.plans-list .title {transition: all 0.3s ease; margin: 0 0 16px; font-size: 32px; line-height: 130%; font-weight: 500; color: var(--back-blue); }
.plans-list .col {width: 25%;}
.plans-list .col.long {width: 100%;}
.plans-list .row {align-items: center; padding: 12px 0; border-bottom: 1px solid var(--grey-border); display: flex; }
.plans-list .row.bottom {border: 0;}
.plans-list .row.subtitle {font-weight: 500;}
.plans-list .row .col.left {color: var(--grey-text);}
.plans-list .row .col.left:first-child:last-child {width: 100%;}
.plans-list .mdash {width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;  position: relative;}
.plans-list .mdash:after {background: var(--back-blue); width: 15px; height: 1.5px; content: ''; display: block;}
.plans-list .check {background: url(/local/templates/socialit/css/../img/check-ic.svg) center center no-repeat; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;  position: relative;}
.plans-list .spoiler-btn {padding: 20px 0 0 0; transition: all 0.3s ease;}
.plans-list.open .spoiler-btn {padding-bottom: 8px;}
.plans-list .spoiler-btn ~ .row:not(.bottom) {border-width: 0; padding: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease; max-height: 0;}
.plans-list.open .spoiler-btn ~ .row:not(.bottom) {border-width: 1px; max-height: 100px; opacity: 1; padding: 12px 0;}
.plans-list small {font-weight: normal; font-size: 14px; line-height: 140%; display: block;}
.plans-list .price {transition: all 0.3s ease; font-size: 24px; line-height: 130%; font-weight: 500; margin: 0 0 20px;}
.plans-list.open .price {margin-top: 12px;}

.plan-tab {width: 100%; transition: opacity 0.3s ease;}
.plan-tab:not(.active) {position: absolute; opacity: 0; left: -999999px; top: -999999px;}

.plans-block .col small {margin: 0;}
.plans-block small {display: block; margin: 48px 0 0 0; font-size: 16px; line-height: 140%; color: var(--grey-text);}
.plans-scroll-wrap .long-plan {font-size: 16px; line-height: 140%; width: 100%; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.3s ease;}
.plans-scroll-wrap .long-plan .title {margin: 0 0 20px; font-size: 32px; color: var(--back-blue); font-weight: 500; line-height: 120%;}
.plans-scroll-wrap .long-plan .title small {display: block; font-weight: normal; font-size: 16px; line-height: 140%;}
.plans-list.open ~ .long-plan {max-height: 300px; opacity: 1;}

.plan-text p:not(:last-child) {padding: 0 0 20px;}
.plan-text ol {display: flex; flex-direction: column; counter-reset: num; padding: 12px 0 32px; margin: 0; list-style-type: none; gap: 18px;}
.plan-text ol:last-child {padding-bottom: 0;}
.plan-text ol li {position: relative; padding: 2px 0 2px 48px;}
.plan-text ol li:before {color: var(--back-blue); font-size: 16px; background: var(--back-grey); width: 32px; height: 32px; display: block; content: counter(num); counter-increment: num; border-radius: 50%; position: absolute; top: 0; left: 0; line-height: 32px; text-align: center;}
.plan-text h2 {font-size: 32px; margin: 0 0 24px; padding: 0; font-weight: 500; line-height: 120%;}
.plan-text h2:not(:first-child) {padding-top: 12px;}
.plan-text h3 {font: inherit; margin: 0 0 16px; padding: 0; font-weight: 600;}
.plan-text ul {display: flex; flex-direction: column; padding: 12px 0 32px; margin: 0; list-style-type: none; gap: 18px;}
.plan-text ul:last-child {padding-bottom: 0;}
.plan-text ul li {position: relative; padding: 2px 0 2px 48px;}
.plan-text ul li:before {content: ''; color: var(--back-blue); font-size: 16px; background: var(--back-grey) url(/local/templates/socialit/css/../img/check-ic.svg) center center no-repeat; width: 32px; height: 32px; display: block; border-radius: 50%; position: absolute; top: 0; left: 0; line-height: 32px; text-align: center;}
.plan-text .btn {margin-top: 12px;}


.popular-services {margin: 0 0 88px; position: relative;}
.popular-services .services-swiper {width: auto; position:relative;}
.popular-services .services-swiper .swiper-wrapper {display:flex;}
.popular-services .services-swiper .swiper-slide {width:auto; height: auto; display: flex;}


.lightblue-bg {position: relative; padding: 88px 0; margin: 0 0 88px;}
.lightblue-bg>* {position: relative;}
.lightblue-bg:before {content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; width: 100vw; transform: translateX(-50%); background: var(--light-blue);}
.btn + .lightblue-bg {margin-top: 88px;}
.lightblue-bg.nomarginbottom {margin-bottom: 0;}

.tabs-content .tab:not(.active) {transition: opacity 0.3s ease; position: absolute; opacity: 0; left: -999999px; top: -999999px;}
.tabs-content .tab {width: 100%; opacity: 1;}

.tabs-list-wrap {width: 100%; max-width: 100%; position: relative;}
.tabs-content {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
ul.tabs-links {max-width: 100%; position: relative; width: max-content; background: var(--light-blue); border-radius: 12px; border: 1px solid var(--grey-border); padding: 6px; margin: 0 0 48px; display: flex; list-style-type: none;}
ul.tabs-links .swiper-slide {display: table; width: auto;}
ul.tabs-links li > a, ul.tabs-links li > button {white-space: nowrap; padding: 0 20px; font-size: 18px; font-weight: 500; color: var(--standart); border-radius: 8px; line-height: 44px; display: table; text-decoration: none; text-align: center; border: 0; background: none; font-family: inherit; cursor: pointer;}
ul.tabs-links li:not(.active) > a:hover, ul.tabs-links li:not(.active) > button:hover {color: var(--dark-blue);}
ul.tabs-links li.active > a, ul.tabs-links li.active > button {background: white; box-shadow: 0px 8px 16px 0px #00000014, 0px 0px 4px 0px #0000000A;}
ul.tabs-links .hidden-tabs {visibility: hidden; opacity: 0; transition: all 0.3s ease; padding: 8px; position: absolute; top: 100%; right: 0; border-radius: 12px; background: #fff; box-shadow: 0px 10px 26px 0px #00000014, 0px 0px 4px 0px #0000000A;}
ul.tabs-links.open .hidden-tabs {visibility: visible; opacity: 1;}
ul.tabs-links .hidden-tabs a, ul.tabs-links .hidden-tabs button {line-height: 40px; text-align: left;}
ul.tabs-links .hidden-tabs a:hover, ul.tabs-links .hidden-tabs button:hover {background: var(--back-grey);}
ul.tabs-links .cut-ic {cursor: pointer; position: absolute; top: 6px; right: 6px; width: 56px; height: 56px; background: url(/local/templates/socialit/css/../img/tabs-cut-ic.svg) center center no-repeat; display: none;}
ul.tabs-links.cuted {padding-right: 60px;}
ul.tabs-links.cuted .cut-ic {display: block;}

.tasks-block {display: flex; flex-direction: column; align-items: flex-start;}
.task-block {display: flow-root;}
.task-block .txt {order: 1; width: calc(50% - 6px); max-width: 714px;}
.task-block .txt p:not(:last-child) {padding-bottom: 20px;}
.task-block .txt.long {order: 3; max-width: 1005px; width: 100%;}
.task-block .txt.long:not(:first-child) {padding-top: 32px;}
.inner .content .task-block h3 {font-size: 24px; color: inherit;}
.inner .content .task-block h3:not(:first-child) {padding-top: 16px;}
.task-block .pic {float: right; margin: 0 0 30px 30px; order: 2; width: calc(50% - 6px); height: 417px; border-radius: 12px; overflow: hidden;}
.task-block .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}

.table {max-width: 1005px; font-size: 16px; color: var(--grey-text); line-height: 140%;}
.table .price {white-space: nowrap;}
.table table {border-collapse: collapse; border: 0;}
.table table tr:first-child td {padding-top: 0;}
.table table td {border-bottom: 1px solid var(--grey-border); padding: 12px 0;}
.table table td:not(:last-child) {padding-right: 48px;}
.table .price {color: var(--standart); font-weight: 500; font-size: 22px; line-height: 120%;}

.pop-service-card {align-items: flex-start; display: flex; flex-direction: column; background: var(--light-blue); border-radius: 12px; padding: 40px;}
.pop-service-card .title {letter-spacing: -1px; font-size: 32px; line-height: 130%; margin: 0 0 20px; font-weight: 500;}
.pop-service-card .descr {padding: 0 0 20px; color: var(--grey-text);}
.pop-service-card .go {margin-top: auto;}

body .swiper-button-next, body .swiper-button-prev {position: absolute; z-index: 10; display: flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; padding: 0; border: 0; transition: all 0.3s ease; border-radius: 50%; right: -28px; top: 50%; margin-top: -28px; width: 56px; height: 56px; background: white; box-shadow: 0px 8px 16px 0px #00000014, 0px 0px 4px 0px #0000000A;}
body .swiper-button-prev {transform: scale(-1,1); right: auto; left: -28px;}
body .swiper-button-next:hover, body .swiper-button-prev:hover {background: var(--back-grey);}
body .swiper-button-next:hover:after, body .swiper-button-prev:hover:after {filter: brightness(90%);}
body .swiper-button-next:after, body .swiper-button-prev:after {transition: all 0.3s ease; top: 0; left: 0; bottom: 0; width: 100%; background: url(/local/templates/socialit/css/../img/go-arr.svg) center center no-repeat; content: ''; display: block; position: absolute;}
body .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled {opacity: 0;}
body .swiper-pagination {display: none;}

.projects-block {position: relative;}
.projects-block .projects-swiper {width: auto; position:relative;}
.projects-block .projects-swiper .swiper-wrapper {display:flex;}
.projects-block .projects-swiper .swiper-slide {width:auto; height: auto; display: flex;}
body .projects-block .swiper-button-next, body .projects-block .swiper-button-prev {top: 187px; margin-top: 0;}

.project-card {overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; width: 100%; border-radius: 12px; background: white; padding: 0 40px 40px;}
.project-card.no-pic {padding-top: 40px;}
.project-card .pic {height: 474px; margin: 0 -40px 40px; width: calc(100% + 80px);}
.project-card .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.project-card .descr {padding-bottom: 20px; color: var(--grey-text);}
.project-card .title {letter-spacing: -0.5px; font-size: 24px; line-height: 130%; margin: 0 0 20px; font-weight: 500;}
.project-card .go {margin-top: auto;}

.faq-list {margin: 0 0 88px;}
.faq-list .block:first-child {border-top: 1px solid var(--grey-border);}
.faq-list .block {max-height: 2000px; overflow: hidden;; transition: all 0.3s ease; max-width: 1198px; border-bottom: 1px solid var(--grey-border);}
.faq-list:not(.open) .block:nth-child(n + 5) {opacity: 0; max-height: 0; margin: 0; padding: 0;}
.faq-list .block .title {font-weight: 600; position: relative; cursor: pointer; padding: 26px 60px 26px 0;}
.faq-list .block .title:after {position: absolute; top: 50%; right: 0; margin-top: -20px; content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background: var(--back-grey) url(/local/templates/socialit/css/../img/plus-ic.svg) center center no-repeat; transition: all 0.3s ease;}
.faq-list .block.open .title:after {transform: rotate(45deg);}
.faq-list .block .title:hover:after {background-color: var(--grey-border);}
.faq-list .block .hidden-txt {padding: 0 0 20px; font-size: 16px; line-height: 140%; display: none;}
.faq-list .block .hidden-txt p:not(:last-child) {padding-bottom: 16px;}
.faq-list .spoiler-btn {margin-top: 48px;}
.faq-list .spoiler-btn a:after, .faq-list .spoiler-btn button:after {width: 24px; height: 24px; top: -1px; background-image: url(/local/templates/socialit/css/../img/blue-spoiler-arr.svg);}
.faq-list .spoiler-btn a, .faq-list .spoiler-btn button {font-size: 18px;}
.faq-list .spoiler-btn a:hover, .faq-list .spoiler-btn button:hover {color: var(--dark-blue);}
.faq-list .spoiler-btn a:hover:after, .faq-list .spoiler-btn button:hover:after {filter: brightness(70%);}


.lightblue-bg + .bottom-form-block:before {display: none;}
.bottom-form-block {padding: 88px 0; position: relative;}
.content .bottom-form-block h2 {margin-bottom: 24px;}
.bottom-form-block:before {background: var(--grey-border); content: ''; display: block; position: absolute; top: 0; left: 50%; height: 1px; width: 100vw; transform: translateX(-50%);}
.bottom-form-block .form-block {max-width: 1077px;}
.bottom-form-block .descr {font-size: 16px; line-height: 140%; margin: 0 0 48px;}

.form-block {gap: 16px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.form-block .outer {position: relative; width: calc(50% - 8px);}
.form-block .outer.long {width: 100%;}
.form-block .outer label {color: #959EB1; font-size: 16px; position: absolute; transition: all 0.3s ease; line-height: 56px; left: 16px; pointer-events: none;}
.form-block .inp-txt {transition: all 0.3s ease; color: var(--standart); font-size: 16px; width: 100%; font-family: inherit; height: 56px; padding: 16px 16px 0; border: 1px solid var(--grey-border); border-radius: 8px;}
.form-block .inp-txt:focus ~ label, .form-block .inp-txt.ok ~ label {color: var(--grey-text); font-size: 13px; line-height: 16px; top: 8px;}
.form-block .inp-txt:focus {border-color: var(--back-blue);}
.form-block textarea.inp-txt {padding-top: 24px; height: 112px; overflow: hidden; resize: none;}
.form-block .err {display: none; margin: 4px 0 0 0; font-size: 12px; line-height: 110%; color: var(--red);}
.form-block .error .inp-txt {border-color: var(--red);}
.form-block .error .err {display: block;}
.form-block .btn {margin-top: 24px;}

label.checkbox {display: block; width: 100%; font-size: 14px; line-height: 140%; color: var(--grey-text); position: relative; cursor: pointer; padding: 2px 0 0 32px; }
label.checkbox:hover .i {border-width: 2px;}
label.checkbox input {width: 32px; height: 32px; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer; opacity: 0;}
label.checkbox input:checked ~ .i {background: var(--back-blue) url(/local/templates/socialit/css/../img/check-w-ic.svg) center center no-repeat;}
label.checkbox .i {display: block; position: absolute; width: 20px; height: 20px; border-radius: 6px; border: 1px solid var(--back-blue); top: 0; left: 0; }
label.checkbox a {color: var(--back-blue); text-decoration: none;}
label.checkbox a:hover {color: var(--dark-blue);}
label.checkbox.error .i {border-color: var(--red); box-shadow: 0 0 0 4px rgba(240, 68, 56, 0.12);}
label.checkbox.error .t {color: var(--red);}
label.checkbox.error .err {display: block;}

.bottom-tags-list {display: flex; flex-wrap: wrap; gap: 6px;}
.bottom-tags-list a, .bottom-tags-list span {font-size: 14px; background: var(--back-grey); display: table; line-height: 32px; color: var(--standart); border-radius: 20px; padding: 0 12px; text-decoration: none;}
.bottom-tags-list a:hover {background: var(--grey-border); color: var(--dark-blue);}

footer {padding: 56px 0 48px; background: var(--light-blue);}
footer .cols {flex-wrap: wrap; display: flex; justify-content: space-between;}
footer .logo {display: block; margin: 0 0 32px;}
footer nav ul {font-size: 16px; line-height: 140%; padding: 0; margin: 0; list-style-type: none; display: flex; flex-direction: column; gap: 12px;}
footer nav ul li a {text-decoration: none;}
footer nav ul li a:hover {color: var(--dark-blue);}
footer .contacts {display: flex; flex-direction: column; gap: 12px;}
footer .contacts a {color: var(--back-blue); font-weight: 500; text-decoration: none; letter-spacing: -1px; font-size: 24px; line-height: 120%;}
footer .contacts a.tel {color: var(--standart);}
footer .contacts a:hover {color: var(--dark-blue);}

.soc-block {flex-wrap: wrap; margin: 0 0 32px; display: flex; gap: 16px;}
.soc-block .title {line-height: 140%; font-size: 16px; font-weight: 600; width: 100%;}
.soc-block img {display: block; height: 24px;}

footer .address {display: flex; align-items: center; gap: 8px;}
footer .address .active {position: relative; padding-left: 26px;}
footer .address .active:before {content: ''; width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url(/local/templates/socialit/css/../img/city-ic.svg) center center no-repeat;}
footer .bottom {margin: 48px 0 0 0; padding: 48px 0 0 0; border-top: 1px solid var(--grey-border); width: 100%; font-size: 14px; line-height: 140%; color: var(--grey-text); display: flex; justify-content: space-between;}
footer .bottom a {text-decoration: none;}
footer .bottom a:hover {color: var(--dark-blue);}


footer .connect {position: relative;}
footer .footer-offices {position: relative; margin-top: 18px;}
footer .footer-offices summary {position: relative; display: inline-flex; align-items: center; min-height: 28px; padding-right: 34px; cursor: pointer; list-style: none; color: var(--back-blue); font-size: 14px; line-height: 140%; font-weight: 500;}
footer .footer-offices summary::-webkit-details-marker {display: none;}
footer .footer-offices summary:after {content: '+'; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%; background: white; line-height: 24px; text-align: center; font-size: 18px; font-weight: 400; transition: all 0.2s ease;}
footer .footer-offices summary:hover:after {background: var(--grey-border);}
footer .footer-offices[open] summary:after {content: '−';}
footer .footer-offices-list {position: absolute; z-index: 30; top: calc(100% + 12px); right: 0; width: 620px; max-width: calc(100vw - 32px); max-height: 240px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; margin: 0; list-style: none; border: 1px solid var(--grey-border); border-radius: 12px; background: white; box-shadow: 0 10px 26px #00000014, 0 0 4px #0000000A;}
footer .footer-office {min-width: 0; padding: 12px; border-radius: 8px; font-size: 14px; line-height: 140%;}
footer .footer-office.current {background: var(--light-blue);}
footer .footer-office-address {display: flex; flex-direction: column; gap: 4px;}
footer .footer-office-city {font-weight: 600; color: var(--standart);}
footer .footer-office.current .footer-office-city {color: var(--back-blue);}
footer .footer-office-region, footer .footer-office-street {color: var(--grey-text);}
footer .footer-office-phones {display: flex; flex-direction: column; gap: 4px; margin-top: 8px;}
footer .footer-office-phones a {color: var(--back-blue); text-decoration: none; font-size: 14px; line-height: 140%;}
footer .footer-office-phones a:hover {color: var(--dark-blue);}


.popup {background: rgba(36, 36, 36, 0.5); position: fixed; opacity: 0; top: -99999px; bottom: 0; left: -99999px; transition: opacity 0.3s ease; width: 100%; z-index: 999; display: flex; align-items: center; justify-content: center;}
.popup.visible {left: 0; top: 0; opacity: 1;}
.popup .into {position: relative; max-width: 460px; border-radius: 12px; padding: 24px; background: #fff; box-shadow: 0px 10px 26px 0px #00000014, 0px 0px 4px 0px #0000000A;}
.popup .into .title {font-size: 24px; margin: 0 0 8px; font-weight: 500; line-height: 120%;}
.popup .into .close:not(.btn) {position: absolute; cursor: pointer; top: 24px; right: 24px; width: 32px; height: 32px; background: var(--back-grey) url(/local/templates/socialit/css/../img/close-ic.svg) center center no-repeat; border-radius: 50%; transition: all 0.3s ease;}
.popup .into .close:not(.btn):hover {background-color: var(--grey-border);}
.popup .outer {width: 100%;}
.popup .form-block .btn {margin-top: 8px;}


.thanks-msg {font-size: 16px; line-height: 140%; text-align: center; max-width: 332px;}
.thanks-msg img {display: table; margin: 24px auto 24px;}
.thanks-msg .btn {width: 100%;margin-top: 24px;}

.price-lists {margin: 0 0 48px; display: flex; flex-wrap: wrap; gap: 24px;}
.price-lists .col {font-size: 16px; line-height: 140%; width: calc(100% / 3 - 16px);}
.price-lists .price {margin: 20px 0 0 0;}

.price-blocks {margin: 0 0 48px; display: flex; flex-wrap: wrap; gap: 12px;}
.price-blocks .block {background: var(--light-blue); padding: 40px; border-radius: 12px; width: calc(100% / 3 - 8px);}
.price-blocks .block .price {margin: 12px 0 0 0;}
.price-blocks .block .price + .btn {margin-top: 20px;}
.lightblue-bg .price-blocks .block {background: white;}

.staff-blocks {margin: 0 0 88px; display: flex; flex-wrap: wrap; gap: 12px;}
.staff-blocks .block {align-items: flex-start; display: flex; flex-direction: column; font-size: 16px; line-height: 140%; width: calc(50% - 6px); background: var(--light-blue); border-radius: 12px; padding: 40px;}
.staff-blocks .block ul {margin-bottom: 20px; }
.staff-blocks .block .price {margin-top: auto;}
.inner .content .staff-blocks .price + .btn {margin-top: 0px;}
.inner .content .staff-blocks ul.check + .price {margin-top: auto;}

.pic-txt {margin: 0 0 88px; display: flex; justify-content: space-between; gap: 12px;}
.pic-txt .pic {border-radius: 12px; overflow: hidden; width: 100%;}
.pic-txt .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.pic-txt .txt {padding: 0 0 0 56px;  width: 100%;}

.txt-descr {margin: -12px 0 48px;}

.advantages-block {margin: 0 0 88px; counter-reset: stepsnum; display: flex; flex-wrap: wrap; gap: 12px;}
.advantages-block .block {font-size: 16px; line-height: 140%; color: var(--grey-text); padding: 40px; border-radius: 12px; background: var(--light-blue); width: calc(25% - 9px);}
.advantages-block .block:before {content: ''; display: block; width: 48px; height: 48px; border-radius: 50%; margin: 0 0 20px; background: white url(/local/templates/socialit/css/../img/check-ic.svg) center center no-repeat;}
.advantages-block .block .title {font-size: 22px; line-height: 130%; margin: 0 0 20px; font-weight: 500; color: var(--standart);}
.lightblue-bg .advantages-block .block {background: white;}

.steps-block {margin: 0 0 88px; counter-reset: stepsnum; display: flex; flex-wrap: wrap; gap: 12px;}
.steps-block .block {font-size: 16px; line-height: 140%; color: var(--grey-text); padding: 40px; border-radius: 12px; background: var(--light-blue); width: calc(25% - 9px);}
.steps-block .block:before {display: block; margin: 0 0 20px; border-radius: 50%; color: white; font-size: 22px; width: 48px; height: 48px; line-height: 48px; text-align: center; background: var(--back-blue); content: counter(stepsnum); counter-increment: stepsnum;}
.steps-block .block .title {font-size: 22px; line-height: 130%; margin: 0 0 20px; font-weight: 500; color: var(--standart);}
.steps-block.two-cols .block {width: calc(50% - 6px);}
.steps-block.vars .descr {color: var(--grey-text); border-bottom: 1px solid var(--grey-border); padding: 0 0 20px; margin: 0 0 20px;}
.steps-block.vars ul.check.big {font-size: 16px; line-height: 140%;}
.steps-block.vars ul.check.big li {padding-left: 48px;}
.steps-block.vars ul.check.big li:before {width: 32px; height: 32px;background-size: 12px auto; background-color: white;}
.steps-block.vars ul.check.big li b {font-weight: 600; margin: 0 0 4px; display: block; color: var(--back-blue);}
.lightblue-bg .steps-block {margin: 0;}
.lightblue-bg .steps-block .block {background: white;}

.text-cols {margin: 0 0 88px; display: flex; flex-wrap: wrap; gap: 12px;}
.text-cols .col {align-items: flex-start; display: flex; flex-direction: column; font-size: 16px; line-height: 140%; width: calc(50% - 6px); background: var(--light-blue); border-radius: 12px; padding: 40px;}
.lightblue-bg .text-cols .col {background: #fff;}
.lightblue-bg .text-cols {margin: 0;}
.text-cols .col h4 {font-size: 24px; padding: 0 0 20px; margin: 0; font-weight: 500; line-height: 125%;}
.text-cols .col p {padding: 0 0 16px;}
.text-cols .col p:last-child {padding: 0;}
.text-cols.thirds .col {width: calc(100% / 3 - 8px);}

.content .text-cols.cont h2 {font-size: 32px; line-height: 110%; margin: 0 0 12px;}
.content .text-cols.cont b {color: var(--grey-text);}
.content .text-cols.cont a {color: var(--back-blue); text-decoration: none;}

.map-block {margin: -48px 0 88px; border-radius: 12px; overflow: hidden;}
.lightblue-bg .map-block {margin: 0;}

.geo-list {padding: 0; margin: 0 0 88px; list-style-type: none; columns: 4;}
.geo-list li {break-inside: avoid; margin: 0 0 16px;}
.geo-list li a {color: var(--back-blue); text-decoration: none; display: table; padding-left: 28px; position: relative; line-height: 22px;}
.geo-list li a:before {content: ''; display: block; position: absolute; top: 50%; margin-top: -10px; left: 0; width: 20px; height: 20px; background: url(/local/templates/socialit/css/../img/geo-ic.svg) center center no-repeat;}
.geo-list li a:hover {color: var(--dark-blue);}

.projects-page {margin: 0 0 88px;}
.project-item {border-bottom: 1px solid var(--grey-border); display: flex; position: relative; justify-content: space-between; text-decoration: none; padding: 0 0 48px; margin: 0 0 48px;}
.project-item:last-child {border-bottom: 0;}
.project-item .txt h2 {font-weight: 500; font-size: 32px; line-height: 120%; margin: 0 0 24px;}
.project-item .txt {width: calc(100% - 693px);}
.project-item .txt .inf {line-height: 140%; padding: 0 0 18px; color: var(--grey-text);  font-size: 16px; display: table;}
.project-item .txt .inf p {display: table-row;}
.project-item .txt .inf span {display: table-cell; padding: 0 0 6px;}
.project-item .txt .inf span:first-child {padding: 0 10px 0 0;}
.project-item .txt p:last-child {padding-bottom: 0;}
.project-item .txt .go {margin-top: 24px;}
.project-item .pic {height: 367px; border-radius: 12px; overflow: hidden; width: 653px;}
.project-item .pic img {width: 100%; height: 100%; display: block; object-fit: cover;}

.text-page {font-size: 16px; line-height: 140%; padding: 0 0 88px;}
.text-page:last-child {padding-bottom: 0;}
.content .text-page h2 {margin-bottom: 40px; font-size: 32px; padding-top: 24px; font-weight: 500;}
.content .text-page h2:first-child {padding-top: 0;}
.content .text-page h3 {font-size: 24px;  color: inherit; font-weight: 500;}

.content .text-page h2 {font-size: 32px; margin: 0 0 20px; line-height: 125%;}
.text-page ul {padding: 0; margin: 0 0 20px; list-style-type: none; display: flex; flex-direction: column; gap: 4px;}
.text-page ol {padding: 0 0 0 30px; margin: 0 0 20px; display: flex; flex-direction: column; gap: 4px;}
.text-page ol.bold {font-weight: 600;}
.text-page ol.bold ul:not(.bold) {font-weight: normal;}
.text-page ol ul {padding: 4px 0 0; margin: 0 0 16px;}
.text-page ol li:last-child ul {margin: 0;}
.text-page ol ul li {padding-left: 0;}
.text-page ol ul li:before {left: -12px;}
.text-page ul li {position: relative; padding-left: 28px;}
.text-page ul li:before {content: ''; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--back-blue); left: 16px; top: 8px;}
.inner .content .text-page p {padding: 0 0 16px;}


.project-detail {position: relative;}
.project-detail .pic {height: 592px; overflow: hidden; border-radius: 12px; width: calc(100% - 452px); margin: 0 0 40px;}
.project-detail .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.project-detail .txt {position: relative; max-width: calc(100% - 452px);}
.project-detail .reviews-block {position: absolute; left: calc(100% + 32px); width: 404px; top: 0; display: flex; flex-direction: column; gap: 40px;}
.project-detail .reviews-block img {display: block; width: 100%; box-shadow: 0px 8px 16px 0px #00000014, 0px 0px 4px 0px #0000000A;}

.short-descr {font-size: 22px; margin: 0 0 88px; max-width: 1005px; line-height: 140%;}
.short-descr p:last-child {padding-bottom: 0!important;}
.block-text-wrap {margin: 0 0 88px;}
.block-text-wrap > *:last-child {margin-bottom: 0; padding-bottom: 0;}

.faq-page:last-child {margin-bottom: 88px;}
.faq-page .block {padding: 0 0 32px; margin: 0 0 32px; border-bottom: 1px solid var(--grey-border);}
.faq-page .block .que {font-weight: 600; margin: 0 0 8px;}
.faq-page .block .ans {margin: 0 0 8px; font-size: 16px; line-height: 140%; }
.faq-page .block p:last-child {padding: 0;}
.faq-page .block .go {font-size: 16px;}
.faq-page .block .go:after {width: 20px; height: 20px; background-size: contain; margin-top: -10px;}


ul.pagination {display: flex; padding: 0; margin: 32px 0 88px; list-style-type: none; gap: 6px;}
ul.pagination span, ul.pagination a {position: relative; transition: all 0.3s ease; width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; text-decoration: none; border-radius: 8px; background: var(--back-grey); font-size: 14px; color: var(--back-blue);}
ul.pagination span {cursor: default;}
ul.pagination li:not(.active) a:not(.disabled):hover {background: var(--grey-border);}
ul.pagination .active span, ul.pagination .active a {background: var(--back-blue); color: white;}
ul.pagination .next span:before, ul.pagination .next a:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/socialit/css/../img/go-arr.svg) center center/20px auto no-repeat;}
ul.pagination .prev span:before, ul.pagination .prev a:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; transform: scale(-1,1); background: url(/local/templates/socialit/css/../img/go-arr.svg) center center/20px auto no-repeat;}
ul.pagination .prev span.disabled:before, ul.pagination .prev a.disabled:before,
ul.pagination .prev span.disabled:before, ul.pagination .prev a.disabled:before {filter: grayscale(100%); opacity: 0.5;}
ul.pagination .next span:not(.disabled):hover, ul.pagination .next a:not(.disabled):hover {background-color: var(--grey-border);}
ul.pagination .next span.disabled, ul.pagination .next a.disabled,
ul.pagination .prev span.disabled, ul.pagination .prev a.disabled {cursor: default;}
ul.pagination .next span:not(.disabled), ul.pagination .next a:not(.disabled) {background: none;}
ul.pagination .prev span:not(.disabled), ul.pagination .prev a:not(.disabled) {background: none;}

.faq-detail {margin: 0 0 88px;}
.faq-detail .que {font-size: 22px; line-height: 130%; margin: 0 0 48px;}
.faq-detail .ans {margin: 0 0 48px; border-radius: 12px; background: var(--light-blue); padding: 48px; font-size: 16px; line-height: 150%;}
.faq-detail .ans img {margin: 12px 0; display: block; border-radius: 12px;}
.faq-detail .ans p:last-child img {margin-bottom: 0;}
.faq-detail .ans p:last-child {padding: 0;}

.news-list {margin-bottom: 48px; display: flex; flex-wrap: wrap; gap: 12px;}
.news-list:last-child {margin-bottom: 88px;}
.art-item {display: block; color: inherit; text-decoration: none; width: calc(100% / 3 - 8px); border-radius: 12px; overflow: hidden; background: var(--light-blue);}
.art-item:hover .inf .title {color: var(--dark-blue);}
.art-item .pic {height: 292px;}
.art-item .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.art-item .inf {padding: 32px;}
.art-item .inf .descr {font-size: 16px; line-height: 140%;}
.art-item .inf .date {display: block; font-size: 14px; line-height: 140%; color: var(--grey-text); margin: 0 0 16px;}
.art-item .inf .title {transition: all 0.3s ease; font-size: 16px; line-height: 140%; font-weight: 600; margin: 0 0 16px; color: var(--back-blue);}

.news-detail {max-width: 100%;}
.news-detail img {margin: 12px 0; display: block; border-radius: 12px;}

.lightblue-block {margin: 0 0 88px; border-radius: 12px; background: var(--light-blue); padding: 56px;}
.content .lightblue-block h2 {font-size: 48px; margin: 0 0 48px;}
.lightblue-block ul.check.big {font-size: 18px;}
.lightblue-block ul.check.big li:before {background-color: white;}

.our-prog .col {color: var(--grey-text);}
.our-prog .col h3 {color: var(--standart); font-weight: 500; font-size: 24px; margin: 0 0 20px; line-height: 130%;}

/*jquery ui*/ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("/local/templates/socialit/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("/local/templates/socialit/css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("/local/templates/socialit/css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("/local/templates/socialit/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("/local/templates/socialit/css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/local/templates/socialit/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/socialit/css/images/ui-icons_888888_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:"alpha(opacity=30)"}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}
/*facybox/*/body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:rgba(18, 19, 22, 0.6);opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:1;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
body .fancybox-toolbar .fancybox-button--arrow_left, body .fancybox-toolbar .fancybox-button--arrow_right {display: none;}
body .fancybox-button {width: 48px; height: 48px; background: #fff; padding: 0; border-radius: 50%; top: 24px; right: 24px;}
body .fancybox-button svg {display: none;}
body .fancybox-button:after {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/socialit/css/../img/fancy-close-ic.svg) center center no-repeat;}
body .fancybox-button:hover:after {filter: brightness(70%);}
body .fancybox-navigation .fancybox-button--arrow_left {top: calc(50% - 24px); transform: scale(-1,1); left: 20px; padding: 0; width: 48px; height: 48px; }
body .fancybox-navigation .fancybox-button--arrow_left:disabled,
body .fancybox-navigation .fancybox-button--arrow_right:disabled {opacity: 0.5; cursor: default;}
body .fancybox-navigation .fancybox-button--arrow_left:after {background: url(/local/templates/socialit/css/../img/go-arr.svg) center center no-repeat;}
body .fancybox-navigation .fancybox-button--arrow_right {top: calc(50% - 24px); right: 20px; padding: 0; width: 48px; height: 48px; }
body .fancybox-navigation .fancybox-button--arrow_right:after {background: url(/local/templates/socialit/css/../img/go-arr.svg) center center no-repeat;}
body .fancybox-content {
  position: relative;
}

.fancybox-dots {
  position: absolute;
  bottom: -25px; /* �����: ����� ��� �������� */
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .fancybox-slide--image .fancybox-content img {
    max-width: 100vw !important;
    height: auto !important;
  }
}

@media all and (max-width:1400px) {
ul.tabs-links .cut-ic {width: 44px; height: 44px;}
.advantages-block, .steps-block {margin-bottom: 72px;}
.advantages-block .block .title {font-size: 18px;}
.advantages-block .block:before {width: 40px; height: 40px; margin: 0 0 20px; line-height: 40px; font-size: 18px;}
.steps-block .block .title {font-size: 20px;}
.steps-block .block:before{width: 40px; height: 40px; line-height: 40px; margin: 0 0 20px; font-size: 18px;}
.steps-block .block, .steps-block.vars ul.check.big, .advantages-block .block .descr {font-size: 14px;}
.inner .content .our-prog h3 {font-size: 20px;}
.lightblue-block {margin-bottom: 72px; padding: 48px;}
.lightblue-block ul.check.big.columns {font-size: 16px;}
.art-item .pic {height: calc(100vw / 3 * 0.65 - 40px);}
.art-item .inf .descr {font-size: 14px;}
ul.pagination, .faq-detail  {margin-bottom: 72px;}
.short-descr {font-size: 18px;}
.geo-list, .short-descr, .block-text-wrap {margin-bottom: 72px;}
.content .text-cols.cont h2 {font-size: 24px;}
.map-block {margin-top: -24px;}
.map-block {margin-bottom: 72px;}
body .fancybox-button {width: 40px; height: 40px; top: 20px; right: 20px;}
body .fancybox-navigation .fancybox-button--arrow_left {width: 40px; height: 40px;}
body .fancybox-navigation .fancybox-button--arrow_right {width: 40px; height: 40px;}
.content .text-page h2 {font-size: 24px;}
.project-detail .reviews-block  {width: 356px;}
.project-detail .txt {max-width: calc(100% - 412px);}
.project-detail .pic {width: calc(100% - 412px); height: 528px; margin: 0 0 40px;}
.projects-page {margin-bottom: 72px;}
.inner .first-screen-section {padding-bottom: 72px;}
.pic-txt, .text-cols {margin-bottom: 72px;}
.txt-descr {margin-bottom: 40px;}
ul.check.big li:before {width: 34px; height: 34px; top: 1px;}
ul.check.big li {padding-left: 50px;}
ul.check.big {font-size: 18px;}
.btn + .lightblue-bg {margin-bottom: 72px;}
.price-lists, .price-blocks {margin-bottom: 40px;}
.price-lists .col {font-size: 14px;}
.price-lists .col ul.check li:before {top: 4px;}
.inner .content .price {font-size: 20px;}
.inner .content h3 {font-size: 24px;}
.toppanel .city-popup.cities-list .title {font-size: 20px;}
.toppanel .city-popup {width: 380px; padding: 24px;}
.toppanel .city-popup .close:not(.btn) {width: 28px; height: 28px; top: 20px; right: 24px;}
.toppanel .city-popup .btns .btn {line-height: 40px; font-size: 14px;}
.toppanel .city-popup .title {font-size: 16px;}
.plans-scroll-wrap .long-plan .title {font-size: 24px;}
.plans-scroll-wrap .long-plan .title small, .plans-scroll-wrap .long-plan {font-size: 14px;}
.content {padding: 72px 0;}
.plans-block, .popular-services, .faq-list {margin-bottom: 72px;}
.lightblue-bg {padding: 72px 0; margin-bottom: 72px;}
.bottom-form-block {padding: 72px 0 40px;}
footer {padding: 48px 0 40px;}
header .logo {height: 34px;}
header .city .active, header nav ul li a {font-size: 14px;}
body {font-size: 16px;}
header .btn {line-height: 34px; font-size: 13px; padding: 0 12px;}
header nav.menu ul li a {font-size: 13px;}
.first-screen-section {padding: 64px 0; min-height: 596px;}
.first-screen-section .txt h1 {font-size: 56px;}
.first-screen-text {font-size: 18px;}
.btn {line-height: 46px; padding: 0 20px; font-size: 16px;}
.first-screen-section .stat-value {font-size: 24px;}
.first-screen-section .stat-card {font-size: 14px;}
.content h2 {font-size: 40px; line-height: 120%; margin-bottom: 40px;}
.plans-tabs {margin-bottom: 40px;}
.plans-tabs a, .plans-tabs button, ul.tabs-links li > a, ul.tabs-links li > button {line-height: 44px; font-size: 14px;}
.calc-block {margin-bottom: 40px;}
.calc-block .left {font-size: 24px; max-width: 250px;}
.calc-block .right {width: calc(100% - 290px);}
.calc-block .right .block input {font-size: 24px;}
.plans-list .title, .pop-service-card .title {font-size: 24px;}
.plans-list {font-size: 14px;}
.project-card .pic {height: 394px;}
.project-card .title {font-size: 20px;}
.bottom-form-block {font-size: 40px;}
.bottom-form-block .descr {margin-bottom: 40px;}
.bottom-form-block .form-block {max-width: 998px;}
.form-block .outer label {font-size: 14px;}
.bottom-tags-list a, .bottom-tags-list span {line-height: 28px; font-size: 13px;}
footer .logo {height: 34px;}
footer nav ul {font-size: 14px;}
footer .contacts a {font-size: 20px;}
footer .title {font-size: 14px;}
footer {font-size: 14px;}
footer .bottom {font-size: 13px;}
.flex-title {margin-bottom: 32px;}
.plan-text ol li:before {top: -2px;}
.staff-blocks {margin-bottom: 72px;}
.text-cols .col {padding: 40px;}
.project-item {margin-bottom: 40px; padding-bottom: 40px;}
.project-item .pic {width: 493px; height: 327px;}
.project-item .txt {width: calc(100% - 533px);}
.project-item .txt h2 {font-size: 24px;}
.content h1 {font-size: 56px; margin: 0 0 64px;}
.text-page {padding-bottom: 72px;}
ul.pagination span, ul.pagination a {width: 32px; height: 32px; line-height: 32px; font-size: 13px;}
ul.pagination .next span:before, ul.pagination .next a:before, ul.pagination .prev span:before, ul.pagination .prev a:before {background-size: 16px auto;} {background-size: 20px auto;}
.inner .content .text-page h3 {font-size: 20px;}
}


@media all and (max-width:1200px) {
.advantages-block .block {padding: 32px; width: calc(50% - 8px);}
.lightblue-block {padding: 40px;}
.content .lightblue-block h2 {font-size: 32px;}
.lightblue-block, .advantages-block  {margin-bottom: 64px;}
.art-item .inf {padding: 24px;}
.art-item .inf .date {font-size: 13px;}
.art-item .inf .title {font-size: 14px;}
.faq-detail .ans {padding: 40px;}
.faq-detail .que {font-size: 18px; margin: 0 0 32px;}
ul.pagination, .faq-detail, .steps-block {margin-bottom: 64px;}
.inner .task-block {display: flow-root;}
.inner .task-block .txt {width: 100%; max-width: 100%;}
.inner .task-block .txt.long, .task-block .txt.long:not(:first-child) {padding-top: 0; clear: both;}
.inner .task-block .pic {height: 312px; width: 474px; max-width: 45%; margin: 0 0 40px 30px; float: right; order: 1;}
.map-block, .geo-list, .short-descr, .block-text-wrap{margin-bottom: 64px;}
.text-page {padding-bottom: 64px; font-size: 14px;}
.project-detail .txt {max-width: calc(100% - 242px);}
.project-detail .pic {height: 476px; width: calc(100% - 242px);}
.project-detail .reviews-block  {width: 210px;}
.content h1 {margin: 0 0 48px;}
.projects-page {margin-bottom: 64px;}
.project-item {padding-bottom: 32px; margin-bottom: 32px;}
.project-item .txt h2{margin-bottom: 20px;}
.project-item .pic {width: 393px; height: 260px;}
.project-item .txt {width: calc(100% - 423px);}
.text-cols .col {padding: 32px;}
.text-cols .col {font-size: 14px;}
.text-cols .col h4 {font-size: 20px;}
.steps-block .block {padding: 24px;}
.steps-block .block:before {width: 40px; height: 40px; margin: 0 0 16px; line-height: 40px; font-size: 18px;}
.steps-block .block .title {font-size: 18px; margin: 0 0 16px;}
.txt-descr {margin-bottom: 32px;}
.inner .first-screen-section {padding-bottom: 64px;}
.staff-blocks, .text-cols {margin-bottom: 64px;}
.price-blocks .block,.staff-blocks .block {padding: 32px;}
.btn + .lightblue-bg {margin-top: 64px;}
.pic-txt {margin-bottom: 64px;}
.inner .content .price + .btn {margin-top: 40px;}
.toppanel .city-popup ul {gap: 16px;}
.content {padding: 64px 0;}
.plans-block, .popular-services, .faq-list {margin-bottom: 64px;}
.lightblue-bg {padding: 64px 0; margin-bottom: 64px;}
.bottom-form-block {padding: 64px 0 40px;}
footer {padding: 48px 0 40px;}
header .phones {display: flex; flex-direction: column; height: 56px; justify-content: center; flex-wrap: wrap; row-gap: 0;}
header .phones a {display: table;}
header .phones .btn {margin-left: auto;}
.all {Padding: 0 32px;}
header .logo {height: 32px;}
ul.tabs-links li > a, ul.tabs-links li > button {font-size: 13px; white-space: nowrap; padding: 0 16px;}
.tabs-content {position: relative; max-width: 100%;}
.task-block .pic {height: 312px;}
.pop-service-card {padding: 32px;}
body .swiper-button-next, body .swiper-button-prev {width: 46px; height: 46px; right: -24px;}
body .swiper-button-prev {right: auto; left: -24px;}
.project-card .pic {height: 314px; margin-left: -32px; width: calc(100% + 64px);}
.project-card {padding: 0 32px 32px 32px;}
.project-card.no-pic {padding-top: 32px;}
.content h2 {margin-bottom: 32px;}
.form-block .inp-txt {padding-top: 10px; height: 46px; font-size: 14px; padding-left: 12px; padding-right: 12px;}
.form-block .outer label {line-height: 46px; left: 12px; font-size: 14px;}
.form-block .inp-txt:focus ~ label, .form-block .inp-txt.ok ~ label {top: 4px; line-height: 12px; font-size: 12px;}
.form-block .btn {margin-top: 12px;}
footer .address {display: block;}
footer .address .street {display: block; margin-left: 26px;}
ul.tabs-links {margin-bottom: 32px;}
.map-block iframe {height: 430px;}
}


@media all and (max-width:1000px) {
.advantages-block .block:before {margin-bottom: 12px;}
.advantages-block .block {padding: 24px;}
ul.check.white li:before {width: 28px; height: 28px; left: 16px; top: 2px;}
ul.check.white li {padding-left: 56px;}
.text-cols.thirds .col {width: 100%; padding: 24px;}
.lightblue-block {padding: 32px;}
.lightblue-block, .advantages-block  {margin-bottom: 56px;}
.art-item {width: calc(50% - 8px);}
.art-item .pic {height: calc(30vw - 40px);}
ul.pagination, .faq-detail, .steps-block {margin-bottom: 56px;}
.inner .task-block .pic {float: none; margin: 0 0 32px; width: 100%; height: 70vw; width: 100%; max-width: 100%;}
.map-block, .geo-list {margin-bottom: 48px;}
.text-cols .col p {padding-bottom: 12px;}
.geo-list li a {font-size: 14px;}
.map-block iframe {height: 320px;}
.text-cols .col {padding: 24px;}
.map-block {margin-top: -32px;}
.text-page {padding-bottom: 40px;}
.projects-page {margin-bottom: 56px;}
.project-item .txt .inf {font-size: 14px; padding: 0 0 12px;}
.project-item .txt h2 {margin-bottom: 12px;}
.project-item {border: 0; margin-bottom: 48px; padding-bottom: 0; flex-direction: column; width: 100%; gap: 24px;}
.project-item .pic {height: 60vw; order: 1; width: 100%;}
.project-item .txt {order: 2; width: 100%;}
.content h1 {margin: 0 0 40px;}
.steps-block .block {width: calc(50% - 6px);}
ul.check.big:not(.columns) li:before {top: 50%; margin-top: -17px;}
.steps-block ul.check.big:not(.columns) li:before {top: 0; margin: 0;}
ul.check.big {gap: 12px; font-size: 16px;}
.pic-txt  {margin-bottom: 56px;}
.pic-txt .txt {padding-left: 20px;}
.staff-blocks {margin-bottom: 56px;}
.btn + .lightblue-bg {margin-top: 56px;}
.inner .content .price {font-size: 18px;}
.price-blocks .block,.staff-blocks .block {padding: 24px;}
.toppanel .city-popup ul {font-size: 14px;}
.toppanel .city-popup {width: 350px;}
.mobile-menu {transition: left 0.3s ease; display: block; position: fixed; top: 0; left: 100vw; bottom: 0; width: 100%; background: #fff; z-index: 99;}
.menu-open .mobile-menu {left: 0;}
.mobile-menu.second-level {left: -100vw;}
.mobile-menu .menu-title {line-height: 80px; text-align: center; border-bottom: 1px solid var(--grey-border); font-size: 16px; font-weight: 500; position: relative;}
.mobile-menu .close {position: fixed; z-index: 999;  width: 34px; height: 34px; display: block; cursor: pointer; background: var(--back-grey) url(/local/templates/socialit/css/../img/close-ic.svg) center center no-repeat; border-radius: 8px; left: -9999px; opacity: 0; transition: opacity 0.3s ease; top: 23px;}
.menu-open .mobile-menu .close {left: auto; right: 24px; opacity: 1;}
.mobile-menu nav {padding: 32px 24px; height: calc(100dvh - 80px); overflow: auto;}
.mobile-menu nav ul {gap: 24px; display: flex; flex-direction: column;}
.mobile-menu nav ul li {position: static;}
.mobile-menu nav ul li ul {position: fixed; top: 0; left: 100vw; width: 100vw; background: #fff; height: 100dvh; transition: left 0.3s ease;}
.mobile-menu.second-level nav ul li ul {left: 0;}
.mobile-menu.second-level nav ul li.open ul {z-index: 10;}
.mobile-menu nav ul li a {position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: normal;}
.mobile-menu nav ul li.menu-parent>a .str {display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 0; background: url(/local/templates/socialit/css/../img/mob-menu-arr.svg) center center no-repeat;}
.mobile-menu nav .services ul li a {font-weight: 500;}
.mobile-menu nav .services ul li ul li {padding: 0 24px;}
.mobile-menu nav .services ul li ul li a {font-weight: normal;}
.mobile-menu nav .services ul li ul .menu-title {background: url(/local/templates/socialit/css/../img/back-ic.svg) center left 24px no-repeat;}
.mobile-menu nav .menu-btn {display: none;}
.mobile-menu .subtitle {font-size: 20px; line-height: 28px; font-weight: 500; margin: 0 0 24px;}
.mobile-menu ul {padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--grey-border);}
header .mobile-menu .city .active {display: block; margin: 0 0 20px;}
.mobile-menu .contacts a.tel {color: var(--standart); display: inline-block; margin: 0 12px 0 0;}
.mobile-menu .contacts a {font-size: 20px; line-height: 28px; font-weight: 500; color: var(--back-blue);}
.mobile-menu .contacts a:not(.tel) {margin-top: 20px; display: table;}
.mobile-menu .soc-block {margin: 20px 0 0 0; gap: 12px;}
.mobile-menu .soc-block .title {width: auto;}
.all {padding: 0 24px;}
header nav.menu, .toppanel nav {display: none;}
.toppanel .menu-ic {display: block; background: var(--back-grey); position: relative; width: 34px; height: 34px; border-radius: 8px;}
.toppanel .menu-ic:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/socialit/css/../img/menu-ic.svg) center center no-repeat;}
header .phones {margin: 0 20px 0 auto;}
header .city {margin: 0 auto;}
.content {padding: 56px 0;}
.plans-block, .popular-services, .faq-list {margin-bottom: 56px;}
.lightblue-bg {padding: 56px 0; margin-bottom: 56px;}
.bottom-form-block {padding: 56px 0 40px;}
.first-screen-section {padding: 56px 0;}
.first-screen-stats {margin: 64px 0 0 0; gap: 12px; flex-wrap: wrap;}
.first-screen-section .stat-card {width: calc(50% - 6px);}
.plans-block {display: flex; flex-direction: column; align-items: flex-start;}
.plans-tabs a, .plans-tabs button {padding: 0 16px; white-space: nowrap;}
.plans-tabs li {width: auto;}
.calc-block {margin-bottom: 32px; flex-direction: column; border-radius: 12px; padding: 32px;}
.calc-block .left {width: 100%; max-width: 100%; margin: 0 0 16px;}
.calc-block .right {width: 100%;}
.plans-list .row .col.left, .plans-list .col:first-child {max-width: 127px; min-width: 127px;}
.plans-list .col {width: 100%;}
.plans-list .row .col:not(:last-child) {padding-right: 10px;}
.spoiler-btn a, .spoiler-btn button {font-size: 14px;}
.plans-list .price {font-size: 20px;}
.plans-block small {margin-top: 32px;}
.tabs-list-wrap {-ms-overflow-style: none; scrollbar-width: none;  margin-left: -24px; margin-right: -24px; width: calc(100% + 48px); max-width: calc(100% + 48px); padding: 0 24px; overflow: auto;}
.tabs-list-wrap::-webkit-scrollbar {width: 0; height: 0;}
.task-block {flex-direction: column;}
.task-block .pic {order: 1; float: none; width: 100%; height: 60vw; margin: 0 0 16px;}
.task-block .txt {width: 100%; order: 2;}
body .swiper-button-next, body .swiper-button-prev {display: none;}
body .swiper-pagination {margin: 24px 0 0 0; display: flex; width: 100%; justify-content: center; gap: 8px; position: relative; bottom: auto;}
body .swiper-pagination-bullet {padding: 0; margin: 0!important; width: 8px; height: 8px; border-radius: 50%; background; var(--back-grey);}
body .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--back-blue);}
.projects-block .projects-swiper {overflow: visible;}
.project-card .pic {height: 477px;}
.faq-list .spoiler-btn a, .faq-list .spoiler-btn button {font-size: 16px;}
.faq-list .spoiler-btn {margin-top: 32px;}
footer .cols {display: block; columns: 3;}
footer .cols .col {break-inside: avoid;}
footer .cols .col:nth-child(4) {margin-top: 32px;}
footer {padding-bottom: 32px;}
footer .bottom {margin-top: 32px; padding-top: 32px;}
.plans-block small {font-size: 13px;}
.steps-block .block {font-size: 14px;}
.staff-blocks, .text-cols {margin-bottom: 56px;}
.project-detail .reviews-block {width: 150px;}
.project-detail .txt {max-width: calc(100% - 182px);}
.project-detail .pic {height: 60vw; width: 100%; margin-bottom: 32px;}
}


@media all and (max-width: 700px) {
footer .connect {width: 100%;}
footer .footer-offices {width: 100%; margin-top: 16px;}
footer .footer-offices summary {font-size: 14px;}
footer .footer-offices-list {position: static; width: 100%; max-width: 100%; max-height: none; grid-template-columns: 1fr; gap: 8px; padding: 12px; margin-top: 12px; box-shadow: none; background: rgba(255, 255, 255, 0.7);}
footer .footer-office {padding: 10px;}
.inner .content .text-page h3 {font-size: 18px;}
.advantages-block .block:before {width: 32px; height: 32px; margin: 0 0 12px;}
.advantages-block .block .title {font-size: 16px; margin: 0 0 12px;}
.advantages-block .block {width: 100%; padding: 20px;}
.steps-block.two-cols .block {width: 100%;}
.steps-block.vars .block:before {margin-bottom: 16px;}
.steps-block.vars .descr {padding-bottom: 16px; margin-bottom: 16px;}
.inner .content .our-prog h3 {font-size: 18px; margin: 0 0 8px;}
ul.check.columns {columns: 1; gap: 16px; display: flex; flex-direction: column;}
ul.check.big.columns li:before {margin-top: 0;}
.lightblue-block {padding: 20px;}
.content .lightblue-block h2 {font-size: 22px; margin: 0 0 20px;}
.content h2 {font-size: 22px; margin: 0 0 20px;}
.lightblue-block, .advantages-block  {margin-bottom: 40px;}
.art-item {width: 100%;}
.art-item .pic {height: calc(70vw - 32px);}
.art-item .inf {padding: 20px;}
.faq-detail .que {font-size: 16px; margin: 0 0 24px;}
.faq-detail .ans {margin-bottom: 24px; padding: 20px;}
.faq-detail, .steps-block {margin-bottom: 40px;}
ul.pagination {margin-bottom: 40px;}
ul.pagination span, ul.pagination a {width: 28px; height: 28px; line-height: 28px; font-size: 13px;}
ul.pagination .next span:before, ul.pagination .next a:before, ul.pagination .prev span:before, ul.pagination .prev a:before {background-size: 16px auto;}
ul.pagination li:nth-child(8):nth-last-child(4) {display: none;}
.faq-page .block .ans {font-size: 14px;}
.faq-page .block .go {font-size: 14px;}
.faq-page .block {padding-bottom: 20px; margin-bottom: 20px;}
.inner .content .task-block h3 {font-size: 18px; margin: 0 0 14px;}
.table {font-size: 14px;}
.inner .content .price {font-size: 16px; }
.table tr {margin-bottom: 16px; border-bottom: 1px solid var(--grey-border); display: block;}
.table table td {padding-top: 0; border: 0; display: block;}
.short-descr {font-size: 16px; margin-bottom: 40px;}
.block-text-wrap {margin-bottom: 40px;}
.geo-list {margin-bottom: 32px; columns: 2;}
.map-block iframe {height: 225px;}
.map-block {margin-bottom: 40px;}
body .fancybox-navigation .fancybox-button--arrow_left, body .fancybox-navigation .fancybox-button--arrow_right {display: none;}
.breadcrumbs {-ms-overflow-style: none; scrollbar-width: none; overflow: auto; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); padding: 0 16px; margin-bottom: 20px; font-size: 13px; white-space: nowrap; display: flex; flex-wrap: nowrap; }
.breadcrumbs::-webkit-scrollbar {width: 0; height: 0;}
.content .text-page h2 {padding-top: 8px;}
.content .text-page h2 {font-size: 18px; margin: 0 0 12px;}
.project-detail .txt {max-width: 100%;}
.project-detail .reviews-block {padding-bottom: 16px; padding-top: 16px; flex-direction: row; position: relative; width: 100%; display: flex; flex-wrap: wrap; gap: 12px; left: auto; top: auto;}
.project-detail .reviews-block a {width: calc(50% - 6px);}
.projects-page .btn {width: 100%; text-align: center;}
.projects-page {margin-bottom: 40px;}
.project-item {margin-bottom: 32px;}
.project-item .txt h2 {font-size: 18px;}
.content h1 {font-size: 32px; margin: 0 0 32px; letter-spacing: -0.5px;}
.staff-blocks, .text-cols {margin-bottom: 40px;}
.text-cols .col {width: 100%; padding: 20px;}
.text-cols .col h4 {font-size: 18px;}
.steps-block .block {width: 100%; padding: 20px;}
.steps-block .block:before {width: 32px; height: 32px; font-size: 16px; line-height: 32px; margin: 0 0 8px;}
.steps-block .block .title {font-size: 16px; margin: 0 0 8px;}
.pic-txt {margin-bottom: 40px;}
.pic-txt {flex-direction: column; gap: 20px;}
.pic-txt .pic {width: 100%; height: 70vw;}
.pic-txt .txt {padding: 0; width: 100%;}
ul.check.big {font-size: 15px;}
ul.check.big li {padding-left: 44px;}
ul.check.big li:before {width: 32px; height: 32px; margin-top: -16px;}
.inner .first-screen-section {min-height: 420px; padding-bottom: 40px;}
.inner .content .price + .btn {margin-top: 24px;}
.inner .content p {padding-bottom: 16px;}
.staff-blocks {flex-direction: column; gap: 12px;}
.staff-blocks .block {font-size: 14px; width: 100%; padding: 20px;}
.staff-blocks .block h3 {font-size: 18px;}
.staff-blocks .block .btn {width: 100%; text-align: center;}
.btn + .lightblue-bg {margin-top: 40px;}
.lightblue-bg .btn {width: 100%; text-align: center;}
.price-lists {margin: 0 0 24px; flex-direction: column; gap: 24px;}
.price-blocks {margin: 0 0 24px; flex-direction: column; gap: 12px;}
.price-lists .col, .price-blocks .block {width: 100%;}
.price-lists + .btn, .price-blocks + .btn {width: 100%; text-align: center;}
.inner .content .price-lists  h3 {font-size: 18px; margin: 0 0 16px;}
.inner .content ul.check + .price {margin-top: 16px;}
.thanks-msg {margin: 0 auto; max-width: 400px;}
.toppanel .city-popup.cities-list, .popup {padding: 0; align-items: flex-end;}
.toppanel .city-popup.cities-list .into, .popup .into  {transform: translateY(100dvh); padding: 24px 20px; width: 100%; max-width: 100%; border-radius: 12px 12px 0 0; transition: transform 0.3s ease;}
.popup.visible .into {transform: none;}
.toppanel .city-popup.cities-list.visible .into {transform: none;}
.toppanel .city-popup {z-index: 100; border-radius: 0; position: fixed; width: 100%; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(18, 19, 22, 0.6);}
.toppanel .city-popup.visible {top: 0;}
.toppanel .city-popup .into {width: calc(100% - 30px); max-width: 350px; background: white; border-radius: 12px; padding: 20px; position: relative;}
.toppanel .city-popup .btns {flex-direction: column; gap: 12px;}
.toppanel .city-popup .title {padding-top: 4px;}
.mobile-menu nav ul li a {font-size: 15px;}
.mobile-menu nav ul {gap: 20px; }
footer .bottom {flex-direction: column; gap: 12px; padding-top: 24px; margin-top: 24px;}
footer .address {display: flex;}
footer .address .street {margin-left: 0;}
footer .cols .col:nth-child(4) {margin-top: 0;}
footer .contacts {display: flex; flex-wrap: wrap; flex-direction: row; gap: 12px;}
footer .contacts a {font-size: 18px; letter-spacing: 0;}
footer .logo {display: none;}
footer .cols {display: flex; flex-direction: column; gap: 24px; columns: 1;}
.bottom-tags-list a, .bottom-tags-list span {line-height: 120%; padding: 5px 12px;}
.form-block .outer {width: 100%;}
.form-block .btn {width: 100%;}
.bottom-form-block .descr {font-size: 14px; margin-bottom: 32px;}
.faq-list .spoiler-btn {margin-top: 24px;}
.faq-list .block .hidden-txt {font-size: 14px;}
.faq-list .block .title:after {margin-top: -14px; width: 28px; height: 28px; background-size: 16px auto;}
.faq-list .block .title {padding: 20px 40px 20px 0;}
.faq-list .spoiler-btn a, .faq-list .spoiler-btn button {font-size: 14px; width: auto;}
.faq-list .spoiler-btn a:after, .faq-list .spoiler-btn button:after {background-size: 18px auto; top: -2px; right: -28px;}
body {font-size: 15px;}
.projects-block .projects-swiper {max-width: calc(100% - 40px); overflow: visible; margin: 0;}
.project-card .pic {margin-bottom: 24px; height: 60vw; margin-left: -24px; margin-right: -24px; width: calc(100% + 48px);}
.project-card {padding: 0 24px 24px 24px;}
.project-card.no-pic {padding-top: 24px;}
.flex-title {margin: 0 0 24px; flex-direction: column; align-items: flex-start;}
.content .flex-title h2 {margin: 0 0 12px;}
.pop-service-card {padding: 20px;}
.pop-service-card .title, .project-card .title {letter-spacing: 0; font-size: 18px; margin: 0 0 20px; line-height: 130%;}
.popular-services .services-swiper {max-width: calc(100% - 40px); overflow: visible; margin: 0;}
.plans-scroll-wrap .long-plan .title {margin: 0 0 12px; font-size: 18px; line-height: 140%;}
.plans-list .plans-header.fixed ~ .mob-scroll-overflow {display: block; position: fixed; top: 64px; left: 0; width: 127px; height: 39px; background: #fff; z-index: 40;}
.plans-list .plans-header.fixed ~ .mob-scroll-overflow:after {content: ''; display: block; position: absolute; bottom: -5px; left: 0; width: 16px; height: 10px; background: #fff;}
.plans-list .plans-header.fixed .title {padding-top: 8px;}
.plans-list:not(.cloned) .spoiler-btn {visibility: hidden; pointer-eventd: none;}
.plans-list .plans-header.fixed {top: 64px;}
.plans-block small {font-size: 12px;}
.plans-list .spoiler-btn {height: 60px; max-width: 127px;}
.plans-list.open + .plans-list.cloned .spoiler-btn ~ .row {max-height: 100px!important; opacity: 1; padding: 12px 0; border-width: 1px;}
.plans-list .title {font-size: 18px;}
.plans-block .tabs {position: relative; max-width: 100%;}
.plans-scroll-wrap {position: relative; }
.plans-scroll-wrap .plans-list::-webkit-scrollbar {width: 0; height: 0;}
.plans-list {-ms-overflow-style: none; scrollbar-width: none; margin-right: -16px; max-width: calc(100% + 16px); width: calc(100% + 32px); padding-right: 16px; overflow: auto;}
.plans-list .plans-header, .plans-list .row {min-width: 700px;}
.plans-list .row {line-height: 20px;}
.plans-list .col:not(.left):not(.long) {padding-left: 10px;}
.plans-list.cloned {overflow: hidden; padding: 0 0 100px; margin: 0; background: #fff; width: 127px;  z-index: 2; display: block; position: absolute; top: 0; left: 0;}
.plans-list.cloned:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: #fff;}
.plans-list.cloned .row {min-width: 1px; max-width: 127px;}
.plans-list .row.subtitle span {display: block; max-width: 127px; min-width: 127px;}
.plans-list.cloned .col {display: none;}
.plans-list.cloned .col.left, .plans-list.cloned .col.long {display: block;}
.plans-list .plans-header {height: 40px; display: flex;}
.plans-list .plans-header .title {margin: 0;}
.spoiler-btn a:after, .spoiler-btn button:after {left: auto; right: 12px;}
.spoiler-btn a, .spoiler-btn button {width: 100%;}
.toppanel .all {height: 64px;}
.container {padding-top: 64px;}
.all {padding: 0 16px;}
.first-screen-section {min-height: 1px; padding: 40px 0; }
.content {padding: 40px 0;}
.plans-block, .popular-services, .faq-list {margin-bottom: 40px;}
.lightblue-bg {padding: 40px 0; margin-bottom: 40px;}
.bottom-form-block {padding: 40px 0 40px;}
.first-screen-section {padding: 40px 0;}
.first-screen-section .txt h1 {font-size: 32px;}
.first-screen-text {font-size: 16px; margin: 0 0 32px;}
header .phones a:not(.btn) {display: none;}
header .city .active {display: none;}
header .logo {height: 26px;}
header .phones .btn {transform: none; line-height: 32px;}

.btn {font-size: 15px;}
.first-screen-stats {-ms-overflow-style: none; scrollbar-width: none; margin-left: -16px; margin-right: -16px; padding: 0 16px; width: calc(100% + 32px); overflow: auto; margin-top: 40px; flex-wrap: nowrap;}
.first-screen-stats::-webkit-scrollbar {width: 0; height: 0;}
.first-screen-section .stat-card {height: 110px; min-width: 317px; }
.first-screen-section .stat-value {font-size: 18px;}
.content h2 {font-size: 28px; margin: 0 0 24px;}
.plans-tabs a, .plans-tabs button {line-height: 40px; padding: 0 12px;}
.plans-tabs {margin-bottom: 24px; border-radius: 0; background: none; border: 0; -ms-overflow-style: none; scrollbar-width: none; overflow: auto; margin-left: -16px; margin-right: -16px; padding: 0 16px; width: calc(100% + 32px);}
.plans-tabs::-webkit-scrollbar {width: 0; height: 0;}
.plans-tabs ul {width: max-content; border-radius: 12px; border: 1px solid var(--grey-border); background: var(--light-blue); padding: 6px;}
.calc-block {padding: 24px;}
.calc-block .left {font-size: 18px; letter-spacing: 0;}
.calc-block .right {width: 100%; flex-direction: column; gap: 20px; }
.calc-block .right .block {width: 100%;}
.calc-block .right .block input {font-size: 18px; line-height: 110%; top: 12px;}
}

@media all and (max-width:500px) {
.mobile-menu .contacts a {letter-spacing: -0.5px; font-size: 18px;}
.mobile-menu .contacts a.tel:nth-child(2) {margin-right: -10px;}
.mobile-menu nav {padding: 24px 16px;}
.menu-open .mobile-menu .close {right: 16px;}
.mobile-menu .menu-title {line-height: 64px;}
.mobile-menu .close {top: 16px;}
.mobile-menu nav .services ul li ul .menu-title {background-position: center left 16px;}
.mobile-menu nav .services ul li ul li {padding: 0 16px;}
}

/* Нижняя форма: секционный заголовок — обычный <p>, по паттерну faq-section-title. */
.bottom-form-title {
    font-size: 56px;
    line-height: 64px;
    margin: 0 0 24px;
    padding: 0;
    font-weight: normal;
}

@media all and (max-width: 1400px) {
    .bottom-form-title {
        font-size: 40px;
        line-height: 120%;
        margin-bottom: 24px;
    }
}

@media all and (max-width: 1200px) {
    .bottom-form-title {
        margin-bottom: 24px;
    }
}

@media all and (max-width: 700px) {
    .bottom-form-title {
        font-size: 22px;
        line-height: 120%;
        margin: 0 0 24px;
    }
}

@media all and (max-width: 500px) {
    .bottom-form-title {
        font-size: 28px;
        line-height: 120%;
        margin: 0 0 24px;
    }
}


/* Футер: список офисов на планшетах и мобильных раскрывается в потоке страницы,
   чтобы не выходить за границы экрана. */
@media all and (max-width: 1000px) {
    footer .footer-offices {
        position: static;
        width: 100%;
        margin-top: 16px;
    }

    footer .footer-offices summary {
        width: 100%;
        box-sizing: border-box;
    }

    footer .footer-offices-list {
        position: static;
        z-index: auto;
        top: auto;
        right: auto;
        width: 100%;
        max-width: 100%;
        max-height: none;
        overflow: visible;
        grid-template-columns: 1fr;
        gap: 0;
        margin: 12px 0 0;
        padding: 0;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    footer .footer-office {
        padding: 12px 0;
        border-radius: 0;
        border-top: 1px solid var(--grey-border);
    }

    footer .footer-office.current {
        background: transparent;
    }

    footer .footer-office-phones {
        margin-top: 6px;
    }
}

/* End */
/* /local/templates/socialit/css/style.css?1793528345124909 */