all2.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161
  1. img{
  2. max-width: 100%;
  3. height: auto;
  4. }
  5. .grid-row{
  6. font-size: 0;
  7. margin: 0 8px 0 -5px;
  8. }
  9. .grid-col{
  10. display: inline-block;
  11. box-sizing: border-box;
  12. vertical-align: top;
  13. padding: 0 5px;
  14. font-size: 15px;
  15. }
  16. .grid-col-1{width: 25%;}
  17. .grid-col-2{width: 50%;}
  18. .grid-col-3{width: 75%;}
  19. .grid-col-4{width: 100%;}
  20. .grid-col-33{width: 33.3333333333%;}
  21. .grid-col-66{width: 66.6666666666%;}
  22. .breadcrumbs{
  23. position: relative;
  24. z-index: 2;
  25. }
  26. .search--headline{
  27. height: 44px;
  28. margin-bottom: 40px;
  29. padding: 0 18px 0 56px;
  30. box-sizing: border-box;
  31. position: relative;
  32. display: -webkit-flex;
  33. display: -ms-flex;
  34. display: flex;
  35. flex-direction: row;
  36. justify-content: space-between;
  37. align-content: center;
  38. align-items: center;
  39. background: #ebebeb;
  40. z-index: 2;
  41. }
  42. .search--headline:before {
  43. content: '';
  44. position: absolute;
  45. width: 49px;
  46. height: 49px;
  47. border-radius: 50%;
  48. left: -10px;
  49. top: -8px;
  50. border: 5px solid #ffffff;
  51. background: url("../img/icon_search_01.png") center/auto no-repeat #3b434d;
  52. }
  53. .search--headline--text{
  54. width: 900px;
  55. margin-right: 20px;
  56. font-family: 'cuprum';
  57. font-size: 20px;
  58. font-weight: bold;
  59. color: #3b434d;
  60. overflow: hidden;
  61. }
  62. .orglist--headline{
  63. height: 44px;
  64. margin-bottom: 15px;
  65. padding: 0 18px 0 56px;
  66. box-sizing: border-box;
  67. position: relative;
  68. display: -webkit-flex;
  69. display: -ms-flex;
  70. display: flex;
  71. flex-direction: row;
  72. justify-content: space-between;
  73. align-content: center;
  74. align-items: center;
  75. background: #ebebeb;
  76. z-index: 2;
  77. }
  78. .orglist--headline:before {
  79. content: '';
  80. position: absolute;
  81. width: 49px;
  82. height: 49px;
  83. border-radius: 50%;
  84. left: -10px;
  85. top: -8px;
  86. border: 5px solid #ffffff;
  87. background: url("../img/icon_leftbar_innermenu_01@2x.png") center/50% 50% no-repeat #004d7b;
  88. }
  89. .orglist--headline--text{
  90. width: 900px;
  91. margin-right: 20px;
  92. font-family: 'cuprum';
  93. font-size: 20px;
  94. font-weight: bold;
  95. color: #004d7b;
  96. overflow: hidden;
  97. }
  98. .search--headline--form{
  99. width: 216px;
  100. position: relative;
  101. }
  102. .search--headline--form .search__iconzoom {
  103. position: absolute;
  104. right: 0;
  105. top: 0;
  106. width: 30px;
  107. height: 30px;
  108. background: url("../img/icon_zoom_search@2x.png") 0 0/cover no-repeat;
  109. border-radius: 0 25px 25px 0 / 0 25px 25px 0;
  110. cursor: pointer;
  111. overflow: hidden;
  112. display: none;
  113. }
  114. .search--headline--form input:focus + .search__iconzoom{
  115. display: block;
  116. }
  117. .pagetitle2container{
  118. height: 44px;
  119. margin-bottom: 17px;
  120. padding: 0 18px 0 54px;
  121. box-sizing: border-box;
  122. position: relative;
  123. display: -webkit-flex;
  124. display: -ms-flex;
  125. display: flex;
  126. flex-direction: row;
  127. justify-content: space-between;
  128. align-content: center;
  129. align-items: center;
  130. background: #ebebeb;
  131. }
  132. .pagetitle2container:before {
  133. content: '';
  134. position: absolute;
  135. width: 49px;
  136. height: 49px;
  137. border-radius: 50%;
  138. left: -10px;
  139. top: -8px;
  140. border: 5px solid #ffffff;
  141. background: url("../img/icon_search_01.png") center/auto no-repeat #004d7b;
  142. }
  143. .pagetitle2container.title--spec:before{
  144. background: url("../img/icon_search_01.png") center/auto no-repeat #3b434d;
  145. }
  146. .pagetitle2container h1{
  147. font-family: 'cuprum';
  148. font-size: 20px;
  149. font-weight: bold;
  150. color: #004d7b;
  151. white-space: nowrap;
  152. overflow: hidden;
  153. text-overflow: ellipsis;
  154. }
  155. .pagetitle2container.title--spec h1{
  156. color: #3b434d;
  157. }
  158. .org1__item{
  159. border: 1px solid #ebebeb;
  160. border-radius: 10px 0 0 0;
  161. position: relative;
  162. background: #fff;
  163. font-family: 'cuprum';
  164. box-sizing: border-box;
  165. padding: 5px 10px 0;
  166. text-align: center;
  167. display: flex;
  168. flex-direction: column;
  169. margin: 0 auto 10px;
  170. max-width: 237px;
  171. }
  172. .org1__item.recommend-badge:before{
  173. content: 'Редакция рекомендует!';
  174. display: block;
  175. width: 193px;
  176. height: 36px;
  177. box-sizing: border-box;
  178. padding: 5px 0 0 7px;
  179. background: url(../img/recommend-badge.png) no-repeat;
  180. position: absolute;
  181. bottom: 74px;
  182. left: -8px;
  183. font-size: 18px;
  184. line-height: 1;
  185. color: #fff;
  186. white-space: nowrap;
  187. text-align: left;
  188. }
  189. .org1__title{
  190. height: 70px;
  191. margin-bottom: 9px;
  192. overflow: hidden;
  193. display: -webkit-flex;
  194. display: -ms-flex;
  195. display: flex;
  196. -webkit-align-items: center;
  197. -webkit-box-align: center;
  198. -ms-flex-align: center;
  199. align-items: center;
  200. }
  201. .org1__title a{
  202. margin: auto;
  203. line-height: 18px;
  204. color: #004d7b;
  205. text-decoration: none;
  206. }
  207. .org1__desc{
  208. height: 31px;
  209. margin-bottom: 6px;
  210. overflow: hidden;
  211. display: -webkit-flex;
  212. display: -ms-flex;
  213. display: flex;
  214. -webkit-align-items: center;
  215. -webkit-box-align: center;
  216. -ms-flex-align: center;
  217. align-items: center;
  218. font-size: 13px;
  219. line-height: 16px;
  220. color: #929292;
  221. }
  222. .org1__desc span{
  223. margin: auto;
  224. }
  225. .org1__img{
  226. height: 130px;
  227. overflow: hidden;
  228. margin-bottom: 10px;
  229. }
  230. .org1__img img{
  231. display: block;
  232. margin: 0 auto;
  233. }
  234. .org1__adress{
  235. height: 57px;
  236. margin-bottom: 9px;
  237. overflow: hidden;
  238. display: -webkit-flex;
  239. display: -ms-flex;
  240. display: flex;
  241. -webkit-align-items: center;
  242. -webkit-box-align: center;
  243. -ms-flex-align: center;
  244. align-items: center;
  245. font-size: 13px;
  246. line-height: 16px;
  247. color: #929292;
  248. background: #ebebeb;
  249. margin: 0 -10px;
  250. }
  251. .org1__adress span{
  252. margin: auto;
  253. }
  254. .row-org2{
  255. margin-bottom: 30px;
  256. }
  257. .org2__item{
  258. border: 1px solid #ebebeb;
  259. background: #fff;
  260. font-family: 'cuprum';
  261. margin-bottom: 10px;
  262. position: relative;
  263. padding-right: 30px;
  264. }
  265. .org2__item.recommend-badge:before{
  266. content: 'Редакция рекомендует!';
  267. display: block;
  268. width: 193px;
  269. height: 36px;
  270. box-sizing: border-box;
  271. padding: 5px 0 0 7px;
  272. background: url(../img/recommend-badge.png) no-repeat;
  273. position: absolute;
  274. bottom: 6px;
  275. left: -8px;
  276. font-size: 18px;
  277. line-height: 1;
  278. color: #fff;
  279. white-space: nowrap;
  280. text-align: left;
  281. }
  282. .org2__img{
  283. float: left;
  284. margin: -1px 9px -1px -1px;
  285. }
  286. .org2__img img{
  287. display: block;
  288. }
  289. .org2__title{
  290. height: 29px;
  291. margin: 5px 0 6px;
  292. overflow: hidden;
  293. }
  294. .org2__title a{
  295. display: table-cell;
  296. height: 29px;
  297. vertical-align: middle;
  298. font-size: 17px;
  299. line-height: 14px;
  300. color: #3b434d;
  301. text-decoration: none;
  302. }
  303. .org2__desc{
  304. height: 29px;
  305. overflow: hidden;
  306. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  307. font-size: 13px;
  308. line-height: 14px;
  309. color: #3b434d;
  310. }
  311. .org2__desc span{
  312. display: table-cell;
  313. height: 29px;
  314. vertical-align: middle;
  315. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  316. font-size: 13px;
  317. line-height: 14px;
  318. color: #3b434d;
  319. text-decoration: none;
  320. }
  321. .org2__link{
  322. display: block;
  323. width: 14px;
  324. height: 14px;
  325. position: absolute;
  326. top: 50%;
  327. right: 4px;
  328. margin-top: -7px;
  329. background: url(../img/icon_leftbar_title_arrow1.png) no-repeat;
  330. }
  331. .marg-bottom-none{
  332. margin-bottom: 0;
  333. }
  334. .personals__item{
  335. max-width: 227px;
  336. margin-left: auto;
  337. margin-right: auto;
  338. }
  339. .blockslide--content .personals2__item{
  340. margin: 0 0 3px 10px;
  341. }
  342. .personals2__item {
  343. border-radius: 32px 0 0 0 / 32px 0 0 0;
  344. display: -webkit-flex;
  345. display: -ms-flex;
  346. display: flex;
  347. flex-direction: column;
  348. margin-bottom: 10px;
  349. }
  350. .personals2__top{
  351. padding: 5px 9px 4px 60px;
  352. font-size: 13px;
  353. color: #929292;
  354. }
  355. .personals2__doljnost{
  356. float: left;
  357. width: 50%;
  358. box-sizing: border-box;
  359. }
  360. .personals2__writelink{
  361. float: left;
  362. width: 50%;
  363. box-sizing: border-box;
  364. text-align: right;
  365. }
  366. .personals2__writelink a{
  367. color: #929292;
  368. text-decoration: none;
  369. }
  370. .personals2__writelink a:after{
  371. content: '';
  372. display: inline-block;
  373. width: 8px;
  374. height: 8px;
  375. background: url(../img/icon_leftbar_title_arrow3.png) no-repeat;
  376. background-size: 8px 8px;
  377. margin-left: 1px;
  378. }
  379. .personals2__link {
  380. text-decoration: none;
  381. position: relative;
  382. }
  383. .personals2__item:hover .personals2__title {
  384. background: #d2dee9;
  385. }
  386. .personals2__item:hover .personals2__details {
  387. border-color: #d2dee9 !important;
  388. }
  389. .personals2__title {
  390. background: #ebebeb;
  391. border-radius: 32px 0 0 32px;
  392. display: -webkit-flex;
  393. display: -ms-flex;
  394. display: flex;
  395. flex-direction: row;
  396. flex-wrap: nowrap;
  397. align-items: center;
  398. position: relative;
  399. }
  400. .personals2__name {
  401. width: 60%;
  402. color: #004d7b;
  403. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  404. font-size: 17px;
  405. height: 41px;
  406. display: -webkit-flex;
  407. display: -ms-flex;
  408. display: flex;
  409. flex-direction: column;
  410. justify-content: center;
  411. padding-left: 62px;
  412. }
  413. .personals2__description{
  414. width: 40%;
  415. text-align: right;
  416. display: block;
  417. position: relative;
  418. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  419. font-size: 13px;
  420. color: #929292;
  421. padding: 0 10px 0 10px;
  422. box-sizing: border-box;
  423. }
  424. .personals2__photo {
  425. width: 63px;
  426. height: 63px;
  427. border-radius: 50%;
  428. display: block;
  429. position: absolute;
  430. margin-left: -10px;
  431. z-index: 10;
  432. left: 0;
  433. top: 0;
  434. }
  435. .personals2__details {
  436. border: 1px solid #ebebeb;
  437. border-top: none;
  438. padding-left: 58px;
  439. }
  440. .personals2__category {
  441. padding: 8px 10px 3px 25px;
  442. }
  443. .personals2__category {
  444. display: block;
  445. position: relative;
  446. padding: 7px 10px 5px 27px;
  447. min-height: 20px;
  448. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  449. font-size: 13px;
  450. color: #004d7b;
  451. background: url("data:image/gif;base64,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") 2px 50% no-repeat;
  452. }
  453. .content--ad{
  454. margin-bottom: 10px;
  455. }
  456. .content--ad img{
  457. display: block;
  458. }
  459. .leftbar__item.leftbar__item--sidebarmenu:before{
  460. display: none;
  461. }
  462. .sidebarmenu{
  463. display: block;
  464. }
  465. .sidebarmenu__title {
  466. font-size: 17px;
  467. text-decoration: none;
  468. color: #3b434d;
  469. }
  470. .sidebarmenu__list {
  471. width: 100%;
  472. position: relative;
  473. z-index: 5;
  474. height: 0;
  475. overflow: hidden;
  476. transition: all .5s ease;
  477. }
  478. .sidebarmenu__list.active {
  479. height: auto;
  480. overflow: auto;
  481. transition: all .5s ease;
  482. }
  483. .sidebarmenu__item {
  484. border-bottom: 1px solid #ebebeb;
  485. border-left: 1px solid #ebebeb;
  486. border-right: 1px solid #ebebeb;
  487. }
  488. .sidebarmenu__link {
  489. color: #3b434d;
  490. background: #fff;
  491. text-decoration: none;
  492. font-size: 15px;
  493. padding: 8px;
  494. line-height: 19px;
  495. display: block;
  496. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  497. font-weight: normal;
  498. }
  499. .sidebarmenu__link:hover {
  500. color: #004d7b;
  501. background: #d2dee9;
  502. }
  503. .leftbar{
  504. position: relative;
  505. z-index: 2;
  506. }
  507. .leftbar__title--sidebarmenu {
  508. border-radius: 0;
  509. padding-left: 10px;
  510. }
  511. .services {
  512. display: block;
  513. }
  514. .services__title {
  515. text-decoration: none;
  516. color: #5597d1;
  517. }
  518. .services__title::before {
  519. content: '';
  520. position: absolute;
  521. width: 51px;
  522. height: 51px;
  523. border-radius: 50%;
  524. left: -10px;
  525. top: -8px;
  526. border: 5px solid #ffffff;
  527. background: url("../img/icon_leftbar_innermenu_03@2x.png") 50% 50%/20px 24px no-repeat #5597d1;
  528. }
  529. .services__list {
  530. width: 100%;
  531. margin-top: 5px;
  532. position: relative;
  533. z-index: 5;
  534. height: 0;
  535. overflow: hidden;
  536. transition: all .5s ease;
  537. }
  538. .services__list.active {
  539. height: auto;
  540. overflow: auto;
  541. transition: all .5s ease;
  542. }
  543. .services__item {
  544. border-bottom: 1px solid #ebebeb;
  545. }
  546. .services__link {
  547. color: #5597d1;
  548. text-decoration: none;
  549. font-size: 15px;
  550. padding: 8px;
  551. line-height: 19px;
  552. display: block;
  553. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  554. font-weight: normal;
  555. }
  556. .services__link:hover {
  557. color: #004d7b;
  558. background: #d2dee9;
  559. }
  560. .orgsingle--sidemenus .specialization__link,.orgsingle--sidemenus .services__link{
  561. padding: 6px 8px 7px;
  562. line-height: 14px;
  563. }
  564. #map1{
  565. position: absolute;
  566. top: 0;
  567. left: 0;
  568. right: 0;
  569. height: 637px;
  570. z-index: 1;
  571. }
  572. .centerbar.withmap{
  573. margin-top: 300px;
  574. position: relative;
  575. z-index: 2;
  576. }
  577. .sidebarmenu2{
  578. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  579. font-size: 15px;
  580. line-height: 18px;
  581. background: #fff;
  582. }
  583. .sidebarmenu2 > li{
  584. display: block;
  585. }
  586. .sidebarmenu2 > li > a{
  587. display: block;
  588. position: relative;
  589. color: #004d7b;
  590. line-height: 18px;
  591. text-decoration: none;
  592. padding: 9px 23px 8px 9px;
  593. border-bottom: 1px solid #ebebeb;
  594. }
  595. .sidebarmenu2 > li > a:after{
  596. content: '';
  597. display: block;
  598. width: 14px;
  599. height: 14px;
  600. background: url(../img/icon_leftbar_title_arrow1.png) no-repeat;
  601. position: absolute;
  602. right: 0;
  603. top: 50%;
  604. margin-top: -7px;
  605. -moz-transform: rotate(90deg);
  606. -ms-transform: rotate(15deg);
  607. -webkit-transform: rotate(15deg);
  608. -o-transform: rotate(15deg);
  609. transform: rotate(90deg);
  610. }
  611. .sidebarmenu2 > li > ul{
  612. padding: 6px 0;
  613. border-bottom: 1px solid #ebebeb;
  614. }
  615. .sidebarmenu2 > li > ul > li > a{
  616. display: block;
  617. position: relative;
  618. color: #929292;
  619. line-height: 18px;
  620. text-decoration: none;
  621. padding: 3px 10px 3px 24px;
  622. }
  623. .sidebarmenu2 > li > ul > li > a:before{
  624. content: '';
  625. display: block;
  626. width: 5px;
  627. height: 8px;
  628. background: url(../img/icon_leftbar_submenu.png);
  629. position: absolute;
  630. top: 8px;
  631. left: 10px;
  632. }
  633. .sidebarmenu2 > li > ul > li > a:hover,.sidebarmenu2 > li > ul > li.current > a{
  634. background: #004d7b;
  635. color: #fff;
  636. }
  637. .sidebarmenu2 > li > ul > li > a:hover:before,.sidebarmenu2 > li > ul > li.current > a:before{
  638. background-position: center bottom;
  639. }
  640. .item--menu--all{
  641. background: #ebebeb;
  642. padding: 6px 10px;
  643. text-align: center;
  644. font-size: 13px;
  645. margin-bottom: 10px;
  646. }
  647. .item--menu--all a{
  648. color: #929292;
  649. }
  650. .pagination2 {
  651. display: -webkit-flex;
  652. display: -ms-flex;
  653. display: flex;
  654. flex-direction: row;
  655. justify-content: space-between;
  656. padding-top: 20px;
  657. }
  658. .pagination2__container {
  659. background: #ebebeb;
  660. line-height: 40px;
  661. display: -webkit-flex;
  662. display: -ms-flex;
  663. display: flex;
  664. flex-direction: row;
  665. justify-content: center;
  666. position: relative;
  667. padding-right: 150px;
  668. margin: 12px 12px 0 0;
  669. }
  670. .pagination2__list {
  671. display: -webkit-flex;
  672. display: -ms-flex;
  673. display: flex;
  674. flex-direction: row;
  675. }
  676. .pagination2__item {
  677. background: #ebebeb;
  678. line-height: 40px;
  679. display: -webkit-flex;
  680. display: -ms-flex;
  681. display: flex;
  682. flex-direction: row;
  683. justify-content: center;
  684. }
  685. .pagination2__link {
  686. width: 40px;
  687. height: 40px;
  688. line-height: 40px;
  689. display: block;
  690. text-align: center;
  691. text-decoration: none;
  692. font-size: 13px;
  693. color: #3b434d;
  694. }
  695. .pagination2__link--left {
  696. background: url("../img/icon_arrows_pagination2@2x.png") 0 0/80px 80px no-repeat;
  697. }
  698. .pagination2__link--left:hover {
  699. background-position: 0 -40px;
  700. }
  701. .pagination2__link--right {
  702. background: url("../img/icon_arrows_pagination2@2x.png") -40px 0/80px 80px no-repeat;
  703. }
  704. .pagination2__link--right:hover {
  705. background-position: -40px -40px;
  706. }
  707. .pagination2__link:hover {
  708. color: #5597d1;
  709. }
  710. .pagination2__link--separator:hover {
  711. color: #3b434d;
  712. }
  713. .pagination2__link--active {
  714. color: #5597d1;
  715. border-bottom: 2px solid #5597d1;
  716. }
  717. .pagination2__filter {
  718. position: absolute;
  719. right: 0;
  720. width: 150px;
  721. display: -webkit-flex;
  722. display: -ms-flex;
  723. display: flex;
  724. flex-direction: row;
  725. justify-content: center;
  726. align-items: center;
  727. align-content: center;
  728. cursor: pointer;
  729. background: #3b444d;
  730. color: #ffffff;
  731. text-decoration: none;
  732. font-size: 13px;
  733. line-height: 40px;
  734. }
  735. .pagination2__filter:hover {
  736. background: #5597d1;
  737. }
  738. .pagination2__filtermobile{
  739. display: none;
  740. }
  741. .col--orgsingle{
  742. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  743. border: 1px solid #ebebeb;
  744. border-radius: 10px 0 0 0;
  745. padding: 0 2px 0 9px;
  746. margin: 0 0 10px 4px;
  747. }
  748. .single--headline{
  749. margin-bottom: 30px;
  750. padding: 0 3px;
  751. }
  752. .single--headline h1{
  753. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  754. font-size: 32px;
  755. font-weight: bold;
  756. color: #004d7b;
  757. padding: 3px 0 0 0;
  758. margin-bottom: 5px;
  759. }
  760. .single--subheadline{
  761. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  762. font-size: 18px;
  763. font-weight: bold;
  764. color: #3b434d;
  765. }
  766. .row--orgsingle--top{
  767. margin-bottom: 25px;
  768. }
  769. .orgsingle--col-1{
  770. padding-top: 3px;
  771. max-width: 200px;
  772. }
  773. .orgsingle--col-1 img{
  774. margin-bottom: 3px;
  775. }
  776. .orgsingle--adress{
  777. font-size: 14px;
  778. line-height: 16px;
  779. text-align: center;
  780. color: #929292;
  781. margin-bottom: 13px;
  782. }
  783. .orgsingle--path{
  784. background: #ebebeb;
  785. padding: 6px 10px;
  786. text-align: center;
  787. font-size: 13px;
  788. margin-bottom: 10px;
  789. }
  790. .orgsingle--path a{
  791. color: #929292;
  792. }
  793. .orgsingle--col-2{
  794. padding-left: 10px;
  795. max-width: 240px;
  796. }
  797. .orgsingle--col-2 a{
  798. color: #004d7b;
  799. text-decoration: none;
  800. }
  801. .orgsingle--contact--headline{
  802. font-size: 13px;
  803. color: #929292;
  804. margin-bottom: 2px;
  805. }
  806. .orgsingle--contact--phone{
  807. padding: 2px 0 1px 25px;
  808. background: url(../img/icon_contact_01.png) no-repeat left center;
  809. margin-bottom: 4px;
  810. }
  811. .orgsingle--contact--site{
  812. padding: 2px 0 1px 25px;
  813. background: url(../img/icon_contact_02.png) no-repeat left center;
  814. }
  815. .orgsingle--contact--email{
  816. padding: 2px 0 1px 25px;
  817. background: url(../img/icon_contact_03.png) no-repeat left center;
  818. margin-bottom: 5px;
  819. }
  820. .orgsingle--contact--timework{
  821. line-height: 22px;
  822. margin-bottom: 32px;
  823. }
  824. .orgsingle--contact--allphone{
  825. font-size: 13px;
  826. padding-left: 4px;
  827. margin-bottom: 5px;
  828. }
  829. .orgsingle--contact--allphone a{
  830. color: #929292;
  831. }
  832. .orgsingle--contact--allphone a:after{
  833. content: '';
  834. display: inline-block;
  835. width: 7px;
  836. height: 7px;
  837. background: url(../img/icon_leftbar_title_arrow3.png) no-repeat center/7px 7px;
  838. margin-left: 5px;
  839. }
  840. .social--orgsingle li{
  841. display: inline-block;
  842. width: 24px;
  843. height: 24px;
  844. }
  845. .social--orgsingle .social__link{
  846. width: 24px;
  847. height: 24px;
  848. background-size: 24px 24px;
  849. }
  850. .social--orgsingle .social__link--fb {background-image: url("../img/icon_soc_01.png");}
  851. .social--orgsingle .social__link--vk {background-image: url("../img/icon_soc_02.png");}
  852. .social--orgsingle .social__link--ok {background-image: url("../img/icon_soc_03.png");}
  853. .social--orgsingle .social__link--tw {background-image: url("../img/icon_soc_04.png");}
  854. .orgsingle--col-3{
  855. margin-left: 14px;
  856. padding-left: 3px;
  857. border-left: 1px solid #ebebeb;
  858. max-width: 230px;
  859. }
  860. .orgsingle-list{
  861. margin-top: -6px;
  862. }
  863. .orgsingle-list > li > a{
  864. display: block;
  865. padding: 7px 6px;
  866. line-height: 14px;
  867. color: #004d7b;
  868. text-decoration: none;
  869. }
  870. .orgsingle-list > li > a:hover{
  871. background: #ebebeb;
  872. }
  873. .orgsingle-list > li.active > a{
  874. color: #929292;
  875. }
  876. .blockslide{
  877. margin-bottom: 14px;
  878. }
  879. .blockslide--title{
  880. padding: 9px 0;
  881. position: relative;
  882. font-size: 20px;
  883. font-weight: bold;
  884. color: #3b434d;
  885. }
  886. .blockslide--handler{
  887. position: absolute;
  888. top: 50%;
  889. right: 3px;
  890. width: 15px;
  891. height: 9px;
  892. margin-top: -4px;
  893. cursor: pointer;
  894. background: url(../img/blockslide_sprite.png) no-repeat;
  895. }
  896. .orgsingle--table{
  897. background: #ebebeb;
  898. }
  899. .orgsingle--table td{
  900. border: none;
  901. padding: 5px;
  902. vertical-align: top;
  903. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  904. font-size: 13px;
  905. line-height: 15px;
  906. color: #3b434d;
  907. }
  908. .orgsingle--table tr td:first-child{
  909. padding-right: 19px;
  910. }
  911. .orgsingle--table tr:first-child td{
  912. padding-top: 10px;
  913. }
  914. .orgsingle--table tr:last-child td{
  915. padding-bottom: 7px;
  916. }
  917. .orgsingle--table a{
  918. display: block;
  919. color: #004d7b;
  920. text-decoration: none;
  921. position: relative;
  922. padding-left: 20px;
  923. }
  924. .table_icon:before{
  925. content: '';
  926. display: inline-block;
  927. width: 13px;
  928. height: 15px;
  929. margin: 0 5px 0 0;
  930. position: absolute;
  931. top: 2px;
  932. left: 0;
  933. background: url(../img/icon_table_link.png);
  934. }
  935. .orgsingle--description{
  936. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  937. font-size: 15px;
  938. line-height: 18px;
  939. position: relative;
  940. overflow: hidden;
  941. max-height: none;
  942. padding-top: 13px;
  943. }
  944. .orgsingle--description.closed{
  945. max-height: 100px;
  946. }
  947. .orgsingle--description.closed:after {
  948. background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) repeat scroll 0 0;
  949. bottom: 0;
  950. content: "";
  951. display: block;
  952. height: 100px;
  953. left: 0;
  954. position: absolute;
  955. right: 0;
  956. }
  957. .orgsingle--description--handler{
  958. text-align: center;
  959. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  960. font-size: 13px;
  961. color: #004d7b;
  962. padding-top: 3px;
  963. margin-bottom: 29px;
  964. cursor: pointer;
  965. }
  966. .orgsingle--org2{
  967. margin-bottom: 20px;
  968. }
  969. .orgsingle--org2--headline{
  970. font-size: 20px;
  971. font-weight: bold;
  972. color: #3b434d;
  973. margin-bottom: 10px;
  974. }
  975. .col-mediateka{
  976. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  977. border: 1px solid #ebebeb;
  978. padding: 8px 9px 0 9px;
  979. margin: 0 3px 0 7px;
  980. }
  981. .mediateka--headline{
  982. font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
  983. color: #3b434d;
  984. font-size: 17px;
  985. font-weight: bold;
  986. margin-bottom: 17px;
  987. }
  988. .mediateka--slider{
  989. margin: 0 30px 13px;
  990. }
  991. .mediateka--slider .slick-arrow{
  992. width: 25px;
  993. height: 45px;
  994. position: absolute;
  995. top: 50%;
  996. margin-top: -23px;
  997. cursor: pointer;
  998. background-image: url(../img/slider/slidersprite.png);
  999. }
  1000. .mediateka--slider .slick-arrow.slick-prev{
  1001. background-position: left top;
  1002. left: -27px;
  1003. }
  1004. .mediateka--slider .slick-arrow.slick-prev:hover{
  1005. background-position: left bottom;
  1006. }
  1007. .mediateka--slider .slick-arrow.slick-next{
  1008. background-position: right top;
  1009. right: -27px;
  1010. }
  1011. .mediateka--slider .slick-arrow.slick-next:hover{
  1012. background-position: right bottom;
  1013. }
  1014. .mediateka--slide{
  1015. text-align: center;
  1016. }
  1017. .mediateka--slide > div{
  1018. max-width: 200px;
  1019. margin: 0 auto;
  1020. }
  1021. .mediateka--list{
  1022. font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  1023. font-size: 15px;
  1024. margin-bottom: 5px;
  1025. }
  1026. .mediateka--list li{
  1027. margin-bottom: 3px;
  1028. }
  1029. .leftbar__item{
  1030. max-width: 240px;
  1031. margin-left: auto;
  1032. margin-right: auto;
  1033. }
  1034. .social--fixed{
  1035. z-index: 3;
  1036. }
  1037. @media screen and (max-width: 1220px) {
  1038. .wrapper{
  1039. padding: 0 15px;
  1040. box-sizing: border-box;
  1041. }
  1042. .leftbar{
  1043. display: none;
  1044. }
  1045. }
  1046. @media screen and (max-width: 960px) {
  1047. .grid-col-1{width: 100%;}
  1048. .grid-col-2{width: 100%;}
  1049. .grid-col-3{width: 100%;}
  1050. .grid-col-4{width: 100%;}
  1051. .grid-col-33{width: 100%;}
  1052. .grid-col-66{width: 100%;}
  1053. .orgsingle-rightbar{
  1054. display: none;
  1055. }
  1056. .col-mediateka{
  1057. display: none;
  1058. }
  1059. .orgsingle--col-1,.orgsingle--col-2,.orgsingle--col-3{
  1060. margin: 0 auto;
  1061. border: none;
  1062. }
  1063. .orgsingle--table{
  1064. display: block;
  1065. }
  1066. .orgsingle--table tr{
  1067. display: block;
  1068. }
  1069. .orgsingle--table td{
  1070. display: block;
  1071. padding: 0 !important;
  1072. margin-bottom: 11px;
  1073. }
  1074. }
  1075. @media screen and (max-width: 600px) {
  1076. .org2__item{
  1077. padding-right: 0;
  1078. }
  1079. .org2__img,.org2__link,.org2__item.recommend-badge:before{
  1080. display: none;
  1081. }
  1082. .org2__title{
  1083. height: auto;
  1084. }
  1085. .org2__desc{
  1086. height: auto;
  1087. }
  1088. .personals2__title{
  1089. border-radius: 0;
  1090. padding-left: 8px;
  1091. padding-right: 8px;
  1092. }
  1093. .personals2__name{
  1094. width: auto;
  1095. padding-left: 0;
  1096. }
  1097. .personals2__details{
  1098. padding-left: 0;
  1099. }
  1100. .personals2__photo,.personals2__description{
  1101. display: none;
  1102. }
  1103. .pagination2__container{
  1104. padding-right: 40px;
  1105. }
  1106. .pagination2__filter{
  1107. display: none;
  1108. }
  1109. .pagination2__filter.pagination2__filtermobile{
  1110. display: block;
  1111. width: 40px;
  1112. text-align: center;
  1113. }
  1114. }