main2.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. /* Менял-start */
  2. .left-side {
  3. font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
  4. font-weight: 400;
  5. width: 20%;
  6. }
  7. /* Менял-end */
  8. /* Менял-start */
  9. .left-side .value {
  10. font-size: 15px;
  11. margin-bottom: 5px;
  12. }
  13. .left-side .value img {
  14. position: relative;
  15. top: -3px;
  16. }
  17. /* Менял-end */
  18. /* Менял-start */
  19. .left-side .spec .spec-avatar {
  20. width: 50px;
  21. height: 50px;
  22. border-radius: 50%;
  23. display: block;
  24. position: absolute;
  25. margin-left: -10px;
  26. z-index: 10;
  27. left: 15px;
  28. top: 5px;
  29. }
  30. .left-side .spec .text {
  31. margin-left: 60px;
  32. padding-top: 5px;
  33. }
  34. /* Менял-end */
  35. /* Менял-start */
  36. .main-container .col-lg-10 {
  37. /*width: 78%; */
  38. }
  39. /* Менял-end */
  40. /* Добавил-start */
  41. .flat-links--pc {
  42. flex-direction: column;
  43. padding-left: 0;
  44. margin-bottom: 30px;
  45. margin-top: 45px;
  46. }
  47. .flat-links--pc .flat-links__item {
  48. width: 100%;
  49. padding: 5px 0 5px 10px;
  50. }
  51. .flat-links--pc .flat-links__item img {
  52. height: auto;
  53. width: 44px;
  54. }
  55. .flat-links--pc .flat-links__item-description {
  56. font-size: 13px;
  57. line-height: 18px;
  58. font-weight: 700;
  59. font-family: "Open Sans";
  60. }
  61. .left-side .specializations .spec-header img {
  62. position: relative;
  63. top: -3px;
  64. -webkit-transform: rotate(90deg);
  65. -ms-transform: rotate(90deg);
  66. transform: rotate(90deg);
  67. }
  68. .left-side .spec .text .subtitle,
  69. .left-side .spec .text .title {
  70. font-weight: 700;
  71. }
  72. .left-side .spec .text .title {
  73. color: #3b434d;
  74. }
  75. .logo-top-margin {
  76. /*margin-top: -30px;*/
  77. position: relative;
  78. /*
  79. z-index: 99999999;
  80. padding: 20px 0;
  81. */
  82. background: #fff;
  83. }
  84. header .menu ul li:first-child {
  85. margin-left: 65px;
  86. }
  87. .swiper-container-big {
  88. min-height: initial;
  89. height: auto;
  90. margin-bottom: 20px;
  91. }
  92. .banner-anons {
  93. overflow: hidden;
  94. }
  95. .banner-anons img {
  96. width: 100%;
  97. max-width: 469px;
  98. margin: 0px auto;
  99. }
  100. .content-right .banner-anons {
  101. padding-left: 15px;
  102. }
  103. .min-title-blue {
  104. color: #3b434d;
  105. margin-bottom: 20px;
  106. margin-top: 15px;
  107. font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
  108. font-size: 20px;
  109. font-weight: 700;
  110. }
  111. .text-page__text p.subtitle-blue {
  112. font-size: 17px;
  113. margin-bottom: 20px;
  114. line-height: 22px;
  115. color: #3b434d;
  116. font-family: "Open Sans";
  117. }
  118. .text-page__text .more a {
  119. font-size: 13px;
  120. color: #929292;
  121. }
  122. header.v9 .menu ul li:first-child {
  123. margin-left: 0px;
  124. }
  125. header.v9 .menu ul {
  126. display: block;
  127. }
  128. header.v9 .circles {
  129. text-align: right;
  130. }
  131. header.v9 .circles .circle, header.v9 #searchToggle {
  132. margin: 8px 0 4px 2px;
  133. float: none;
  134. display: inline-block;
  135. }
  136. header.v9 .soc {
  137. position: initial;
  138. margin-top: 11px;
  139. text-align: center;
  140. }
  141. header.v9 .soc .social {
  142. display: inline-block;
  143. float: none;
  144. }
  145. .left-sidebar-v9,
  146. .right-sidebar-v9 {
  147. width: 230px;
  148. display: inline-block;
  149. vertical-align: top;
  150. margin: 0 15px;
  151. }
  152. .right-sidebar-v9 {
  153. width: 200px;
  154. }
  155. .center-sidebar-v9 {
  156. width: calc(100% - 430px - 1em - 85px);
  157. display: inline-block;
  158. vertical-align: top;
  159. margin: 0 15px;
  160. }
  161. .left-sidebar-v9 .logo {
  162. text-align: center;
  163. padding: 20px 0;
  164. }
  165. .content-fluid {
  166. padding-left: 0;
  167. padding-right: 0;
  168. }
  169. .swiper-container-big .arrow {
  170. width: 10px;
  171. height: 16px;
  172. position: absolute;
  173. z-index: 10;
  174. top: 50%;
  175. cursor: pointer;
  176. }
  177. .swiper-container-big .arrow-left {
  178. background: url(../img/style/slide-arrow-left.png);
  179. left: 10%;
  180. }
  181. .swiper-container-big .arrow-right {
  182. background: url(../img/style/slider-arrow-right.png);
  183. right: 10%;
  184. }
  185. .flat-links--pc-v9 {
  186. margin-top: 20px;
  187. }
  188. .content-center {
  189. padding-right: 15px;
  190. padding-left: 15px;
  191. }
  192. .content-center .today,
  193. .content-center .news {
  194. padding-left: 0;
  195. }
  196. .content-center .today .special-items__item {
  197. width: 100%;
  198. height: auto;
  199. display: block;
  200. border: 0;
  201. }
  202. .content-center .today .special-items__item-content {
  203. padding: 0px 10px;
  204. }
  205. .content-center .today .special-items__item .special-items__item-images,
  206. .content-center .today .special-items__container .special-items__title--school .special-items__dates {
  207. width: 200px;
  208. display: inline-block;
  209. vertical-align: top;
  210. }
  211. .content-center .today .special-items__item .special-items__item-images .entity-badge__badge {
  212. bottom: initial;
  213. top: 15px;
  214. left: 0px;
  215. }
  216. .content-center .today .special-items__top {
  217. height: auto;
  218. }
  219. .content-center .today .special-items__item .special-items__item-text,
  220. .content-center .today .special-items__container .special-items__title--school .special-items__type {
  221. width: calc(100% - 200px - .5em);
  222. display: inline-block;
  223. vertical-align: top;
  224. padding: 0 0px 0 30px;
  225. }
  226. .content-center .today .special-items__item .special-items__item-text .special-items__description {
  227. height: auto;
  228. }
  229. .content-center .today .special-items__item .special-items__item-text .special-items__organization-name {
  230. text-align: left;
  231. padding: 5px 0px;
  232. height: auto;
  233. line-height: 16px;
  234. margin-bottom: 5px;
  235. }
  236. .content-center .today .special-items__item .special-items__item-text .special-items__organization-address {
  237. text-align: left;
  238. padding: 5px 10px;
  239. }
  240. .content-center .today .special-items__item .special-items__item-text .special-items__horizontal-rule {
  241. margin: 5px 0px;
  242. }
  243. .content-center .today .special-items__container {
  244. display: block;
  245. }
  246. .content-center .today .special-items__container .special-items__title--school {
  247. background: #fff;
  248. color: #929292;
  249. display: block;
  250. padding: 10px 10px;
  251. }
  252. .content-center .news .shortnews__list,
  253. .content-center .news .shortnews__list .shortnews__item {
  254. display: block;
  255. }
  256. .content-center .news .shortnews__list .shortnews__item {
  257. height: auto;
  258. border-top-left-radius: 14px;
  259. }
  260. .content-center .news .shortnews__list .shortnews__item .shortnews__imgcase {
  261. max-width: 230px;
  262. display: inline-block;
  263. vertical-align: top;
  264. }
  265. .content-center .news .shortnews__list .shortnews__item .shortnews__textpos {
  266. display: inline-block;
  267. vertical-align: top;
  268. width: calc(100% - 230px - .5em);
  269. position: initial;
  270. background: transparent;
  271. }
  272. .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__title {
  273. color: #004d7b;
  274. font-size: 17px;
  275. background: transparent;
  276. }
  277. .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__description {
  278. height: auto;
  279. }
  280. .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__details {
  281. display: block;
  282. padding: 0 10px;
  283. }
  284. .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__details .shortnews__date {
  285. font-family: 'Open Sans';
  286. font-size: 13px;
  287. }
  288. .content-center h2 {
  289. color: #3b434d;
  290. font-size: 25px;
  291. line-height: 30px;
  292. text-align: center;
  293. font-weight: 700;
  294. margin-bottom: 15px;
  295. margin-top: 30px;
  296. }
  297. .personals__tile-v9 .personals__title {
  298. background: #fff;
  299. display: block;
  300. }
  301. .personals__tile-v9 .personals__item {
  302. border: 1px solid #ebebeb;
  303. border-radius: 0;
  304. }
  305. .personals__tile-v9 .personals__details {
  306. border: 0px;
  307. display: block;
  308. }
  309. .personals__tile-v9 .personals__photo {
  310. margin-left: -31px;
  311. top: 0px;
  312. }
  313. .personals__tile-v9 .personals__name {
  314. padding-left: 42px;
  315. min-height: 33px;
  316. }
  317. .personals__tile-v9 .personals__description {
  318. padding: 0px 10px 25px 42px;
  319. }
  320. .personals__tile-v9 {
  321. display: inline-block;
  322. width: 50%;
  323. padding-left: 30px;
  324. padding-right: 30px;
  325. height: 150px;
  326. }
  327. .swiper-spec {
  328. margin-left: auto;
  329. margin-right: auto;
  330. position: relative;
  331. overflow: hidden;
  332. z-index: 1;
  333. }
  334. .content-left .swiper-spec .arrow-right {
  335. background: url(../img/style/slider-arrow-right-grey.png);
  336. right: 10px;
  337. }
  338. .content-left .swiper-spec .arrow-left {
  339. background: url(../img/style/slider-arrow-left-grey.png);
  340. left: 10px;
  341. }
  342. .left-side .doctor {
  343. font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
  344. font-weight: 400;
  345. }
  346. .left-side .doctor .doctor-avatar {
  347. margin-bottom: 8px;
  348. text-align: center;
  349. }
  350. .left-side .doctor .doctor-avatar img {
  351. display: block;
  352. margin: 0 auto;
  353. border-radius: 50%;
  354. }
  355. .left-side .doctor .doctor-name {
  356. text-align: center;
  357. font-size: 20px;
  358. color: #004d7b;
  359. line-height: 22px;
  360. margin-bottom: 4px;
  361. }
  362. .left-side .doctor .doctor-desc {
  363. line-height: 15px;
  364. text-align: center;
  365. color: #929292;
  366. }
  367. .left-side .doctor .doctor-link {
  368. padding: 0;
  369. font-size: 14px;
  370. margin-top: 15px;
  371. text-align: center;
  372. background: #ebebeb;
  373. }
  374. .left-side .doctor .doctor-link a {
  375. color: #929292;
  376. text-decoration: underline;
  377. padding: 9px 0;
  378. display: block;
  379. }
  380. .left-side .doctor .doctor-link a:hover {
  381. color: #fff;
  382. background: #004d7b;
  383. }
  384. @media (max-width: 1250px) {
  385. header.v9 .menu ul li a {
  386. height: 100%;
  387. color: #fff;
  388. font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
  389. font-size: 13px;
  390. }
  391. .flat-links--pc .flat-links__item img {
  392. height: auto;
  393. width: 32px;
  394. }
  395. .flat-links--pc .flat-links__item-description {
  396. font-size: 14px;
  397. line-height: 16px;
  398. }
  399. .main-title .title {
  400. font-size: 24px;
  401. }
  402. .banner-anons {
  403. text-align: center;
  404. }
  405. /* .swiper-container-big {
  406. min-height: 420px;
  407. } */
  408. }
  409. .clear {
  410. content: '';
  411. clear: both;
  412. display: block;
  413. }
  414. @media (max-width: 991px) {
  415. header.v9 .menu > ul {
  416. display: none;
  417. }
  418. .left-sidebar-v9 {
  419. width: 100px;
  420. }
  421. .right-sidebar-v9 {
  422. width: 140px;
  423. }
  424. .center-sidebar-v9 {
  425. width: calc(100% - 240px - 1em - 85px);
  426. }
  427. /* .swiper-container-big {
  428. min-height: 320px;
  429. } */
  430. .flat-links--pc .flat-links__item-description {
  431. font-size: 12px;
  432. line-height: 14px;
  433. }
  434. .personals__tile-v9 {
  435. display: inline-block;
  436. width: 100%;
  437. padding-left: 30px;
  438. padding-right: 30px;
  439. height: auto;
  440. }
  441. .content-left .slider {
  442. position: relative;
  443. margin-bottom: 50px;
  444. }
  445. }
  446. @media (max-width: 767px) {
  447. header.v9 .menu-mobile {
  448. position: absolute;
  449. top: 47px;
  450. width: 160px;
  451. text-align: left;
  452. padding: 0 15px 0;
  453. }
  454. .right-sidebar-v9 {
  455. margin: 0 0 15px;
  456. display: block;
  457. }
  458. header.v9 .col-2 {
  459. width: 16.6666%;
  460. float: left;
  461. }
  462. header.v9 .col-5 {
  463. width: 41.6666%;
  464. float: left;
  465. }
  466. .content-right .banner-anons {
  467. padding-left: 0;
  468. }
  469. .content-center .today .special-items__item .special-items__item-images, .content-center .today .special-items__container .special-items__title--school .special-items__dates {
  470. width: 200px;
  471. display: block;
  472. }
  473. .content-center .today .special-items__item .special-items__item-text, .content-center .today .special-items__container .special-items__title--school .special-items__type {
  474. width: 100%;
  475. display: block;
  476. padding: 0 0px 0 0;
  477. }
  478. .content-center .news .shortnews__list .shortnews__item .shortnews__imgcase {
  479. max-width: 230px;
  480. display: block;
  481. }
  482. .content-center .news .shortnews__list .shortnews__item .shortnews__textpos {
  483. display: block;
  484. width: 100%;
  485. }
  486. .center-sidebar-v9 {
  487. margin: 0 0px;
  488. }
  489. .swiper-container-big {
  490. min-height: initial;
  491. }
  492. }
  493. .content-center h2 {
  494. color: #3b434d;
  495. font-size: 25px;
  496. font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
  497. line-height: 30px;
  498. text-align: center;
  499. font-weight: 700;
  500. margin-bottom: 15px;
  501. margin-top: 30px;
  502. }
  503. @media (max-width: 768px) {
  504. header.v9 .container {
  505. padding: 0px 0px 0;
  506. }
  507. .main-container.container {
  508. padding: 30px 15px 0;
  509. }
  510. .additional-info__item img {
  511. margin: 0 auto;
  512. }
  513. }
  514. /* Добавил-end */
  515. .content-left .about,
  516. .content-right .news {
  517. margin-top: 25px;
  518. }