@CHARSET "UTF-8";

* { margin:0; padding:0; outline:none; box-sizing:border-box; }
::-moz-focus-inner { padding:0; border:0; }
::-moz-placeholder { color:#777; opacity:1;}
::-webkit-input-placeholder {color:#777; opacity:1;}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Regular.eot');
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
        url('../fonts/Ubuntu/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu/Ubuntu-Regular.woff') format('woff'),
        url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Light.eot');
    src: local('Ubuntu Light'), local('Ubuntu-Light'),
        url('../fonts/Ubuntu/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu/Ubuntu-Light.woff') format('woff'),
        url('../fonts/Ubuntu/Ubuntu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Medium.eot');
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
        url('../fonts/Ubuntu/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu/Ubuntu-Medium.woff') format('woff'),
        url('../fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Bold.eot');
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
        url('../fonts/Ubuntu/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu/Ubuntu-Bold.woff') format('woff'),
        url('../fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




/* Подключение Roboto Light с Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


	
html {height:100%; width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}

/* body {font-size:20px; font-family:'arial'; color:#000; background:#fff; min-height:100%; height:100%; min-width:300px; margin:0 auto;} */

body {
    font-size: 18px; /* размер шрифта */
    font-family: 'Roboto', sans-serif; /* шрифт Roboto */
    font-weight: 400; /* нормал вариант шрифта */
    color:#000; 
    background:#fff; 
    min-height:100%; 
    height:100%; 
    min-width:300px; 
    margin:0 auto;
    
    /* line-height: 1.8;  Улучшение читаемости */
}
body.mobileAni {overflow:hidden; }

img { border:0; }
table {border-collapse:collapse;}
table td {vertical-align:top;}
textarea {font-family:inherit; font-size:inherit; resize:none;}
input, select {font-family:inherit; font-size:inherit; color:inherit;}

a { text-decoration:underline; color:#000; outline:none; transition:color 0.2s; }
a:visited { color:#000; }
a:hover { text-decoration:none; color:#29abe2; }
a:active { text-decoration:none; }

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.stdAni {transition:border 0.2s, background 0.2s, color 0.2s, transform 0.2s, opacity 0.2s; }
.noSelect {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }

.maxWidth {max-width:1400px; padding:0 30px; margin:0 auto;  }
.fullWidth {max-width:1920px; margin:0 auto;  }
.blockMargin {margin-bottom:100px;}
.blockPadding {padding-bottom:100px;}
.contentMargin {margin-bottom:60px;}
.contentPadding {padding-bottom:60px;}
.contentMarginTop {margin-top:60px;}
.contentPaddingTop {padding-top:60px;}

#pageFrames {min-height:100%; height:auto !important; width:100%; position:relative; margin-bottom:-300px; }
.isIndexSliderfalse #pageFrames {padding:0;}

#headerBanner {padding:2px 10px; height:64px; position:relative; background:#29abe2; color:#fff; overflow:hidden; }
#headerBanner.isClosetrue {padding-right:40px;}
#headerBanner table {width:100%; height:100%;}
#headerBanner table td {text-align:center; vertical-align:middle; font-size:18px; line-height:18px; }
#headerBanner table td a {display:block; text-decoration:none; color:#fff; }
#headerBanner .close {position:absolute; right:7px; top:7px; width:30px; height:30px; line-height:30px; text-align:center; font-size:26px; cursor:pointer; }
#headerBanner .close:hover {color:#000; }


#headerContainer {padding-top:30px; margin-bottom:50px; }
.isIndexSlidertrue #headerContainer {margin-left:30px; margin-right:30px;}
.isIndexSliderfalse #headerContainer {padding-top:0;}

#headerMainData {padding-top:30px; position:relative; z-index:3; }
.isIndexSliderfalse #headerMainContent {border-bottom:2px solid #ffffff; box-shadow: 0 20px 50px -25px rgba(0, 0, 0, 0.08); /* clip-path: inset(0 0 -100px 0); */ }


/* Основная шапка */ 
#headerMainContent {position:relative; height:120px; white-space:nowrap;  }

/* Логотип */ 
#mainLogo {position:absolute; left:0; top:0px;}
#mainLogo a {display:block; width:300px; text-decoration:none;}
#mainLogo a img {display:block; width:100%; height:auto;}
#mainLogo a img.fixLogo {display:none;}

/* Контакты */ 
#headerContacts {position:absolute; top:0px; right:0; font-size:0; }
#headerContacts .phone {display:inline-block; color:#000; font-size:22px; font-weight:500; text-decoration:none; margin-left:20px; }
#headerContacts .phone i {display:none; width:32px; height:32px; line-height:32px; font-size:18px; text-align:center; color:#fff; }
#headerContacts .phone:hover {color:#29abe2;}
#headerContacts .whatsapp {display:inline-block; border-radius:100px; background:#29a71a; color:#fff; text-decoration:none; margin-left:20px; transition:transform 0.2s; }
#headerContacts .whatsapp i {display:block; width:40px; height:40px; line-height:40px; font-size:22px; text-align:center; }
#headerContacts .whatsapp:hover {transform:scale(1.2);}
#headerContacts .telegram {display:inline-block; border-radius:100px; background:#29a9eb; color:#fff; text-decoration:none; margin-left:20px; transition:transform 0.2s; }
#headerContacts .telegram i {display:block; width:40px; height:40px; line-height:40px; font-size:22px; text-align:center; }
#headerContacts .telegram:hover {transform:scale(1.2);}
#headerContacts .search {display:inline-block; border-radius:100px; background:#fff; color:#777; border:1px solid #777; text-decoration:none; margin-left:20px; transition:transform 0.2s; vertical-align:top;}
#headerContacts .search i {display:block; width:38px; height:38px; line-height:38px; font-size:18px; text-align:center; }
#headerContacts .search:hover {transform:scale(1.2);}
#headerContacts a:first-child {margin-left:0; }

/* Главное меню */
#mainMenuData {position:absolute; right:0; top:55px; border-top:2px dashed #fff; padding-top:10px;}
#mainMenuData > img {display:none; position:absolute; left:20px; top:20px; width:120px; }
#mainMenu > div {display:inline-block; vertical-align:top; margin-left:20px; }
#mainMenu > div:first-child {margin-left:0px; }
#mainMenu > div a {text-decoration:none; font-weight:500; font-size:18px; }
#mainMenu > div a.active {color:#29a9eb; }

#mobileMenuOpen {display:none; position:absolute; top:0; right:0; width:32px; height:32px; cursor:pointer; }
#mobileMenuOpen .line {width:100%; left:0; top:0; height:4px; position:absolute; }
#mobileMenuOpen .line1 {top:0px; background:#29a9eb;}
#mobileMenuOpen .line2 {top:14px; background:#7db828;}
#mobileMenuOpen .line3 {top:28px; background:#7db828;}
#mobileMenuOpen:hover .line1 {background:#7db828;}
#mobileMenuOpen:hover .line2 {background:#29a9eb;}
#mobileMenuOpen:hover .line3 {background:#29a9eb;}

#mobileMenuClose {display:none; position:absolute; top:20px; right:20px; width:36px; height:36px; cursor:pointer; }
#mobileMenuClose .line {width:100%; left:0; top:0; height:3px; position:absolute; }
#mobileMenuClose .line1 {top:16px; transform:rotate(-45deg); background:linear-gradient(to right, #7db828, #29abe2); }
#mobileMenuClose .line2 {top:16px; transform:rotate(45deg); background:linear-gradient(to right, #7db828, #29abe2); }
#mobileMenuClose:hover .line {background:#000; }

body.menuOpen {overflow:hidden; }
.menuOpen #headerBanner {display:none; }
.isIndexSlidertrue.menuOpen  #headerContainer {margin:0;}
.menuOpen #headerContainer {height:100%; width:100%; padding:0; margin:0; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:100; }
.menuOpen #headerMainData {display:block; padding:10px; width:100%; height:100%; }
.menuOpen #headerMainContent {display:block; width:100%; height:100%; }
.menuOpen #mainLogo {display:none; }
.menuOpen #mobileMenuOpen {display:none; }
.menuOpen #headerContacts {display:none; z-index:10; top:auto; right:auto; bottom:50px; left:50%;  transform:translateX(-50%); }
.menuOpen #headerContacts .telegram {margin:0 10px; border:1px solid #ddd; background:#fff; color:#29a9eb; width:40px; height:40px; }
.menuOpen #headerContacts .telegram i {font-size:22px; width:38px; height:38px; line-height:38px; }
.menuOpen #headerContacts .whatsapp {margin:0 10px; border:1px solid #ddd; background:#fff; color:#29a71a; width:40px; height:40px; }
.menuOpen #headerContacts .whatsapp i {font-size:22px; width:38px; height:38px; line-height:38px; }
.menuOpen #headerContacts .phone {margin:0 10px; border:1px solid #ddd; background:#fff; font-size:0; border-radius:100px; transition:transform 0.2s; width:40px; height:40px; }
.menuOpen #headerContacts .phone i {color:#7db72d; background:#fff; border-radius:100px; font-size:20px; display:block; width:38px; height:38px; line-height:38px; }
.menuOpen #headerContacts .phone:hover {transform:scale(1.2); }
.menuOpen #headerContacts .search {margin:0 10px; border:1px solid #ddd; background:#fff; width:40px; height:40px; }
.menuOpen #headerContacts .search i {font-size:18px; width:38px; height:38px; line-height:38px; }


.menuOpen.menuAni #headerContacts {display:block; text-align:center; white-space:nowrap; }
.menuOpen #mainMenuData {display:block; padding:100px 0 130px 0; border-top:none; top:0; width:100%; height:100%; background:#fff; border:1px solid #ddd; border-radius:10px; transform:scale(0); transition:transform 0.2s; }
.menuOpen.isIndexSliderfalse #headerMainContent {border:none; }
.menuOpen.menuAni #mainMenuData {transform:scale(1); }
.menuOpen #mainMenuData > img {display:block; }
.menuOpen #mobileMenuClose {display:block; }
.menuOpen #mainMenuData #mainMenu {width:100%; height:100%; overflow-x:hidden; overflow-y:auto; text-align:center; }
.menuOpen #mainMenuData #mainMenu > div {display:block; margin:0 10px;}
.menuOpen #mainMenu > div:first-child {margin:0 10px; }
.menuOpen #mainMenuData #mainMenu > div a {padding:10px 10px; font-size:22px; display:block; font-weight:normal; }
.menuOpen #mainMenuData #mainMenu > div a:hover {color:#29a9eb; }
.menuOpen #mainMenuData #mainMenu > div a.active {color:#7db828; }


.isFixHeader #headerBanner {position:fixed; left:0; top:0; width:100%; z-index:100;}
.isFixHeader #mainLogo a {width:160px;}
.isFixHeader #mainLogo a img.mainLogo {display:none; }
.isFixHeader #mainLogo a img.fixLogo {display:block; }
.isFixHeader #headerMainData {position:fixed; left:0; top:0; width:100%; background:#ffffff; max-width:100%; padding-top:15px; z-index:101; opacity:0; box-shadow:0 20px 50px -15px rgba(0, 0, 0, 0.08); }
#headerContainer.isAnimate #headerMainData { opacity:1; transition:opacity 0.7s;  }
.isFixHeader #headerMainDataHeight {height:150px;}
.isFixHeader.isIndexSlidertrue #headerMainDataHeight {height:160px;}
.isFixHeader.isHeaderBannertrue #headerMainData {top:48px;}
.isFixHeader #headerMainContent {max-width:1340px; height:48px; margin:0 auto; border:none; }
.isFixHeader #mainMenuData {border-top:none; padding-top:0; right:170px; top:20px; top:5px;}
.isFixHeader #mainMenu > div a {font-size:17px;}
.isFixHeader #headerContacts .phone {font-size:0; transition:transform 0.2s; margin-left:7px;}
.isFixHeader #headerContacts .phone i {display:block; border-radius:100px; background:#7db828; }
.isFixHeader #headerContacts .phone:hover {transform:scale(1.2);}
.isFixHeader #headerContacts .whatsapp {margin-left:7px;}
.isFixHeader #headerContacts .whatsapp i {width:32px; height:32px; line-height:32px; font-size:18px;}
.isFixHeader #headerContacts .telegram { margin-left:7px;}
.isFixHeader #headerContacts .telegram i {width:32px; height:32px; line-height:32px; font-size:18px;}
.isFixHeader #headerContacts .search { margin-left:7px;}
.isFixHeader #headerContacts .search i {width:30px; height:30px; line-height:30px; font-size:16px;}
.isFixHeader #headerContacts a:first-child {margin-left:0;}



/* Слайдер */
#indexSlider {position:relative; margin-top:-150px; border-radius:30px; overflow:hidden; height:calc(100vh - 60px);}
#indexSlider .sliderSizeImage {width:100%; height:auto; display:block; opacity:0; }
#indexSlider .sliderSizeImageMob {width:100%; height:auto; display:none; opacity:0; }
#indexSlider .slide {display:none; position:absolute; left:0; top:0; width:100%; height:100%; }
#indexSlider .slide .desktop {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }
#indexSlider .slide .desktop.pos1 {background-position:left top;}
#indexSlider .slide .desktop.pos2 {background-position:center top;}
#indexSlider .slide .desktop.pos3 {background-position:right top;}
#indexSlider .slide .desktop.pos4 {background-position:left center;}
#indexSlider .slide .desktop.pos5 {background-position:center center;}
#indexSlider .slide .desktop.pos6 {background-position:right center;}
#indexSlider .slide .desktop.pos7 {background-position:left bottom;}
#indexSlider .slide .desktop.pos8 {background-position:center bottom;}
#indexSlider .slide .desktop.pos9 {background-position:right bottom;}
#indexSlider .slide .mobile {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:left bottom;}
#indexSlider .slide .mobile.pos1 {background-position:left top;}
#indexSlider .slide .mobile.pos2 {background-position:center top;}
#indexSlider .slide .mobile.pos3 {background-position:right top;}
#indexSlider .slide .mobile.pos4 {background-position:left center;}
#indexSlider .slide .mobile.pos5 {background-position:center center;}
#indexSlider .slide .mobile.pos6 {background-position:right center;}
#indexSlider .slide .mobile.pos7 {background-position:left bottom;}
#indexSlider .slide .mobile.pos8 {background-position:center bottom;}
#indexSlider .slide .mobile.pos9 {background-position:right bottom;}

#indexSlider .slide.active {display:block;}
#indexSlider .slide .content {width:100%; height:100%; position:relative; }
#indexSlider .slide .data {text-align:center; vertical-align:middle; padding:200px 150px 150px 150px; }
#indexSlider .slide .text1 {color:#4d4d4d;}
#indexSlider .slide .text2 {font-size:20px; max-width:800px; padding-bottom:30px; margin:0 auto; }
#indexSlider .slide .text3 {}

#indexSlider .slide.curToTop {top:0; display:block; transition:all 2s; z-index:1;}
#indexSlider .slide.curToTop .content {transition:all 1.5s; }
#indexSlider .slide.newToTop {top:100%; display:block; transition:all 0.7s; z-index:2;}
#indexSlider .slide.newToTop .content {opacity:0; top:50%; transition:all 1.5s; }
#indexSlider .slide.curToBottom {top:0; display:block; transition:all 2s; z-index:1;}
#indexSlider .slide.curToBottom .content {transition:all 1.5s; }
#indexSlider .slide.newToBottom {top:-100%; display:block; transition:all 0.7s; z-index:2;}
#indexSlider .slide.newToBottom .content {opacity:0; top:-50%; transition:all 1.5s;}

#indexSlider .slide.curToTop.animate {top:-100%;}
#indexSlider .slide.curToTop.animate .content {opacity:0;}
#indexSlider .slide.newToTop.animate {top:0%;}
#indexSlider .slide.newToTop.animate .content {opacity:1; top:0; }
#indexSlider .slide.curToBottom.animate {top:100%;}
#indexSlider .slide.curToBottom.animate .content {opacity:0;}
#indexSlider .slide.newToBottom.animate {top:0%;}
#indexSlider .slide.newToBottom.animate .content {opacity:1; top:0;}

#indexSlider .navigator {position:absolute; top:0; right:0; width:150px; height:100%; z-index:2;}
#indexSlider .navigator table {width:100%; height:100%;}
#indexSlider .navigator table td {text-align:center; vertical-align:middle; }
#indexSlider .navigator table td span {display:block; margin:0 auto 20px auto; width:30px; height:30px; border-radius:100px; background:#29abe2; position:relative; cursor:pointer; overflow:hidden; }
#indexSlider .navigator table td span i {display:block; position:absolute; left:8px; top:8px; width:14px; height:14px; border-radius:100px; }
#indexSlider .navigator table td span:before {opacity:0; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right, #29abe2, #7db828); transition:opacity 0.2s; }
#indexSlider .navigator table td span:hover:before {opacity:1; }
#indexSlider .navigator table td span.active {background:rgba(125, 184, 40, 0.36); cursor:default; }
#indexSlider .navigator table td span.active i {background:#7db828;}
#indexSlider .navigator table td span.active:before {display:none; }

/* Блок о компании */
.aboutBlock:after {display:block; content:""; clear:both; }
.aboutBlock .left {float:left; width:50%; }
.aboutBlock .left img {display:block; }

.aboutBlock .right {float:right; width:42%; position:relative; z-index:1; }
.aboutBlock .right img.main {float:right; display:block; max-width:75%; border-radius:30px; position:relative; box-shadow:100px 45px 0px 0px #f2f8e9; margin:0 0 45px 0; }
.aboutBlock .right img.point {position:absolute; left:0; top:20%; max-width:50%;}
.aboutBlock .right .more { clear:right; }
.aboutBlock .right .more .price {margin:0 20px 20px 0; }
.aboutBlock .right .more .online {margin:0 0 20px 0; }

.aboutSlider {position:relative; }
.aboutSlider .swiper-slide {width:auto;}
.aboutSlider .swiper-slide img {display:block; border-radius:30px; }
.aboutSlider > .h2 {padding-right:80px; }
.aboutSlider .sliderRelative {position:relative; }
.aboutSlider .swiper-button-next {top:-55px;}
.aboutSlider .swiper-button-prev {top:-55px;}



/* Общий сладер*/
.swiper-button-next {right:0; color:#7db828;}
.swiper-button-prev {left:auto; right:50px; color:#7db828; }



/* Слайдер специалистов */
#specialistIndexSlider {position:relative; }
#specialistIndexSlider .swiper-button-next {top:-55px; }
#specialistIndexSlider .swiper-button-prev {top:-55px; }
#specialistSliderBlock > h2 {padding-right:80px;}



.specialistSlider .swiper-slide {width:362px;}
.specialistSlider .slideData a {display:block; text-decoration:none; }
.specialistSlider .slideData .image {display:block; width:100%; border-radius:30px; overflow:hidden; transition:border-radius 0.3s; }
.specialistSlider .slideData img {display:block; width:100%; transition:transform 0.3s; }
.specialistSlider .slideData a .name {color:#808080; font-size:25px; font-weight:300; display:block; margin-top:20px; }
.specialistSlider .slideData a .profession {color:#000; display:block; margin-top:10px; }
.specialistSlider .slideData a:hover .image {border-radius:50% 30px 30px 50%; }
.specialistSlider .slideData a:hover img {transform:scale(1.05); }
.specialistSlider .slideData a:hover .name {color:#000;}
.specialistSlider .slideData a:hover .profession {color:#29abe2;}

/* Анонс направлений */
#specialistVectorAnonsList .data {column-count:2; column-gap:30px;}
#specialistVectorAnonsList .group {break-inside:avoid-column; padding-bottom:40px;}
#specialistVectorAnonsList .group .h3 {color:#777;}
#specialistVectorAnonsList .group .items {column-count:2; column-gap:30px;}
#specialistVectorAnonsList .group .items div {break-inside:avoid-column; padding-bottom:10px;}
#specialistVectorAnonsList .group .items div a {color:#29abe2; text-decoration:none; }
#specialistVectorAnonsList .group .items div a:hover {color:#7db828; }

/* Фильтр специалистов */
#specialistMainList .selectedFilters {padding-bottom:30px; font-size:20px; color:#999; }
#specialistFilters:after  {content:""; display:block; clear:both; }
#specialistFilters .filterBlock {float:left; width:25%; padding-right:20px; }
#specialistFilters .filterBlock .caption {height:35px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#specialistFilters .filterBlock.control {padding-right:0; font-size:0; padding-top:35px; }
#specialistFilters .filterBlock.control a {display:inline-block; text-align:center; height:46px; font-size:16px; line-height:46px; text-decoration:none; border-radius:100px; padding:0 15px; color:#fff;  }
#specialistFilters .filterBlock.control #runFilterLink {background:#29abe2; width:100%;}
#specialistFilters .filterBlock.control #runFilterLink:hover {background:#00b4eb; }
#specialistFilters .filterBlock.control #clearFilterLink {background:#c2c2c2; display:none; }
#specialistFilters .filterBlock.control #clearFilterLink:hover {background:#c9c9c9; }
#specialistFilters .filterBlock.control.isClear #runFilterLink { width:50%; border-radius:100px 0 0 100px;}
#specialistFilters .filterBlock.control.isClear #clearFilterLink {display:inline-block; width:50%; border-radius:0 100px 100px 0; }

.styleSelect {position:relative; display:block; width:100%; height:46px; background:#7db828; border-radius:100px; -webkit-tap-highlight-color:transparent; }
.styleSelect:hover {background:#87cc0d;}
.styleSelect .arrow {position:absolute; right:15px; top:15px; color:#fff; transition:transform 0.2s, line-height 0.2s, top 0.2s;}
.styleSelect.isOpen .arrow {transform:rotate(-180deg);}
.styleSelect .selected {line-height:46px; height:46px; padding:0 40px 0 20px; position:relative; cursor:pointer; }
.styleSelect .selected .data {display:block; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.styleSelect .expandList {display:none; position:absolute; left:0; top:100%; min-width:200px; width:100%; border-radius:20px; padding:20px; background:#fff; box-shadow:0 0px 50px 0px rgba(0,0,0,0.5); z-index:10; }
.styleSelect.isOpen .expandList {display:block;}
.styleSelect .expandList .container {padding:0; max-height:335px; overflow-x:hidden; overflow-y:auto;}
.styleSelect .expandList .separator {line-height:30px; height:30px; text-align:center; position:relative; cursor:default; }
.styleSelect .expandList .separator:before {display:block; content:""; position:absolute; left:0; top:16px; width:100%; border-bottom:1px solid #ccc; }
.styleSelect .expandList .separator span {font-size:14px; display:inline-block; background:#fff; padding:0px 10px; position:relative; color:#888; white-space:nowrap; }
.styleSelect .expandList .item {position:relative; padding:0px 10px 0 25px; font-size:15px; line-height:30px; height:30px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.styleSelect .expandList .item:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; left:0px; top:1px; font-weight:300; font-size:16px; }
.filterBlock .styleSelect .expandList .item:before {top:5px;}
.styleSelect .expandList .item.active:before {content:"\f14a"; font-weight:600; color:#7db828; }
.styleSelect .expandList .item:hover .name {color:#29a9eb;}
.styleSelect .expandList .item.active {color:#7db828;}
.styleSelect .expandList .item:last-child {margin-bottom:5px;}


/* Список специалистов  */
#specialistItemList {display:flex; flex-wrap:wrap; margin:0 -10px;}
#specialistItemList .itemData {width:25%; padding:0 10px; margin-bottom:50px;}
#specialistItemList .itemData a {display:block; text-decoration:none; }
#specialistItemList .itemData .image {display:block; width:100%; border-radius:30px; overflow:hidden; transition:border-radius 0.3s; }
#specialistItemList .itemData img {display:block; width:100%; transition:transform 0.3s; }
#specialistItemList .itemData a:hover .image {border-radius:50% 30px 30px 50%; }
#specialistItemList .itemData a:hover img {transform:scale(1.05); }
#specialistItemList .itemData .name {color:#808080; font-size:25px; font-weight:300; display:block; margin-top:20px; }
#specialistItemList .itemData a:hover .name {color:#000;}
#specialistItemList .itemData .profession {color:#000; display:block; margin-top:10px; }
#specialistItemList .itemData a:hover .profession {color:#29abe2;}
#specialistItemList .itemData a .icons {display:block; height:40px; margin-top:20px; position:relative; }
#specialistItemList .itemData a .icons .icon {display:block; width:40px; height:40px; position:absolute; left:0; top:0; overflow:hidden; transition:all 0.2s; }
#specialistItemList .itemData a .icons .icon i {display:block; width:40px; height:40px; background:#7db828; border-radius:10px; overflow:hidden; }
#specialistItemList .itemData a .icons .icon:hover i {background:linear-gradient(to right, #29a9eb, #7db828);}
#specialistItemList .itemData a .icons .icon.fast i:after {display:block; content:""; width:100%; height:100%; background:url('../img/fast.png') no-repeat center center; background-size:70%; }
#specialistItemList .itemData a .icons .icon.online i:after {display:block; content:""; width:100%; height:100%; background:url('../img/online.png') no-repeat center center; background-size:70%; }
#specialistItemList .itemData a .icons .icon > span {display:table; width:100%; height:100%; position:absolute; left:0; top:0; }
#specialistItemList .itemData a .icons .icon > span span {display:table-cell; padding-left:50px; text-align:left; vertical-align:middle; line-height:16px; font-size:15px; color:#000; white-space:nowrap; }
#specialistItemList .itemData a .icons.type11 .icon.fast {left:50px;}

#specialistItemList .itemData a .icons.type10.isHover1 .icon {width:100%;}
#specialistItemList .itemData a .icons.type01.isHover1 .icon {width:100%;}
#specialistItemList .itemData a .icons.type11.isHover1 .icon.online {width:100%;}
#specialistItemList .itemData a .icons.type11.isHover1 .icon.fast {left:200px;}
#specialistItemList .itemData a .icons.type11.isHover2 .icon.fast {width:calc(100% - 50px); }




/* Карточка специалиста */
#specialistMainOne {}
#specialistMainOne .columns .left {float:left; width:360px; }
#specialistMainOne .columns .left img {border-radius:30px; display:block; width:100%; margin-bottom:10px; }
#specialistMainOne .columns .left .params {padding-top:20px; }
#specialistMainOne .columns .left .params span {font-weight:500; }
#specialistMainOne .columns .left .socials {font-size:16px; padding-top:20px;}
#specialistMainOne .columns .left .socials a {display:inline-block; border-radius:5px; color:#fff; text-decoration:none; margin-right:10px; transition:transform 0.2s;}
#specialistMainOne .columns .left .socials a i {display:block; width:28px; height:28px; line-height:28px; font-size:18px; text-align:center; }
#specialistMainOne .columns .left .socials a:hover {transform:scale(1.2);}
#specialistMainOne .columns .left .socials a.youtube {background:#ff0000;}
#specialistMainOne .columns .left .socials a.instagram {background:#a135b6; background:linear-gradient(-45deg, #833ab4,#fd1d1d,#fcb045); }
#specialistMainOne .columns .left .socials a.telegram {background:#29a9eb;}
#specialistMainOne .columns .left .socials a.vk {background:#0077ff;}

#specialistMainOne .columns .right {padding-left:420px;}
#specialistMainOne .columns .right > *  {padding-bottom:30px;}
#specialistMainOne .columns .right > *:last-child {padding-bottom:0;}
#specialistMainOne .columns .right .description {padding-bottom:30px;}
#specialistMainOne .columns .right .description *:last-child {padding-bottom:0; margin-bottom:0;}

#specialistMainOne .columns .right .buttonCols {display:flex; flex-wrap:wrap; align-items:center; }
#specialistMainOne .columns .right .button {width:220px; }
#specialistMainOne .columns .right .button a {display:block; }
#specialistMainOne .columns .right .isFirstPricetrue .button {width:440px; position:relative; display:inline-block; padding:20px 20px 20px 220px; background:#f1f7e9; border-radius:100px; }
#specialistMainOne .columns .right .isFirstPricetrue .button .text {position:absolute; left:30px; top:27px; }
#specialistMainOne .columns .right .isFirstPricetrue .button .text b {display:block; padding-bottom:5px; }

#specialistMainOne .columns .right .isDisableOnline1 .button {background:#fafafa; }
#specialistMainOne .columns .right .isDisableOnline1 .button a {background:#f0f0f0; cursor:default; color:#ccc; }
#specialistMainOne .columns .right .isDisableOnline1 .button a:before {display:none; }



#specialistMainOne .columns .right .workSchedule {width:calc(100% - 220px - 40px); margin-left:40px; font-size:16px; font-weight:400; color:#666; padding:0 0 0 26px; position:relative; }
#specialistMainOne .columns .right .workSchedule::before {content:""; width:22px; height:22px; position:absolute; left:0; top:-2px; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 24 24'><path d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zM7 11h5v5H7v-5z'></path></svg>") no-repeat center center; background-size:contain; }
#specialistMainOne .columns .right .isFirstPricetrue .workSchedule {width:calc(100% - 440px - 20px); margin-left:20px; }



#specialistMainOne .columns .right .methods .h3 {color:#808080;}
#specialistMainOne .columns .right .methods .item {display:inline-block; vertical-align:top;}
#specialistMainOne .columns .right .methods a.item {color:#000;}
#specialistMainOne .columns .right .methods .sep {display:inline-block; vertical-align:top; padding:0 7px; }
#specialistMainOne .columns .right .vectors .h3 {color:#808080; }
#specialistMainOne .columns .right .vectors .vectorsList {columns:2; gap:10px;}
#specialistMainOne .columns .right .vectors .vectorsList .item {break-inside: avoid-column; margin-bottom:10px; }
#specialistMainOne .columns .right .vectors .vectorsList .item a {display:block; padding-left:25px; min-height:16px; position:relative; text-decoration:none;  }
#specialistMainOne .columns .right .vectors .vectorsList .item a:before {display:block; content:""; width:16px; height:16px; border-radius:10px 10px 0 0; background:#29abe2; position:absolute; left:0; top:3px; }
#specialistMainOne .columns .right .vectors .vectorsList .item a:hover {color:#29a9eb; }
#specialistMainOne .columns .right .vectors .vectorsList .item a:hover:before {border-radius:10px 0 0 10px; background:#7db828;}
#specialistMainOne .columns .right .vectors .vectorsList .item.isHidetrue {display:none; }
#specialistMainOne .columns .right .vectors .expandButton {padding-top:15px;}
#specialistMainOne .columns .right .vectors .expandButton a {display:inline-block; padding-left:25px; position:relative; text-decoration:none; color:#29a9eb; }
#specialistMainOne .columns .right .vectors .expandButton a span {display:block; width:16px; height:16px; line-height:16px; text-align:center; position:absolute; left:0; top:3px; }
#specialistMainOne .columns .right .vectors .expandButton a:hover {color:#7db828; }
#specialistMainOne .columns .right .icons .icon {display:inline-block; height:50px; position:relative; width:240px; margin-bottom:10px; }
#specialistMainOne .columns .right .icons .icon i {display:block; width:50px; height:50px; background:linear-gradient(to right, #29a9eb, #7db828); border-radius:10px; }
#specialistMainOne .columns .right .icons .icon.fast i:after {display:block; content:""; width:100%; height:100%; background:url('../img/fast.png') no-repeat center center; background-size:70%; }
#specialistMainOne .columns .right .icons .icon.online i:after {display:block; content:""; width:100%; height:100%; background:url('../img/online.png') no-repeat center center; background-size:70%; }
#specialistMainOne .columns .right .icons .icon > span {display:table; width:100%; height:100%; position:absolute; left:0; top:0; }
#specialistMainOne .columns .right .icons .icon > span span {display:table-cell; padding-left:60px; text-align:left; vertical-align:middle; color:#000; white-space:nowrap; }

#specialistMainOne .priceListBlock .prices {padding:25px 30px 40px 30px; background:#f2f8e9; border-radius:30px; margin-top:20px; }

#popupOveray {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:100; }
#popupOveray .overlayWindow {width:450px; max-width:95%; max-height:95%; min-height:100px; background:#00b4eb; border-radius:30px; padding:50px 30px 50px 30px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
#popupOveray .overlayWindow .close {width:30px; height:30px; line-height:30px; text-align:center; color:#fff; position:absolute; right:20px; top:20px; font-size:22px; cursor:pointer;}
#popupOveray .overlayWindow .close:hover {color:#000;}
#popupOveray .overlayWindow .data {width:100%; max-height:500px; overflow-x:hidden; overflow-y:auto; }
#popupOveray .overlayWindow .data * {color:#fff;}
#popupOveray .overlayWindow .data *:last-child {padding-bottom:0; margin-bottom:0;}

#specialistMainOne .priceListBlock .h3 {padding-bottom:0; color:#808080;}



/* GFX tabs style */
/* NEW responsive tabs style - final version */
#specialistMainOne .textListBlock {margin-bottom: 30px;}
/* Десктопные стили - финальный вариант */
#specialistMainOne .textListBlock {margin-bottom: 30px;}
#specialistMainOne .textListBlock .buttons {padding-bottom: 0; display: flex; flex-wrap: wrap; gap:10px; margin-bottom:0; position:relative; }


#specialistMainOne .textListBlock .buttons .tab {
    display: inline-block;
    padding: 12px 30px; /* Хорошие отступы */
    text-decoration: none;
    background: #29a9eb;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    border-radius: 30px 30px 0 0;
    border: 2px solid #29a9eb;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1.2;
    text-align: center;
    min-width: 0;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    flex: none; /* Ширина по содержимому */
}

#specialistMainOne .textListBlock .buttons .tab:hover {background:#7db828; border: 2px solid #7db828;}

#specialistMainOne .textListBlock .buttons .tab.active {
    background: white;
    color: black;
    font-weight: 300;
    border: 2px solid #e0e0e0;
    border-bottom: 2px solid white;
    border-radius: 30px 30px 0 0;
    position: relative;
    cursor: default;
    pointer-events: none;
    z-index: 2;
}


/* Контент с отступами */
#specialistMainOne .textListBlock .texts {
    padding: 25px 30px; /* Большие отступы */
    border-top: 2px solid #e0e0e0;
    margin-top: -2px;
}

#specialistMainOne .textListBlock .texts .text {
    display: none;
}

#specialistMainOne .textListBlock .texts .text.active {
    display: block;
}

/* Мобильные стили - исправленные */
@media (max-width: 767px) {
    #specialistMainOne .textListBlock .buttons {
        gap: 8px;
        margin-bottom: 25px;
        border-bottom: none; /* Убираем горизонтальную полосу */
    }
    
    #specialistMainOne .textListBlock .buttons .tab {
        font-size: 14px;
        font-weight: 300;
        padding: 10px 15px;
        border-radius: 30px !important; /* Полное закругление для всех вкладок */
        flex: 0 0 calc(50% - 4px);
        border: none !important; /* Убираем границы */
        margin-bottom: 0 !important;
    }
    
    #specialistMainOne .textListBlock .buttons .tab.active {
        background: white !important; /* белый фон для активной */
        color: black !important;
       border: 1px solid #e0e0e0 !important;
        border-radius: 30px !important; /* Полное закругление */
        position: static;
        z-index: auto;
    }
    
    #specialistMainOne .textListBlock .texts {
        padding: 20px 15px;
        border-top: none; /* Убираем верхнюю границу */
        margin-top: 0;
    }
}

/* Направления деятельности - карточки на главной OLD */
/*#specialistVecotrList {}*/
/*.specialistVecotrBlock .groupList {display:flex; flex-wrap:wrap; margin:0 -10px;}*/
/*.specialistVecotrBlock .groupList .item {width:20%; padding:0 10px; margin-bottom:20px;}*/
/*.specialistVecotrBlock .groupList .item a {display:block; width:100%; height:100%; min-height:115px; font-size:20px; text-decoration:none; border-radius:30px; border:1px solid #29a9eb; background:#f9f9f9; color:#000; padding:20px; transition:color 0.2s, border 0.2s; position:relative; }*/
/*.specialistVecotrBlock .groupList .item a:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; color:#29a9eb; background:url('../img/bg.png') no-repeat; background-position:70% bottom; background-size:50%; opacity:0; transition:opacity 0.2s; }*/
/*.specialistVecotrBlock .groupList .item a:hover {border:1px solid #7db828; }*/
/*.specialistVecotrBlock .groupList .item a:hover:after {opacity:1;}*/

/* Направления деятельности- карточки на главной GFX */
#specialistVecotrList {}
.specialistVecotrBlock .groupList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.specialistVecotrBlock .groupList .item {
  width: 20%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.specialistVecotrBlock .groupList .item a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 115px;
  font-size: 20px;
  text-decoration: none;
  border-radius: 30px;
  background: #f9f9f9;
  color: #000;
  padding: 20px;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(41, 169, 235, 0.2);
  overflow: hidden;
}
.specialistVecotrBlock .groupList .item a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../img/bg.png') no-repeat;
  background-position: 70% bottom;
  background-size: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;  
}
.specialistVecotrBlock .groupList .item a:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
  border-color: rgba(125, 184, 40, 0.3);
  background-color: rgba(255, 255, 255, 0.7);
}
.specialistVecotrBlock .groupList .item a:hover:after {
  opacity: 0.5;
}


/*Cлайдер направлений gfx1 */
/*.specialistVectorSliderBlock .h2 span {display:block; position:relative; padding-left:0px; }*/
/*.specialistVectorSliderBlock .h2 span:before {display:block; content:""; width:16px; height:16px; border-radius:10px 10px 0 0; background:#29abe2; position:absolute; left:0; top:11px; }*/
/*.specialistVectorSliderBlock .h2 span:hover:before {border-radius:10px 0 0 10px; background:#7db828;}*/
/*.specialistVectorSlider {padding-right:70px; position:relative; }*/
/*.specialistVectorSlider .swiper-button-prev {display:none;}*/
/*.specialistVectorSlider .slideData a {*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  min-height: 115px;*/
/*  font-size: 20px;*/
/*  text-decoration: none;*/
/*  border-radius: 30px;*/
/*  background: #f9f9f9;*/
/*  color: #000;*/
/*  padding: 20px 20px 20px 40px;*/
/*  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);*/
/*  position: relative;*/
/*  border: 1px solid rgba(41, 169, 235, 0.2);*/
/*  overflow: hidden;*/
/*}*/
/*.specialistVectorSlider .slideData a:before { display:block; content:""; width:16px; height:16px; border-radius:10px 10px 0 0; background:#29abe2; position:absolute; left:15px; top:24px; }*/
/*.specialistVectorSlider .slideData a:after {*/
/*  display: block;*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: url('../img/bg.png') no-repeat;*/
/*  background-position: 70% bottom;*/
/*  background-size: 50%;*/
/*  opacity: 0;*/
/*  transition: opacity 0.3s ease;*/
/*  z-index: 1;*/
/*}*/
/*.specialistVectorSlider .slideData a:hover {*/
/*  border-color: rgba(125, 184, 40, 0.3);*/
/*  background-color: rgba(255, 255, 255, 0.7);*/
/*  color:#29abe2;*/
/*  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);*/
/*  transform: translateY(-3px);*/
/*}*/
/*.specialistVectorSlider .slideData a:hover:before { border-radius:10px 0 0 10px; background:#7db828; }*/
/*.specialistVectorSlider .slideData a:hover:after {*/
/*  opacity: 0.5;*/
/*}*/

/*Cлайдер направлений gfx2 */
.specialistVectorSliderBlock .h2 span {
  display: block;
  position: relative;
  padding-left: 0px;
}

/*.specialistVectorSliderBlock .h2 span:before {*/
/*  display: block;*/
/*  content: "";*/
/*  width: 16px;*/
/*  height: 16px;*/
/*  border-radius: 10px 10px 0 0;*/
/*  background: #29abe2;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 11px;*/
/*}*/

/*.specialistVectorSliderBlock .h2 span:hover:before {*/
/*  border-radius: 10px 0 0 10px;*/
/*  background: #7db828;*/
/*}*/

.specialistVectorSlider {
  padding-right: 70px;
  position: relative;
}

.specialistVectorSlider .swiper-button-prev {
  display: none;
}

.specialistVectorSlider .slideData a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 115px;
  font-size: 20px;
  text-decoration: none;
  border-radius: 30px;
  background: #f9f9f9;
  color: #000;
  padding: 20px 20px 20px 40px;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
  border: 1px solid rgba(41, 169, 235, 0.2);
  overflow: hidden;
}

.specialistVectorSlider .slideData a:before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 10px 10px 0 0;
  background: #29abe2;
  position: absolute;
  left: 15px;
  top: 24px;
}

.specialistVectorSlider .slideData a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../img/bg.png') no-repeat;
  background-position: 70% bottom;
  background-size: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.specialistVectorSlider .slideData a:hover {
  border-color: rgba(125, 184, 40, 0.3);
  background-color: rgba(255, 255, 255, 0.7);
  color: #29abe2;
}

.specialistVectorSlider .slideData a:hover:before {
  border-radius: 10px 0 0 10px;
  background: #7db828;
}

.specialistVectorSlider .slideData a:hover:after {
  opacity: 0.5;
}





/* Карточка направления */
#specialistVecotrOne .columns.isColumntrue .content {float:left; width:calc(100% - 450px); }
#specialistVecotrOne .columns .rightSide {float:right; width:450px; padding-left:50px;}
#specialistVecotrOne .columns .rightSide .theme {margin-bottom:30px;}
#specialistVecotrOne .columns .rightSide .theme a {text-decoration:none; color:#29a9eb; }
#specialistVecotrOne .columns .rightSide .theme a:hover {color:#7db828; }

/* Блог */
#fullBlogList {}
.oneAuthor { position:relative; padding-left:90px; min-height:70px; margin-bottom:30px; display:inline-block; text-decoration:none; }
.oneAuthor img {display:block; position:absolute; left:0; top:0; width:70px; height:70px; border-radius:30px;}
.oneAuthor .authorName {display:block; color:#808080; font-size:20px; font-weight:300;  }
a.oneAuthor:hover .authorName {color:#000;}
.oneAuthor .profession {display:block; margin-top:5px; font-size:16px;}
#fullBlogList .blogListContainer {display:flex; flex-wrap:wrap; margin:0 -10px;}
#fullBlogList .blogListContainer .blogListItem {width:33.3333%; padding:0 10px 50px 10px; }
#fullBlogList .blogListContainer.hideAuthor1 .blogListItem a.author {display:none; }

/* Одна статья в блоге */
#blogArticleOne .columns.isColumntrue .content {float:left; width:calc(100% - 450px); }
#blogArticleOne .columns .rightSide {float:right; width:450px; padding-left:50px;}
#blogArticleOne .columns .rightSide .theme {margin-bottom:30px;}
#blogArticleOne .columns .rightSide .theme a {text-decoration:none; color:#29a9eb; }
#blogArticleOne .columns .rightSide .theme a:hover {color:#7db828; }

/* Один элемент в списке блога */
.blogListItem {padding-bottom:50px;}
.blogListItem .date {font-size:15px; }
.blogListItem .image {text-decoration:none; display:block; margin-top:15px; position:relative;}
.blogListItem .image img {display:block; border-radius:30px; }
.blogListItem .image:after {display:block; z-index:1; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/bg-fill.png') no-repeat; background-position:90% 85%; background-size:30%; opacity:0; transition:opacity 0.2s; }
.blogListItem .image:hover:after {opacity:1;}
.blogListItem .author {text-decoration:none; display:block; margin-top:20px; position:relative; padding-left:90px; min-height:70px; }
.blogListItem .author img {display:block; position:absolute; left:0; top:0; width:70px; height:70px; border-radius:30px;}
.blogListItem .author .authorName {display:block; color:#808080; font-size:20px; font-weight:300; transition:color 0.2s; }
.blogListItem .author .profession {display:block; margin-top:5px; font-size:16px;}
.blogListItem a.author:hover .authorName {color:#000; }
.blogListItem .name {margin-top:20px; color:#4d4d4d; font-size:22px; }
.blogListItem .name a {text-decoration:none; }
.blogListItem .sectList {margin-top:15px;}
.blogListItem .sectList div {padding-top:3px; display:inline-block;}
.blogListItem .sectList.isCollapsetrue div.extendtrue {display:none;}
.blogListItem .sectList div a {font-size:14px; text-decoration:none; color:#29a9eb;}
.blogListItem .sectList div a:hover {color:#7db828; }
.blogListItem .sectList span.collapse {display:block; padding-top:5px; }
.blogListItem .sectList span.collapse span {display:inline-block; font-size:14px; border-bottom:1px dashed #7db828; color:#7db828; cursor:pointer; }
span 
/* Пагинация 1 */
/*.stdPagination {padding-top:0px;}*/
/*.stdPagination .loadMoreBtn {padding-bottom:15px;}*/
/*.stdPagination .loadMoreBtn a {display:block; line-height:40px; background:#f2f2f2; text-align:center; text-decoration:none; }*/
/*.stdPagination .loadMoreBtn a:hover, .stdPagination .loadMoreBtn a.isProcess {background:#29a9eb; color:#fff;}*/
/*.stdPagination .loadMoreBtn a span {display:inline-block; vertical-align:middle; margin-left:5px; width:20px; height:20px; background:url('../img/spin-white.svg') no-repeat center center; background-size:20px;}*/
/*.stdPagination .loadPagesList a {display:inline-block; line-height:32px; min-width:32px;  margin-right:5px; background:#29a9eb; color:#fff; text-decoration:none; text-align:center; }*/
/*.stdPagination .loadPagesList a:hover {background:#7db828; color:#fff; }*/
/*.stdPagination .loadPagesList a.active {background:#7db828; color:#fff; }*/

/* Пагинация 2*/
.stdPagination {
    padding-top: 0px;
    text-align: center;
}

.stdPagination .loadMoreBtn {
    padding-bottom: 20px;
}

.stdPagination .loadMoreBtn a {
    display: inline-block; /* Изменено с block на inline-block */
    line-height: 40px;
    padding: 10px; /* Добавлены отступы */
    background: #f2f2f2;
    text-align: center;
    text-decoration: none;
    border-radius: 30px; /* Закругление углов */
    min-width: 200px; /* Минимальная ширина кнопки */
    transition: all 0.3s ease; /* Плавные переходы */
}

.stdPagination .loadMoreBtn a:hover, 
.stdPagination .loadMoreBtn a.isProcess {
    background: #29a9eb;
    color: #fff;
}

.stdPagination .loadMoreBtn a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url('../img/spin-white.svg') no-repeat center center;
    background-size: 20px;
}

.stdPagination .loadPagesList a {
    display: inline-block;
    line-height: 32px;
    min-width: 32px;
    margin-right: 5px;
    background: #29a9eb;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 30px; /* Закругление углов */
    padding: 10px; /* Добавлены отступы для цифр */
    transition: all 0.3s ease; /* Плавные переходы */
}

.stdPagination .loadPagesList a:hover {
    background: #7db828;
    color: #fff;
}

.stdPagination .loadPagesList a.active {
    background: #7db828;
    color: #fff;
}

/* Пагинация 2 конец*/

/* Контакты */
#contactsData {position:relative;}
#contactsData .blue {background:#00b4eb; padding:50px; border-radius:30px; width:450px; }
#contactsData .blue div {padding-bottom:15px; color:#fff; }
#contactsData .blue div:last-child {padding-bottom:0; }
#contactsData .blue div a {color:#fff; line-height:30px;}
#contactsData .button {position:absolute; right:0; top:0; }

#mapsData {margin-top:-50px;}



/* Форма онлайн-заявки */
#onlineForm {}
#onlineForm .cols {display:table; }
#onlineForm .cols .formText {display:table-cell; width:50%; padding:50px; border-radius:30px; background:#f2f8e9; vertical-align:top;}
#onlineForm .cols .formText .orderSpecialicName {font-size:30px; font-weight:500;}
#onlineForm .cols .formData {display:table-cell; width:50%; padding:50px 0 50px 50px; vertical-align:middle;}
#onlineForm .cols .formData .stdFormData .rowLine {float:left; width:50%; padding-bottom:20px;}
#onlineForm .cols .formData .stdFormData .rowLine:nth-child(odd) {padding-right:10px;}
#onlineForm .cols .formData .stdFormData .rowLine:nth-child(even) {padding-left:10px;}
#onlineForm .cols .formData .stdFormData .rowLine.consentCheckControl {clear:both; float:none; width:100%; padding:0 0 20px 0;}
#onlineForm .cols .formData .stdFormData .rowLine .caption {float:none; width:auto; padding:0 0 10px 0; }
#onlineForm .cols .formData .stdFormData .rowLine .input {margin-left:0; }


/* Хлебные крошки */
#pagesPathList {font-size:18px; padding:0 0 12px 0;}
#pagesPathList span {vertical-align:top; display:inline-block; padding-bottom:3px;}
#pagesPathList span.separator {padding-left:2px; padding-right:2px; color:#999; }
#pagesPathList span.last {color:#999; }





/* Услуги и цены */
#specialistPriceList {}
#specialistPriceList .priceList .profession {padding-bottom:20px; }
#specialistPriceList .priceList .priceGroup {margin-bottom:30px;}
#specialistPriceList .priceList h3 a {position:relative; padding-left:25px; display:inline-block; }
#specialistPriceList .priceList h3 a:before {display:block; content:""; width:16px; height:16px; border-radius:10px 10px 0 0; background:#29abe2; position:absolute; left:0; top:8px; }
#specialistPriceList .priceList h3 a:hover {color:#29a9eb; }
#specialistPriceList .priceList h3 a:hover:before {border-radius:10px 0 0 10px; background:#7db828;}


.priceList .table {display:table; width:100%; }
.priceList .table .tr {display:table-row;}
.priceList .table .tr.head {color:#808080; font-size:16px; }
.priceList .table .td {display:table-cell; text-align:center; vertical-align:top; }
.priceList .table .td span {display:none; font-size:14px; padding-bottom:5px;}
.priceList .table .tr.head .td {border-bottom:1px solid #cccccc; padding:10px 0px; }
.priceList .table .tr.line {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc; }
.priceList .table .tr.line:after {content:""; clear:both; display:block;}
.priceList .table .tr.line .td {border-bottom:1px dashed #cccccc; padding:15px 0px; }
.priceList .table .td.name {text-align:left; padding-right:30px;}
.priceList .table .td.code {white-space:nowrap; width:160px; text-align:center;}
.priceList .table .td.time {white-space:nowrap; width:160px; text-align:center;}
.priceList .table .td.price {white-space:nowrap; width:160px; text-align:center;}


/* Формы */
.stdFormData {}
.stdFormData .rowLine {padding-bottom:15px;}
#feebackFormBlock6 .stdFormData .rowLine:after {content:""; display:block; clear:left;}
.stdFormData .rowLine .caption {width:200px; float:left; padding-top:5px;}
.stdFormData .rowLine .caption .required {color:#7db828; font-size:20px; font-weight:500;}
.stdFormData .rowLine .input {margin-left:220px;}
.stdFormData .rowLine.isCaptionfalse .input {margin-left:0px;}
.stdFormData .rowLine .input .stdFormError {font-size:13px; color:red; padding-top:2px; }
.stdFormData .rowLine .input .stdInput, .stdFormData .rowLine .input .stdPassword {padding:10px 20px; width:100%; border:1px solid #f2f2f2; background:#f2f2f2; height:50px; border-radius:30px; }
.stdFormData .rowLine .input .stdInput:focus, .stdFormData .rowLine .input .stdPassword:focus {border:1px solid #29abe2;}
.stdFormData .rowLine .input .stdSelect {padding:5px; width:100%; border:1px solid #f2f2f2; background:#f2f2f2; height:50px; border-radius:4px 0 0 4px; font-family:inherit;}
.stdFormData .rowLine .input .stdSelect option {font-family:Tahoma;}
.stdFormData .rowLine .input .stdTextarea {padding:10px 20px; width:100%; min-height:100px; border:1px solid #f2f2f2; background:#f2f2f2; resize:vertical; border-radius:4px;}
.stdFormData .stdLineCheckbox .stdCheckbox {display:none;}
.stdFormData .stdLineCheckbox label {position:relative; display:inline-block; padding:5px 0 5px 25px;   cursor:pointer;}
.stdFormData .stdLineCheckbox label:before {content:"\f04d"; font-family:"Font Awesome 5 Pro"; font-size:17px; color:#333; position:absolute; left:0; top:3px; height:25px; width:25px; line-height:24px;}
.stdFormData .stdLineCheckbox input:checked + label:before {content:"\f14a"; }
.stdFormData .consentCheckControl {font-size:12px;}
.stdFormData .consentCheckControl label {padding-left:20px;}
.stdFormData .consentCheckControl label:before {top:0;}

.stdFormData .rowLine .input .fsBtn {display:none;}
.stdFormData .rowLine .input .stdCaptchaImage {width:110px; height:50px; cursor:pointer; }
.stdFormData .rowLine .input .stdCaptcha {padding:5px 10px; width:60px; border:1px solid #d8e0e8; vertical-align:top; margin:8px 10px 0 10px;  height:35px; border-radius:4px;}
.stdFormData .rowLine .input .stdUpdateCapchaCode {display:inline-block; margin-top:17px; border-bottom:1px dashed #009bd5; color:#009bd5; cursor:pointer; line-height:16px; font-size:14px; vertical-align:top; }
.stdFormData .rowLine .input .stdUpdateCapchaCode:hover {border-bottom:1px solid transparent;}

.stdFormData .rowSubmit {padding-top:20px;}
.stdFormData .rowSubmit button {min-width:190px; display:inline-block; border:none; text-align:center; padding:20px 30px; background:#7db828; color:#fff; border-radius:180px; text-decoration:none; position:relative; overflow:hidden; font-size:inherit; cursor:pointer; }
.stdFormData .rowSubmit button:hover {background:#29abe2; }




/* ОБЩИЕ СТИЛИ */
.textstyle {}
.textstyle h1, .textstyle .h1 {font-size:50px; padding-bottom:20px; font-weight:300; color:#4d4d4d; }
.textstyle h2, .textstyle .h2 {font-size:30px; padding-top:20px; padding-bottom:20px; font-weight:300; color:#4d4d4d;}
.textstyle h2:first-child, .textstyle .h2:first-child {padding-top:40px;}
.textstyle h3, .textstyle .h3 {font-size:25px; padding-top:20px; padding-bottom:20px; font-weight:300; color:#4d4d4d;}  
.textstyle h3.padding-arrow {padding-right:80px;}  
.textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0px;}

.textstyle p, .textstyle .p {padding-bottom:15px; line-height:25px;}
.textstyle img {max-width:100%; height:auto;}
.textstyle ul { margin-left:30px; padding-bottom:5px;}
	.textstyle ul li {padding-bottom:10px; line-height:25px;}
.textstyle ol { margin-left:30px; padding-bottom:5px;}
	.textstyle ol li {padding-bottom:10px; line-height:25px;}


/*
.textstyle h4, .textstyle .h4 {color:#888; font-size:20px; padding-top:2px; padding-bottom:3px; font-weight:bold;}
.textstyle h4:first-child, .textstyle .h4:first-child {padding-top:0px;}
.textstyle h5, .textstyle .h5 {color:#888; font-size:19px; padding-top:2px; padding-bottom:3px; font-weight:bold;}
.textstyle h5:first-child, .textstyle .h5:first-child {padding-top:0px;}
.textstyle h6, .textstyle .h6 {color:#888; font-size:18px; padding-top:2px; padding-bottom:3px; font-weight:bold;}
.textstyle h6:first-child, .textstyle .h6:first-child {padding-top:0px;}

*/



/* Стилизованная кнопка (с анимацией) */
a.aniBtn {min-width:190px; display:inline-block; text-align:center; padding:20px 30px; background:#29abe2; color:#fff; border-radius:180px; text-decoration:none; position:relative; overflow:hidden; }
a.aniBtn.green {background:#7db828; }
a.aniBtn span {position:relative; }
a.aniBtn:before {opacity:0; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right, #29abe2, #7db828); transition:opacity 0.2s; }
a.aniBtn:hover:before {opacity:1; }

/* Фрейм с видео */
.iframeVideoWrapper {position:relative; width:100%; padding-bottom:56.3%; }
.iframeVideoWrapper iframe {position:absolute; left:0; top:0; width:100%; height:100%; border:none; }


/* Блоки с картинкой */
.textBlockGallery2 {display:flex; flex-wrap:wrap; column-gap:45px; margin-bottom:30px;}
.textBlockGallery2 > div {width:calc(50% - 22.5px); }
.textBlockGallery2 > div img {border-radius:25px; display:block; margin-bottom:10px; width:100%; }

.textBlockGallery3 {display:flex; flex-wrap:wrap; column-gap:45px; margin-bottom:30px; }
.textBlockGallery3 > div {width:calc(33.33% - 30px); }
.textBlockGallery3 > div img {border-radius:25px; display:block; margin-bottom:10px; width:100%; }


/* Tootip */
.gfx-tooltip {display:inline; position:relative; text-decoration:underline; cursor:pointer; }
.gfx-tooltip .tooltiptext {visibility:hidden; width:320px; background-color:#00b4eb; color:#fff; text-align:center; border-radius:25px; padding:25px; position:absolute; z-index:1; bottom:125%; left:0; opacity:0; transition:opacity 0.3s; }
.gfx-tooltip.active .tooltiptext {visibility:visible; opacity:1; }



/* Подвал */
#footerProtect {clear:both; height:300px; }
#footer {margin:0 auto; width:100%; position:relative; background:#fff; height:300px; }
#footerData { width:100%; height:100%;}
#footerContent { width:100%; height:100%; padding-top:30px; border-top:2px dotted #f2f2f2; position:relative; }

/* Копирайт */
#copyrightData {position:absolute; left:0; width:300px; }
#copyrightData * {font-size:16px;}
#copyrightData a {color:#29abe2; }
#copyrightData .copyright {padding-top:30px;}
#copyrightData .license {padding-top:20px; line-height:21px;}
#footerLogo {width:100%; max-width:180px; display:block;}

#footerContentData {padding-left:330px; }

/* Нижнее меню */
#bottomMenu {column-count:2; column-gap:30px; float:left; width:52%; padding-right:50px; }
#bottomMenu .cols {break-inside:avoid-column; padding-top:45px; }
#bottomMenu .cols .item {padding-bottom:10px; }
#bottomMenu .cols .item a {text-decoration:none; color:#000; font-weight:500; }
#bottomMenu .cols .item a:hover {color:#29abe2; }
#bottomMenu .cols .item a.active {color:#29abe2; }

/* Контакты в подвале */
#bottomContacts {float:left; width:48%; }
#bottomContacts .contacts {column-count:2; column-gap:30px;}
#bottomContacts .caption {color:#777; font-size:20px; height:45px;}

#bottomContacts .address p {padding-bottom:5px; }
#bottomContacts .address a:hover {color:#7db828;}
#bottomContacts .phones p {padding-bottom:5px; }
#bottomContacts .phones p.msg {padding-bottom:0; padding-top:10px; }
#bottomContacts .phones a:hover {color:#7db828;}
#bottomContacts .phones a.whatsapp {display:inline-block; border-radius:100px; background:#29a71a; color:#fff; text-decoration:none; margin-left:10px; transition:transform 0.2s; }
#bottomContacts .phones a.whatsapp i {display:block; width:36px; height:36px; line-height:36px; font-size:20px; text-align:center; }
#bottomContacts .phones a.whatsapp:hover {transform:scale(1.2);}
#bottomContacts .phones a.telegram {display:inline-block; border-radius:100px; background:#29a9eb; color:#fff; text-decoration:none; transition:transform 0.2s; }
#bottomContacts .phones a.telegram i {display:block; width:36px; height:36px; line-height:36px; font-size:20px; text-align:center; }
#bottomContacts .phones a.telegram:hover {transform:scale(1.2);}


#bottomContacts .socials {font-size:16px; padding-top:20px;}
#bottomContacts .socials a {display:inline-block; border-radius:5px; color:#fff; text-decoration:none; margin-left:5px; transition:transform 0.2s;}
#bottomContacts .socials a i {display:block; width:28px; height:28px; line-height:28px; font-size:18px; text-align:center; }
#bottomContacts .socials a:hover {transform:scale(1.2);}
#bottomContacts .socials a.youtube {background:#ff0000;}
#bottomContacts .socials a.instagram {background:#a135b6; background:linear-gradient(-45deg, #833ab4,#fd1d1d,#fcb045); }
#bottomContacts .socials a.telegram {background:#29a9eb;}
#bottomContacts .socials a.vk {background:#0077ff;}


#antibotDataContainer {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:50000000;}
#antibotWindow {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#000; padding:20px; border-radius:10px; color:#fff; max-width:300px; min-width:300px; }
#antibotWindow.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8) no-repeat center center; background-image:url('../img/spin-white.svg'); background-size:140px; border-radius:12px;}
#antibotWindow .text {padding-bottom:10px; text-align:center; font-weight:bold; }
#antibotWindow .caption {padding-bottom:10px; color:#29abe2; text-align:center;}
#antibotWindow .list {text-align:center; font-size:0;}
#antibotWindow .list div {width:60px; height:60px; line-height:60px; font-size:40px; text-align:center; margin:10px; cursor:pointer;}
#antibotWindow .list div:hover {color:#29abe2; }

/* Эффект черно-белого изображения с переходом в цветное */

.blogListItem {
    overflow: hidden; /* Для zoom-эффекта */
    border-radius: 4px; /* Легкое скругление углов */
}

.blogListItem .image {
    position: relative;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blogListItem .image img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 0.8s ease-in-out;
    filter: saturate(0.87) brightness(1.02);
    transform: scale(1);
    will-change: transform, filter; /* Оптимизация анимации */
}

.blogListItem:hover .image img {
    filter: saturate(1) brightness(1);
    transform: scale(1.03);
}


.blogListItem:hover .image::after {
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 10px rgba(255,255,255,0.2); /* Легкое свечение */
} 
 
    
/* golovafx code - методы работы в столбик */
#specialistMainOne .methods .item {
    display: block;
    margin-bottom: 5px;
}

#specialistMainOne .methods .item:last-child {
    margin-bottom: 0;
}

/* === меняем цвет шрифтов=== */
body { color: #4d4d4d !important; }

/* === КАСТОМНЫЕ СТИЛИ ТЕКСТОВЫХ БЛОКОВ === */

/* Цитаты */
blockquote {
  color: #888 !important;       /* светло-серый текст */
  font-style: italic !important; /* курсив */
  border-left: 4px solid #29abe2; /* тонкая голубая полоса слева */
  padding: 10px 20px;
  margin: 20px 0;
  background: #f9f9f9;
  border-radius: 10px;
}

/* === Методы работы: стиль как у направлений работы === */
#specialistMainOne .methods .h3 {
  color: #808080;
  margin-bottom: 10px;
}

#specialistMainOne .methods .item {
  display: block;
  position: relative;
  padding-left: 25px;
  min-height: 16px;
  margin-bottom: 10px;
  color: #4d4d4d;
  text-decoration: none;
  transition: all 0.2s ease;
}

#specialistMainOne .methods .item::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 10px 10px 0 0;
  background: #29abe2;
  position: absolute;
  left: 0;
  top: 3px;
  transition: all 0.2s ease;
}

#specialistMainOne .methods .item:hover {
  color: #29abe2;
}

#specialistMainOne .methods .item:hover::before {
  background: #7db828;
  border-radius: 10px 0 0 10px;
}

/* Иконки онлайн/срочно — поддержка левой колонки */
#specialistMainOne .columns .left .icons .icon,
#specialistMainOne .columns .right .icons .icon {
  display:inline-block;
  height:50px;
  position:relative;
  width:240px;
  margin-bottom:10px;
}
#specialistMainOne .columns .left .icons .icon i,
#specialistMainOne .columns .right .icons .icon i {
  display:block;
  width:50px;
  height:50px;
  background:linear-gradient(to right, #29a9eb, #7db828);
  border-radius:10px;
}
#specialistMainOne .columns .left .icons .icon.fast i:after,
#specialistMainOne .columns .right .icons .icon.fast i:after {
  content:"";
  display:block;
  width:100%;height:100%;
  background:url('../img/fast.png') no-repeat center center;
  background-size:70%;
}
#specialistMainOne .columns .left .icons .icon.online i:after,
#specialistMainOne .columns .right .icons .icon.online i:after {
  content:"";
  display:block;
  width:100%;height:100%;
  background:url('../img/online.png') no-repeat center center;
  background-size:70%;
}
#specialistMainOne .columns .left .icons .icon > span,
#specialistMainOne .columns .right .icons .icon > span {
  display:table; width:100%; height:100%;
  position:absolute; left:0; top:0;
}
#specialistMainOne .columns .left .icons .icon > span span,
#specialistMainOne .columns .right .icons .icon > span span {
  display:table-cell; padding-left:60px; text-align:left; vertical-align:middle;
  color:#000; white-space:nowrap;
}

/* Отступ и перенос блока "иконки консультаций" под соцсети (левая колонка) */
#specialistMainOne .columns .left .socials { margin-bottom: 12px; }

#specialistMainOne .columns .left .icons {
  display: block;     /* чтобы начался с новой строки */
  clear: both;        /* на случай флоатов */
  margin-top: 30px;   /* горизонтальная «воздушка» */
}

/* === Соцсети в карточке специалиста — увеличенные иконки с белыми подсказками сбоку === */

#specialistMainOne .columns .left .socials {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* Базовый вид */
#specialistMainOne .columns .left .socials a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 100px;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Эффект при наведении */
#specialistMainOne .columns .left .socials a:hover {
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}

/* Подсказка — белое облако сбоку */
#specialistMainOne .columns .left .socials a::after {
  content: attr(title);
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) scale(0.95);
  background: #fff;
  color: #000;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease;
}

/* Маленький "треугольник" */
#specialistMainOne .columns .left .socials a::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #fff;
  opacity: 0;
  transition: all 0.25s ease;
}

/* Активное состояние */
#specialistMainOne .columns .left .socials a:hover::after,
#specialistMainOne .columns .left .socials a:hover::before {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

/* Индивидуальные цвета */
#specialistMainOne .columns .left .socials a.youtube    { background: #ff0000; }
#specialistMainOne .columns .left .socials a.instagram  { background: linear-gradient(-45deg,#833ab4,#fd1d1d,#fcb045); }
#specialistMainOne .columns .left .socials a.telegram   { background: #29a9eb; }
#specialistMainOne .columns .left .socials a.vk         { background: #0077ff; }

/* Соцсети: белая подсказка сбоку + поверх соседних иконок */
#specialistMainOne .columns .left .socials { position: relative; overflow: visible; }

#specialistMainOne .columns .left .socials a {
  position: relative;
  z-index: 1;                    /* базовый слой */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px; height: 46px;
  border-radius: 100px;
  color: #fff; text-decoration: none; font-size: 22px;
  transition: transform .25s ease, box-shadow .25s ease;
}

#specialistMainOne .columns .left .socials a:hover {
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
  z-index: 20;                   /* поверх соседей */
}

/* Белое «облако» справа */
#specialistMainOne .columns .left .socials a::after {
  content: attr(data-title);     /* читаем из data-title, НЕ из title */
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) scale(.95);
  background: #fff; color:#000;
  font-size: 13px; padding: 6px 12px;
  border-radius: 12px; white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  opacity: 0; pointer-events: none;
  transition: all .25s ease;
  z-index: 25;                   /* выше иконок */
}

/* Стрелочка-указатель */
#specialistMainOne .columns .left .socials a::before {
  content:"";
  position:absolute;
  left:100%; top:50%;
  transform: translateY(-50%);
  border:6px solid transparent;
  border-left-color:#fff;
  opacity:0; transition: all .25s ease;
  z-index: 25;
}

#specialistMainOne .columns .left .socials a:hover::after,
#specialistMainOne .columns .left .socials a:hover::before {
  opacity:1;
  transform: translateY(-50%) scale(1);
}

/* цвета иконок */
#specialistMainOne .columns .left .socials a.youtube   { background:#ff0000; }
#specialistMainOne .columns .left .socials a.instagram { background:linear-gradient(-45deg,#833ab4,#fd1d1d,#fcb045); }
#specialistMainOne .columns .left .socials a.telegram  { background:#29a9eb; }
#specialistMainOne .columns .left .socials a.vk        { background:#0077ff; }

/* Юридическая подпись под Instagram */
#specialistMainOne .columns .left .socials a.instagram + .meta-note {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 6px;
  line-height: 1.4;
}



/* ==== Стилизация кнопки Jivo ==== */
@media (min-width: 1024px) {
  #jivo-iframe-container,
  #jivo_container,
  #jivo_chat_widget,
  ._jivo_mobile_button_,
  ._jivo_widget_button_ {
    right: 20px !important;
    bottom: 20px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  /* Цвет фона кнопки */
  #jivo-iframe-container iframe,
  #jivo_container iframe,
  ._jivo_widget_button_,
  ._jivo_mobile_button_ {
    background: #3CB371 !important; /* замени на фирменный зелёный */
    border-radius: 30px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  }

  /* Убираем стандартные градиенты и обводки Jivo */
  #jivo-iframe-container iframe,
  #jivo_container iframe {
    border: none !important;
  }
}

/* === Телеграм-кнопка в карточке специалиста: иконка + текст на голубой плашке === */
#specialistMainOne .columns .left .socials a.telegram {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background: #29a9eb;              /* фирменный голубой */
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;

    padding: 8px 18px;
    border-radius: 999px;             /* полностью скруглённая плашка */
    width: auto !important;
    height: auto !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Иконка внутри плашки */
#specialistMainOne .columns .left .socials a.telegram i {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    font-size: 20px;
    line-height: 1;
}

/* Убираем tooltip и используем ::after как текст */
#specialistMainOne .columns .left .socials a.telegram::before {
    display: none !important;
    content: none !important;
}

#specialistMainOne .columns .left .socials a.telegram::after {
    content: "Телеграм-канал";
    position: static;
    display: inline-block;

    margin-left: 4px;
    padding: 0;
    background: none;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    white-space: nowrap;
    opacity: 1;
    transform: none;
}

/* Ховер */
#specialistMainOne .columns .left .socials a.telegram:hover {
    background: #00b4eb;
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

/*Выпадающее меню фильтров 03-12-25 golovafx*/
/* === Увеличение ширины выпадающего меню фильтра на десктопе === */
@media (min-width: 1024px) {
    .styleSelect .expandList {
        width: auto !important;
        min-width: 350px !important;  /* минимальная ширина */
        max-width: 520px !important;  /* чтобы оставалось адаптивным */
    }

    /* чтобы текст не обрезался */
    .styleSelect .expandList .item {
        white-space: normal !important;
        height: auto !important;
        line-height: 20px !important;
        padding: 6px 10px 6px 25px !important;
    }
}

/* На мобиле остаётся стандартное поведение */


/* Скрыть даты статей в правом блоке на страницах направлений */
#specialistVecotrOne .rightSide .blogListItem .date {
    display: none !important;
}


/* =========================================
   LK (Mindset) — scoped styles
   ВАЖНО: действует ТОЛЬКО внутри .lk-scope
   ========================================= */

.lk-scope{
  /* фон не задаем, шрифт наследуем от сайта */
  font-size:14px;
  line-height:20px;
  color:#323232;
  padding:20px;

  --blue:#00BFFF;
  --green:#8FDC30;
  --border:rgba(0,0,0,.12);
  --muted:#5c6b70;

  --r:30px;
  --r-pill:30px;
}

.lk-scope *{ box-sizing:border-box; }

.lk-scope a{ color:#323C46; text-decoration:none; }
.lk-scope a:hover{ color:#4E5C6A; }

/* === LAYOUT === */
.lk-scope .lk{
  min-height:600px;
  display:flex;
  justify-content:center;
}
.lk-scope .lk-shell{
  width:100%;
  max-width:1200px;
  display:flex;
  gap:18px;
  align-items:flex-start;
}

/* === SIDEBAR === */
.lk-scope .lk-side{
  width:280px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--r);
  box-shadow:0 18px 50px rgba(0,0,0,.10);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.lk-scope .lk-side-head{
  padding:18px 18px 14px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg, rgba(0,191,255,.10), rgba(143,220,48,.08));
}
.lk-scope .lk-user{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.lk-scope .lk-user .name{
  font-size:16px;
  font-weight:700;
  color:#0e1a1a;
}
.lk-scope .lk-user .meta{
  font-size:12px;
  color:var(--muted);
  line-height:16px;
  word-break:break-word;
}

.lk-scope .lk-nav{
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.lk-scope .lk-nav a{
  border:1px solid transparent;
  border-radius:var(--r-pill);
  padding:10px 12px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:.15s ease;
  background:rgba(0,0,0,.02);
}
.lk-scope .lk-nav a:hover{
  border-color:rgba(0,191,255,.35);
  background:rgba(0,191,255,.06);
}
.lk-scope .lk-nav a.active{
  border-color:rgba(0,191,255,.45);
  background:linear-gradient(135deg, rgba(0,191,255,.10), rgba(143,220,48,.08));
}
.lk-scope .lk-nav small{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}

/* exit */
.lk-scope .lk-exit{
  padding:12px 14px 14px;
  border-top:1px solid var(--border);
  background:#fff;
}
.lk-scope .lk-exit a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:40px;
  border-radius:var(--r-pill);
  border:1px solid rgba(0,0,0,.14);
  font-weight:700;
  background:#fff;
  transition:.15s ease;
}
.lk-scope .lk-exit a:hover{
  border-color:rgba(0,191,255,.45);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

/* === MAIN === */
.lk-scope .lk-main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.lk-scope .lk-top{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--r);
  box-shadow:0 18px 50px rgba(0,0,0,.10);
  padding:18px;
}
.lk-scope .lk-title{
  font-size:20px;
  font-weight:700;
  color:#0e1a1a;
  line-height:24px;
}
.lk-scope .lk-sub{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  line-height:18px;
  font-weight:400;
}

/* buttons */
.lk-scope .actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.lk-scope .btn{
  height:40px;
  border-radius:var(--r-pill);
  padding:0 14px;
  border:1px solid var(--border);
  background:#fff;
  font-weight:700;
  cursor:pointer;
  transition:.15s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.lk-scope .btn:hover{
  border-color:rgba(0,191,255,.45);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.lk-scope .btn.primary{
  border-color:transparent;
  background:linear-gradient(135deg, var(--blue), #39d2ff);
  color:#071316;
  box-shadow:0 10px 24px rgba(0,191,255,.22);
}
.lk-scope .btn.primary:hover{ box-shadow:0 14px 30px rgba(0,191,255,.30); }

/* badges */
.lk-scope .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px 10px;
  height:22px;
  border-radius:var(--r-pill);
  font-size:12px;
  font-weight:700;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  color:#0e1a1a;
  white-space:nowrap;
}
.lk-scope .badge.blue{ border-color:rgba(0,191,255,.35); background:rgba(0,191,255,.08); }
.lk-scope .badge.green{ border-color:rgba(143,220,48,.35); background:rgba(143,220,48,.10); }
.lk-scope .badge.gray{ border-color:rgba(0,0,0,.14); background:rgba(0,0,0,.05); color:#2d2d2d; }

/* dashboard grid/cards */
.lk-scope .grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}
.lk-scope .card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--r);
  box-shadow:0 18px 50px rgba(0,0,0,.08);
  overflow:hidden;
}
.lk-scope .card-head{
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg, rgba(0,191,255,.08), rgba(143,220,48,.06));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lk-scope .card-title{
  font-weight:700;
  color:#0e1a1a;
}
.lk-scope .card-head a{
  font-weight:700;
  font-size:13px;
  color:var(--blue);
}
.lk-scope .card-body{ padding:14px 16px 16px; }

.lk-scope .rows{display:flex;flex-direction:column;gap:10px}
.lk-scope .row{
  border:1px dashed rgba(0,0,0,.18);
  border-radius:var(--r);
  padding:10px 12px;
  background:rgba(0,0,0,.02);
}
.lk-scope .row .line1{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-weight:700;
  color:#0e1a1a;
}
.lk-scope .row .line2{
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
  line-height:16px;
  font-weight:400;
}

/* responsive */
@media (max-width: 980px){
  .lk-scope .lk-shell{flex-direction:column}
  .lk-scope .lk-side{width:100%}
  .lk-scope .grid{grid-template-columns:1fr}
}