style.css 43 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731
  1. /*MAIN PAGE*/
  2. /*HEADER*/
  3. header{
  4. position: fixed;
  5. height: 45px;
  6. width: 100%;
  7. background: #3b434d;
  8. z-index: 99999999;
  9. }
  10. a:focus{
  11. text-decoration: none;
  12. }
  13. /*
  14. header .active{
  15. color: #929093;
  16. }*/
  17. header .menu{
  18. position: relative;
  19. height: 100%;
  20. width: 100%;
  21. }
  22. header .menu ul li a{
  23. height: 100%;
  24. color: #fff;
  25. font-family: Cuprum, sans-serif;
  26. font-size: 16px;
  27. }
  28. header .menu ul li a:hover{
  29. text-decoration: none;
  30. color: #5597d1;
  31. }
  32. header .menu ul{
  33. padding: 0;
  34. margin-bottom:0;
  35. height: 100%;
  36. width: 100%;
  37. list-style: none;
  38. top: 0;
  39. left: 0;
  40. display: flex;
  41. align-items: center;
  42. justify-content: center;
  43. overflow: hidden;
  44. }
  45. header .menu ul li{
  46. padding-top: 13px;
  47. margin:0 10px;
  48. height: 100%;
  49. float: left;
  50. }
  51. header .menu .circles{
  52. right: 0;
  53. position: absolute;
  54. padding-top: 5px ;
  55. }
  56. header .circles .circle{
  57. margin: 5px 2px;
  58. float: left;
  59. width: 30px;
  60. height: 30px;
  61. background:url(../images/circle-1.png);
  62. }
  63. header .circles .circle:nth-child(2){
  64. background:url(../images/circle-2.png);
  65. }
  66. header .circles .circle:nth-child(3){
  67. background:url(../images/circle-3.png);
  68. }
  69. header .burger{
  70. display: none;
  71. width: 30px;
  72. height: 30px;
  73. background: url(../images/menu-burger.png) center no-repeat;
  74. cursor: pointer;
  75. }
  76. header .menu-mobile{
  77. list-style: none;
  78. text-align: center;
  79. color: #000;
  80. background: #3b434d;
  81. }
  82. header .menu-mobile ul{
  83. list-style: none;
  84. }
  85. header .menu-mobile ul li{
  86. margin-top: 10px;
  87. }
  88. header .menu-mobile ul li a{
  89. color: #fff;
  90. font-family: Cuprum, sans-serif;
  91. font-size: 18px;
  92. }
  93. header .menu-mobile ul li a:hover{
  94. text-decoration: none;
  95. cursor: pointer;
  96. color: #5597d1;
  97. }
  98. /*HEADER END*/
  99. .main-container{
  100. padding-top: 60px;
  101. }
  102. /*LEFT SIDE*/
  103. .left-side{
  104. font-family: Cuprum, sans-serif;
  105. font-weight: 400;
  106. width: 20%;
  107. }
  108. @media (min-width: 992px){
  109. .left-side{
  110. padding-right: 20px;
  111. }
  112. }
  113. @media (min-width: 768px){
  114. .left-side{
  115. padding: 0 2px;
  116. }
  117. }
  118. .left-side .info{
  119. padding: 0 10px;
  120. margin-bottom: 20px;
  121. }
  122. .left-side .logo{
  123. text-align: center;
  124. margin-bottom: 15px
  125. }
  126. .left-side .logo-subtitle{
  127. line-height: 16px;
  128. font-size: 14px;
  129. text-align: center;
  130. color:#a1a1a1;
  131. }
  132. .left-side .howtoget_button{
  133. font-size: 16px;
  134. display: block;
  135. cursor: pointer;
  136. padding: 10px 0;
  137. text-align: center;
  138. text-decoration: underline;
  139. color:#929292;
  140. background: #ebebeb;
  141. margin: 10px 0;
  142. }
  143. /*
  144. .left-side .contacts{
  145. padding-left: 10px;
  146. }*/
  147. .left-side .contact{
  148. color:#929292;
  149. font-size: 14px;
  150. }
  151. .left-side .value{
  152. font-size: 16px;
  153. margin-bottom: 5px;
  154. }
  155. .left-side .all-phones{
  156. display: inline-block;
  157. text-decoration: underline;
  158. }
  159. .left-side .all-phones img{
  160. margin-left: 5px;
  161. }
  162. .left-side .specializations .spec-header{
  163. padding: 6px 10px;
  164. font-size: 22px;
  165. font-weight: 700;
  166. background: #929292;
  167. color: #fff;
  168. }
  169. .left-side .specializations .spec-header a{
  170. display: inline-block;
  171. float: right;
  172. }
  173. .left-side .spec{
  174. display: block;
  175. color: inherit;
  176. text-decoration: none;
  177. margin-top: 10px;
  178. min-height: 54px;
  179. background: #ebebeb;
  180. border-radius: 32px 0 0 32px;
  181. position: relative;
  182. }
  183. .left-side .spec .spec-avatar{
  184. width: 50px;
  185. height: 50px;
  186. border-radius: 50%;
  187. display: block;
  188. position: absolute;
  189. margin-left: -10px;
  190. z-index: 10;
  191. left: 12px;
  192. top: 2px;
  193. }
  194. .left-side .spec .text{
  195. margin-left: 55px;
  196. padding-top: 5px;
  197. }
  198. .left-side .spec .text .subtitle{
  199. font-size: 14px;
  200. color: #929292;
  201. }
  202. .left-side .spec .text .title{
  203. font-size: 16px;
  204. }
  205. .left-side .more{
  206. text-align: right;
  207. margin-top: 10px;
  208. }
  209. .left-side .more a{
  210. font-size: 14px;
  211. color:#929292;
  212. }
  213. .left-side .add-info{
  214. width: 100%;
  215. display: inline-block;
  216. margin-top: 40px;
  217. }
  218. .left-side .add-info .info{
  219. padding-top: 20px;
  220. height: 90px;
  221. font-size: 20px;
  222. line-height: 20px;
  223. font-weight: 700;
  224. background: #ebd0ce;
  225. text-align: center;
  226. color: #fff;
  227. }
  228. /*LEFT-SIDE END*/
  229. /*MAIN TITLE*/
  230. .main-title{
  231. position: relative;
  232. }
  233. .main-title .title{
  234. font-family: Cuprum;
  235. font-weight: 700;
  236. color: #004d7b;
  237. }
  238. .main-title .subtitle{
  239. font-family: Cuprum;
  240. font-weight: 700;
  241. font-size: 16px;
  242. color: #929292;
  243. margin-bottom: 20px;
  244. }
  245. .soc{
  246. position: absolute;
  247. right: 60px;
  248. top: 30px;
  249. }
  250. .soc .social{
  251. float: left;
  252. width: 25px;
  253. height: 25px;
  254. margin-right: 4px;
  255. border-radius: 50%;
  256. background: blue;
  257. display: block;
  258. }
  259. .soc .fb{
  260. background: url(../images/soc-fb.png)
  261. }
  262. .soc .vk{
  263. background: url(../images/soc-vk.png)
  264. }
  265. .soc .ok{
  266. background: url(../images/soc-ok.png)
  267. }
  268. .soc .tw{
  269. background: url(../images/soc-twitter.png)
  270. }
  271. .soc .fb:hover{
  272. background: url(../images/soc-fb-hover.png)
  273. }
  274. .soc .vk:hover{
  275. background: url(../images/soc-vk-hover.png)
  276. }
  277. .soc .ok:hover{
  278. background: url(../images/soc-ok-hover.png)
  279. }
  280. .soc .tw:hover{
  281. background: url(../images/soc-twitter-hover.png)
  282. }
  283. /*MAIN TITLE END*/
  284. /*MAIN CONTENT*/
  285. .main-container .col-lg-10{
  286. width: 80%;
  287. }
  288. /*.main-container .content{
  289. padding-right: 0;
  290. }*/
  291. .content-left{
  292. padding-right: 0;
  293. }
  294. .content-left .slider{
  295. position: relative;
  296. }
  297. .content-left .arrow{
  298. width: 10px;
  299. height: 16px;
  300. position: absolute;
  301. z-index: 10;
  302. top: 50%;
  303. cursor: pointer;
  304. }
  305. .content-left .arrow-left{
  306. background: url(../images/slide-arrow-left.png);
  307. left: 10px;
  308. }
  309. .content-left .arrow-right{
  310. background: url(../images/slider-arrow-right.png);
  311. right: 10px;
  312. }
  313. .content-left .swiper-slide img{
  314. display: block;
  315. }
  316. .content-left .about{
  317. display: inline-block;
  318. margin-top: 40px;
  319. }
  320. .content-left .about .block-header{
  321. padding: 6px 10px;
  322. font-size: 22px;
  323. font-weight: 700;
  324. font-family: Cuprum, sans-serif;
  325. background: #929292;
  326. color: #fff;
  327. margin-bottom: 10px;
  328. }
  329. .content-left .about .block-header img{
  330. float: right;
  331. margin-top: 3px;
  332. }
  333. .about .doctor{
  334. font-family: Cuprum, sans-serif;
  335. font-weight: 400;
  336. }
  337. .about .doctor .doctor-avatar{
  338. margin-bottom: 8px;
  339. text-align: center;
  340. }
  341. .about .doctor .doctor-name{
  342. text-align: center;
  343. font-size: 22px;
  344. color: #004d7b;
  345. line-height: 22px;
  346. margin-bottom: 4px;
  347. }
  348. .about .doctor .doctor-desc{
  349. text-align: center;
  350. color: #929292;
  351. }
  352. .about .doctor .doctor-link{
  353. padding: 9px 0;
  354. font-size: 14px;
  355. margin-top: 15px;
  356. text-align: center;
  357. background: #ebebeb;
  358. }
  359. .about .doctor .doctor-link a{
  360. color: #929292;
  361. text-decoration: underline;
  362. }
  363. .about .about-text .title{
  364. font-family: Cuprum, sans-serif;
  365. font-weight: 700;
  366. font-size: 16px;
  367. }
  368. .about .about-text .text{
  369. font-family: Open Sans, sans-serif;
  370. font-size: 16px;
  371. color: #3b434d;
  372. }
  373. .content-left .about .more-text{
  374. font-family: Open Sans, sans-serif;
  375. margin-top: 10px;
  376. }
  377. .about .more{
  378. margin-top: 10px;
  379. text-align: right;
  380. }
  381. .about .more a{
  382. font-size: 14px;
  383. color:#929292;
  384. }
  385. .content-left .clinics{
  386. margin-top: 40px;
  387. }
  388. .content-left .clinics .clinic{
  389. min-height: 75px;
  390. width: 100%;
  391. position: relative;
  392. display: inline-block;
  393. margin-bottom: 10px;
  394. border: 1px solid #ebebeb;
  395. }
  396. .content-left .clinics .block-header{
  397. padding: 6px 10px;
  398. font-size: 22px;
  399. font-weight: 700;
  400. font-family: Cuprum, sans-serif;
  401. background: #929292;
  402. color: #fff;
  403. margin-bottom: 10px;
  404. }
  405. .content-left .clinics .block-header img{
  406. float: right;
  407. margin-top: 3px;
  408. }
  409. .content-left .clinics .clinic-image{
  410. margin-right: 15px;
  411. display: block;
  412. float: left;
  413. height: 100%;
  414. }
  415. .content-left .clinics .text{
  416. /*padding-left: 115px;*/
  417. }
  418. .content-left .clinics .text .title{
  419. padding-top: 10px;
  420. font-size: 18px;
  421. line-height: 18px;
  422. font-family: Cuprum, sans-serif;
  423. }
  424. .content-left .clinics .text .subtitle{
  425. font-family: Open Sans, sans-serif;
  426. color: #a1a1a1;
  427. padding-left: 10px;
  428. }
  429. .content-left .clinics .clinic .recomended{
  430. position: absolute;
  431. left: -7px;
  432. bottom: 5px;
  433. height: 36px;
  434. width: 196px;
  435. padding-top: 6px;
  436. font-family: Cuprum, sans-serif;
  437. font-size: 16px;
  438. color: #fff;
  439. padding-left: 6px;
  440. background:url(../images/green-recomended.png) no-repeat;
  441. }
  442. .clinics .arrow-right-blue{
  443. cursor: pointer;
  444. position: absolute;
  445. background: url(../images/arrow-right-blue.png) no-repeat center;
  446. right: 0;
  447. top: 0;
  448. width: 20px;
  449. height: 75px;
  450. }
  451. .content-left .clinics .more{
  452. text-align: right;
  453. margin-top: 10px;
  454. }
  455. .content-left .clinics .more a{
  456. font-size: 14px;
  457. color:#929292;
  458. }
  459. .content-right{
  460. padding-left: 0;
  461. }
  462. /*.content*/ .importants{
  463. font-family: Open Sans, sans-serif;
  464. }
  465. /*.content*/ .importants .important{
  466. height: 90px;
  467. margin-left: 10px;
  468. margin-bottom: 10px;
  469. padding:0;
  470. display: block;
  471. background: #d7d7d7;
  472. }
  473. /*.content */.importants .important:hover{
  474. text-decoration: none;
  475. background: #004d7b;
  476. }
  477. /*.content*/ .importants .important:focus{
  478. text-decoration: none;
  479. }
  480. /*.content*/ .importants .important:nth-child(1) .description{
  481. padding-top: 20px;
  482. }
  483. /*.content*/ .importants .important:nth-child(2) .description{
  484. padding-top: 15px;
  485. padding-left: 0;
  486. }
  487. /*.content*/ .importants .important:nth-child(4) .description{
  488. padding-top: 10px;
  489. }
  490. /*.content*/ .importants .important:nth-child(6) .description{
  491. padding-top: 20px;
  492. }
  493. /*.content*/ .importants .important .important-image{
  494. padding-top: 20px;
  495. margin-left: 5px;
  496. height: 100%;
  497. width: 25%;
  498. display: block;
  499. float: left;
  500. }
  501. /*.content*/ .importants .important .description{
  502. color: #fff;
  503. font-weight: 700;
  504. height: 100%;
  505. font-size: 15px;
  506. padding-left: 65px;
  507. }
  508. .content-right .today{
  509. margin-top: 25px;
  510. padding-left: 15px;
  511. display: inline-block;
  512. }
  513. .content-right .today .today-item .head{
  514. display: block;
  515. cursor: pointer;
  516. background: #929292;
  517. padding: 12px 5px;
  518. font-size: 13px;
  519. font-family: Cuprum;
  520. text-align: right;
  521. height: 40px;
  522. color: #fff;
  523. border-radius: 10px 0 0 0;
  524. }
  525. .content-right .today .today-item .head:hover{
  526. text-decoration: none;
  527. }
  528. .content-right .today .today-item .head-blue{
  529. background: #5597d1;
  530. }
  531. .content-right .today .today-item .head .date{
  532. float: left;
  533. display: block;
  534. }
  535. .content-right .today .today-item .head .name{
  536. float: right;
  537. display: block;
  538. }
  539. .content-right .today .today-item{
  540. padding-right: 0;
  541. }
  542. .content-right .today .block-header{
  543. padding: 6px 10px;
  544. font-size: 22px;
  545. font-weight: 700;
  546. font-family: Cuprum, sans-serif;
  547. background: #929292;
  548. color: #fff;
  549. margin-bottom: 10px;
  550. }
  551. .content-right .today .block-header img{
  552. float: right;
  553. margin-top: 3px;
  554. }
  555. .content-right .today .image{
  556. position: relative;
  557. margin-top: 10px;
  558. }
  559. .content-right .today .image img{
  560. display: block;
  561. width: 200px;
  562. margin: 0 auto;
  563. }
  564. .content-right .today .logo{
  565. border-radius: 50px;
  566. position: absolute;
  567. top: 0;
  568. font-family: Cuprum, sans-serif;
  569. right: 15px;
  570. width: 60px;
  571. height: 60px;
  572. }
  573. .content-right .today .logo img{
  574. border-radius: 50%;
  575. width: 60px;
  576. height: 60px;
  577. }
  578. .content-right .today .free{
  579. position: absolute;
  580. padding-top: 5px;
  581. padding-left: 7px;
  582. top: 60px;
  583. left: -5px;
  584. font-family: Cuprum, sans-serif;
  585. color: #fff;
  586. width: 200px;
  587. height: 40px;
  588. background: url(../images/free-bg.png) no-repeat;
  589. }
  590. .content-right .today .desc{
  591. margin-top:10px;
  592. margin-bottom: 10px;
  593. font-family: Cuprum, sans-serif;
  594. padding-left: 5px;
  595. font-size: 14px;
  596. }
  597. .content-right .today .org{
  598. cursor: pointer;
  599. display: block;
  600. font-family: Cuprum, sans-serif;
  601. font-weight: 600;
  602. text-align: center;
  603. border-top:1px solid #ebebeb;
  604. padding-top: 5px;
  605. color: #004d7b;
  606. }
  607. .content-right .today .org:hover{
  608. text-decoration: none;
  609. }
  610. .content-right .today .adress{
  611. margin-top: 5px;
  612. font-family: Cuprum, sans-serif;
  613. font-size: 14px;
  614. padding: 15px 0;
  615. background: #ebebeb;
  616. color: #929292;
  617. text-align: center;
  618. }
  619. .content-right .news .block-header{
  620. padding: 6px 10px;
  621. font-size: 22px;
  622. font-weight: 700;
  623. font-family: Cuprum, sans-serif;
  624. background: #929292;
  625. color: #fff;
  626. margin-bottom: 10px;
  627. }
  628. .content-right .news .block-header img{
  629. float: right;
  630. margin-top: 3px;
  631. }
  632. .content-right .news-item{
  633. height: 320px;
  634. display: block;
  635. color: inherit;
  636. cursor: pointer;
  637. padding: 0 10px;
  638. padding-right: 0;
  639. margin-bottom: 20px;
  640. }
  641. .content-right .news-item:hover{
  642. text-decoration: none;
  643. }
  644. .content-right .news-item .inner{
  645. height: inherit;
  646. background: #ebebeb;
  647. border-radius: 10px 0 0 0;
  648. overflow: hidden;
  649. }
  650. .content-right .news{
  651. display: inline-block;
  652. margin-top: 25px;
  653. padding-left: 15px;
  654. }
  655. .content-right .news .image{
  656. font-family: Cuprum, sans-serif;
  657. margin-bottom: 20px;
  658. color:#fff;
  659. height: 160px;
  660. /* width: 205px;*/
  661. margin: 0 auto;
  662. position: relative;
  663. }
  664. .content-right .news .image img{
  665. display: block;
  666. margin: 0 auto;
  667. }
  668. .content-right .news .image .title{
  669. font-size: 16px;
  670. font-weight: 400;
  671. position: absolute;
  672. bottom: 10px;
  673. display: block;
  674. color: #fff;
  675. left: 20%;
  676. }
  677. .content-right .news .desc{
  678. font-family: Open Sans, sans-serif;
  679. padding-left: 10px;
  680. font-size: 14px;
  681. line-height: 17px;
  682. }
  683. .content-right .news .data{
  684. padding: 10px 0;
  685. margin:10px;
  686. margin-top:20px;
  687. color: #929292;
  688. text-align: right;
  689. border-top: 1px solid #d4d4d4;
  690. }
  691. /*footer*/
  692. footer{
  693. position: absolute;
  694. margin-top: 40px;
  695. width: 100%;
  696. padding-top: 40px;
  697. padding-bottom: 20px;
  698. display: inline-block;
  699. background: #3b434d;
  700. }
  701. footer .list{
  702. position: relative;
  703. list-style: none;
  704. float: left;
  705. width: 20%;
  706. font-family: Cuprum, sans-serif;
  707. font-size: 16px;
  708. }
  709. footer .list a{
  710. color: #f2f2f3
  711. }
  712. footer .list li:nth-child(1){
  713. }
  714. footer .list li:nth-child(1) a{
  715. color: #75787b;
  716. font-weight: 700;
  717. font-size: 18px;
  718. }
  719. footer .admin-button{
  720. background: #ebebeb;
  721. margin-top: 25px;
  722. padding: 10px 5px;
  723. text-align: center;
  724. display: block !important;
  725. }
  726. footer .admin-button a{
  727. font-size: 14px;
  728. color: #929292;
  729. text-decoration: underline;
  730. }
  731. footer .admin-button a:hover{
  732. text-decoration: underline;
  733. }
  734. footer .copyright{
  735. float: right;
  736. height: auto;
  737. margin-top: 40px;
  738. }
  739. footer .copyright .text{
  740. color: #919293;
  741. font-family: Open Sans, sans-serif;
  742. float: left;
  743. width: 60%;
  744. text-align: right;
  745. }
  746. footer .copyright a{
  747. font-family: Open Sans, sans-serif;
  748. padding-left: 8px;
  749. text-decoration: underline;
  750. color: #9e9e9e;
  751. }
  752. footer .copyright a:hover{
  753. color: #9e9e9e;
  754. text-decoration: underline;
  755. }
  756. footer .copyright .logo{
  757. text-align: center;
  758. float: left;
  759. margin-left: 20px;
  760. }
  761. /**/
  762. @media (min-width: 1200px){
  763. .important{
  764. width: 47%;
  765. }
  766. }
  767. @media (min-width: 992px){
  768. .content-right .today .today-item{
  769. width: 50%;
  770. margin-top: 20px;
  771. }
  772. .content-right .news-item{
  773. width: 50%;
  774. }
  775. }
  776. @media (min-width: 768px){
  777. .content-right .today .today-item{
  778. float: left;
  779. width: 50%;
  780. }
  781. .content-right .news-item{
  782. float: left;
  783. width: 50%;
  784. }
  785. }
  786. @media (max-width: 992px){
  787. .left-side{
  788. width: 27% !important;
  789. }
  790. .content-a-lot{
  791. padding-right: 0;
  792. }
  793. .main-container .col-lg-10{
  794. width: 73% !important;
  795. }
  796. header .circles{
  797. position: static !important;
  798. }
  799. header .menu ul li a{
  800. font-size: 14.5px ;
  801. }
  802. }
  803. @media (max-width: 1200px){
  804. .main-title .soc{
  805. display: none;
  806. }
  807. footer .admin-button{
  808. width: 100%;
  809. }
  810. footer .list{
  811. width: 100%;
  812. padding-right: 40px;
  813. }
  814. footer .list li{
  815. display: none;
  816. }
  817. footer .list li:nth-child(1){
  818. display: block;
  819. }
  820. }
  821. @media (max-width: 1200px){
  822. .left-side{
  823. width: 20%;
  824. }
  825. .content-left{
  826. width: 100%;
  827. }
  828. .content-left .clinic{
  829. width: 100%;
  830. }
  831. .content-right{
  832. width: 100%;
  833. }
  834. .content-right .importants .important .description{
  835. padding-top: 30px !important;
  836. }
  837. .content-right .importants .important .important-image{
  838. width: 10%;
  839. }
  840. }
  841. @media (max-width: 768px){
  842. .left-side .specializations .spec{
  843. display: none;
  844. }
  845. .left-side .specializations .more{
  846. display: none;
  847. }
  848. .left-side .add-info{
  849. display: none;
  850. }
  851. .main-container .main-title{
  852. display: none;
  853. }
  854. .content .clinics{
  855. display: none;
  856. }
  857. .content-right{
  858. padding-right: 0;
  859. }
  860. .content-right .importants{
  861. display: none;
  862. }
  863. .left-side{
  864. width: 100% !important;
  865. margin-bottom: 40px;
  866. }
  867. .main-container .col-lg-10 {
  868. width: 100% !important;
  869. }
  870. .main-container .main-title{
  871. width: 100% !important;
  872. }
  873. .main-container .content-right{
  874. width: 100% !important;
  875. }
  876. .main-container .content-right .today{
  877. width: 100% !important;
  878. }
  879. .importants{
  880. width: 100% !important;
  881. }
  882. .main-container .content-left{
  883. width: 100% !important;
  884. }
  885. .main-container .content-left .clinic{
  886. width: 100% !important;
  887. }
  888. .main-container .mobile{
  889. display: block;
  890. }
  891. .left-side .title{
  892. font-size: 32px;
  893. }
  894. .left-side .main-title{
  895. padding: 0;
  896. }
  897. .left-side{
  898. padding-right: 15px;
  899. }
  900. .left-side .logo-subtitle{
  901. width: 50%;
  902. margin: 0 auto;
  903. }
  904. .left-side .specializations .spec-header a{
  905. transform: rotate(90deg);
  906. }
  907. .content-left .doctor{
  908. margin-bottom: 30px;
  909. }
  910. .content-left .about .about-text{
  911. margin-bottom: 30px;
  912. }
  913. .main-container .content-a-lot{
  914. padding-right: 0;
  915. }
  916. .content-right .today .today-item{
  917. width: 50%;
  918. float: left;
  919. }
  920. .content-right .news .news-item{
  921. width: 50%;
  922. float: left;
  923. }
  924. header .menu li{
  925. display: none;
  926. }
  927. header .menu ul .circles{
  928. display: block;
  929. position: absolute !important;
  930. }
  931. header .menu ul .burger{
  932. left: 0;
  933. }
  934. header .menu-mobile{
  935. position: absolute;
  936. width: 100%;
  937. }
  938. header .menu-mobile ul{
  939. padding: 0;
  940. }
  941. }
  942. @media(max-width: 485px){
  943. .content-right .news .news-item{
  944. width: 100%
  945. }
  946. .content-right .today .today-item{
  947. margin: 0 auto;
  948. width: 100%;
  949. margin-bottom: 10px;
  950. }
  951. }
  952. .mobile{
  953. display: none;
  954. }
  955. /*MAIN CONTENT END*/
  956. /*END MAIN PAGE*/
  957. /*CONTACTS PAGE*/
  958. .contacts-container .side-bar .logo{
  959. margin-bottom: 50px;
  960. }
  961. .contacts-container .main-title{
  962. padding-left: 40px;
  963. }
  964. .contacts-container .main-title .title{
  965. font-size: 34px;
  966. }
  967. .side-bar ul{
  968. list-style: none;
  969. padding-left: 0;
  970. }
  971. .side-bar li{
  972. padding: 7px 0;
  973. text-align: right;
  974. border-bottom: 1px solid #ebebeb;
  975. }
  976. .side-bar li:first-child{
  977. border-top: 1px solid #ebebeb;
  978. }
  979. .side-bar li a{
  980. color: #004d7b;
  981. font-family: Cuprum, sans-serif;
  982. font-weight: 600;
  983. font-size: 17px;
  984. }
  985. .side-bar li a:hover{
  986. text-decoration: none;
  987. }
  988. .contacts-container .map{
  989. margin-bottom: 50px;
  990. }
  991. .contacts-container #map{
  992. height: 345px;
  993. margin: auto;
  994. }
  995. .contacts-container .right-side-bar .info{
  996. margin-bottom: 10px;
  997. }
  998. .contacts-container .right-side-bar .soc{
  999. position: static;
  1000. display: inline-block;
  1001. text-align: center;
  1002. padding: 0 10px;
  1003. margin-top: 0;
  1004. margin-bottom: 20px;
  1005. }
  1006. .contacts-container .center-content .work-time{
  1007. margin-bottom: 40px;
  1008. }
  1009. .contacts-container .center-content .work-time .min-title{
  1010. margin-bottom: 20px;
  1011. font-family: Cuprum, sans-serif;
  1012. font-size: 20px;
  1013. font-weight: 700;
  1014. }
  1015. .contacts-container .center-content .work-time .text{
  1016. font-size: 16px;
  1017. }
  1018. .contacts-container .center-content .to-doctors{
  1019. display: inline-block;
  1020. }
  1021. .contacts-container .center-content .to-doctors .min-title{
  1022. margin-bottom: 20px;
  1023. font-family: Cuprum, sans-serif;
  1024. font-size: 18px;
  1025. font-weight: 700;
  1026. }
  1027. .contacts-container .center-content .callback .min-title-text{
  1028. font-size: 16px;
  1029. font-family: Cuprum;
  1030. font-weight: 700;
  1031. }
  1032. .contacts-container .center-content .to-doctors .personal-doctor{
  1033. width: 33.33333333332%;
  1034. display: inline-block;
  1035. color: #000;
  1036. padding: 0;
  1037. padding-right: 10px;
  1038. text-decoration: none;
  1039. margin-bottom: 40px;
  1040. }
  1041. .contacts-container .center-content .to-doctors .personal-doctor .doctor-type{
  1042. font-size: 14px;
  1043. font-family: Cuprum, sans-serif;
  1044. color: #929292;
  1045. }
  1046. .contacts-container .center-content .to-doctors .personal-doctor .doctor-header{
  1047. display: inline-block;
  1048. width: 100%;
  1049. background: #ebebeb;
  1050. border-radius: 30px 0 0 30px;
  1051. }
  1052. .contacts-container .center-content .to-doctors .personal-doctor .doctor-image{
  1053. float: left;
  1054. }
  1055. .contacts-container .center-content .to-doctors .personal-doctor .doctor-name{
  1056. padding-top: 10px;
  1057. padding-left: 65px;
  1058. font-family: Cuprum, sans-serif;
  1059. color: #004d7b;
  1060. font-size: 18px;
  1061. line-height: 18px;
  1062. }
  1063. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
  1064. width: 13%;
  1065. float: left;
  1066. padding-top: 70px;
  1067. }
  1068. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text{
  1069. padding-top: 10px;
  1070. width: 87%;
  1071. float: left;
  1072. }
  1073. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .category{
  1074. color: #929292;
  1075. margin-bottom: 10px;
  1076. }
  1077. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .otdels{
  1078. color: #004d7b;
  1079. font-family: Open Sans, sans-serif;
  1080. }
  1081. .contacts-container .center-content .to-doctors .personal-doctor .contacts{
  1082. display: inline-block;
  1083. margin-top: 10px;
  1084. width: 100%;
  1085. background: #ebebeb;
  1086. padding-top: 10px;
  1087. padding-left: 5px;
  1088. padding-right: 5px;
  1089. }
  1090. .contacts-container .center-content .to-doctors .personal-doctor .contact{
  1091. color:#929292;
  1092. font-size: 14px;
  1093. font-family: Cuprum, sans-serif;
  1094. }
  1095. .contacts-container .center-content .to-doctors .personal-doctor .value{
  1096. font-size: 16px;
  1097. margin-bottom: 5px;
  1098. font-family: Cuprum, sans-serif;
  1099. }
  1100. .contacts-container .center-content .to-doctors .personal-doctor .value a {
  1101. font-size: 15px;
  1102. }
  1103. .contacts-container .center-content .to-doctors .personal-doctor .priem{
  1104. margin-top: 10px;
  1105. font-weight: 700;
  1106. font-size: 16px;
  1107. font-family: Cuprum, sans-serif;
  1108. }
  1109. .contacts-container .center-content .callback{
  1110. display: inline-block;
  1111. }
  1112. .contacts-container .center-content .callback .min-title{
  1113. margin-bottom: 20px;
  1114. font-family: Cuprum, sans-serif;
  1115. font-size: 20px;
  1116. font-weight: 700;
  1117. }
  1118. .contacts-container .center-content .callback .min-title-text{
  1119. font-size: 19px;
  1120. margin-bottom: 30px;
  1121. }
  1122. .contacts-container .center-content .callback form p{
  1123. font-size: 12px;
  1124. color: #929292;
  1125. }
  1126. .contacts-container .center-content .callback form input{
  1127. margin-bottom: 10px;
  1128. padding-left: 5px;
  1129. font-family: Open Sans, sans-serif;
  1130. font-size: 14px;
  1131. font-weight: 400;
  1132. width: 100%;
  1133. height: 30px;
  1134. color: #929292;
  1135. background: #ebebeb;
  1136. border: none;
  1137. }
  1138. .contacts-container .center-content .callback form input[type = "checkbox"]{
  1139. width: 20px;
  1140. height: inherit;
  1141. }
  1142. .contacts-container .center-content .callback form span{
  1143. font-size: 12px;
  1144. color: #929292;
  1145. }
  1146. .contacts-container .center-content .callback form textarea{
  1147. width: 100%;
  1148. height: 110px;
  1149. padding-left: 5px;
  1150. font-family: Open Sans, sans-serif;
  1151. font-size: 14px;
  1152. color: #929292;
  1153. background: #ebebeb;
  1154. border: none;
  1155. resize: none;
  1156. }
  1157. .contacts-container .center-content .callback form .form-button{
  1158. margin-top: 10px;
  1159. cursor: pointer;
  1160. padding: 7px 0;
  1161. color: #fff;
  1162. text-align: center;
  1163. font-family: Cuprum , sans-serif;
  1164. font-weight: 700;
  1165. background: #004d7b;
  1166. border: 0;
  1167. }
  1168. .contacts-container .center-content .to-doctors .doctor-button{
  1169. display: inline-block;
  1170. width: 100%;
  1171. margin-top: 10px;
  1172. text-align: center;
  1173. text-decoration: underline;
  1174. font-family: Cuprum, sans-serif;
  1175. padding: 7px 0;
  1176. color: #929292;
  1177. background: #ebebeb;
  1178. }
  1179. .contacts-container .center-content .to-doctors .doctor-button:hover{
  1180. color: #fff;
  1181. background: #004d7b;
  1182. }
  1183. /*
  1184. .contacts-container .center-content .*/
  1185. @media (max-width: 1200px){
  1186. .contacts-container .left-side {
  1187. width: 20% !important;
  1188. }
  1189. .contacts-container .importants .important:nth-child(2) .description{
  1190. padding-left:58px;
  1191. }
  1192. }
  1193. @media (min-width: 1200px){
  1194. .contacts-container .main-title {
  1195. width: 60%;
  1196. padding-left: 40px;
  1197. }
  1198. .contacts-container .focus-content {
  1199. width: 60%;
  1200. padding-left: 40px;
  1201. }
  1202. .contacts-container .important{
  1203. width: 100%;
  1204. }
  1205. }
  1206. @media (max-width: 1200px){
  1207. .contacts-container .center-content .callback{
  1208. margin-bottom: 40px;
  1209. }
  1210. .contacts-container .left-side {
  1211. width: 100% !important;
  1212. margin-bottom: 40px;
  1213. }
  1214. .contacts-container .left-side .main-title{
  1215. float: none;
  1216. width: 100% !important;
  1217. }
  1218. .contacts-container .center-content{
  1219. width: 100%;
  1220. }
  1221. .contacts-container .center-content .to-doctors .personal-doctor{
  1222. width: 100%;
  1223. }
  1224. .contacts-container .center-content .callback form .form-button{
  1225. width: 100%;
  1226. }
  1227. .contacts-container .main-title{
  1228. padding-left: 15px;
  1229. }
  1230. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
  1231. width: 10%;
  1232. padding-top: 20px;
  1233. }
  1234. .contacts-container .left-side .importants .important-image{
  1235. width: 10%;
  1236. }
  1237. .contacts-container .left-side .importants .description{
  1238. padding-top: 20px !important;
  1239. }
  1240. .contacts-container .right-side-bar .info .logo{
  1241. display: none;
  1242. }
  1243. .contacts-container .main-title{
  1244. display: block;
  1245. }
  1246. .contacts-container .center-content .title{
  1247. display: none;
  1248. }
  1249. .contacts-container .center-content .subtitle{
  1250. display: none;
  1251. }
  1252. }
  1253. /*CONTACTS PAGE END*/
  1254. /*SPECIALISTS PAGE*/
  1255. .specs-container .center-content .classes{
  1256. margin-bottom: 15px;
  1257. }
  1258. .specs-container .center-content .classes a{
  1259. display: block;
  1260. color: #004d7b;
  1261. }
  1262. .specs-container .center-content .text{
  1263. font-family: Open Sans, sans-serif;
  1264. margin-bottom: 20px;
  1265. }
  1266. .specs-container .today{
  1267. width: 100%;
  1268. margin-top: 25px;
  1269. /* padding-left: 15px;
  1270. padding-right: 15px;*/
  1271. display: inline-block;
  1272. }
  1273. .specs-container .today .today-item{
  1274. padding-left: 0;
  1275. margin-bottom: 20px;
  1276. }
  1277. .specs-container .today .today-item .head{
  1278. display: block;
  1279. cursor: pointer;
  1280. background: #929292;
  1281. padding: 12px 5px;
  1282. font-size: 13px;
  1283. font-family: Cuprum;
  1284. text-align: right;
  1285. height: 40px;
  1286. color: #fff;
  1287. border-radius: 10px 0 0 0;
  1288. }
  1289. .specs-container .today .today-item .head:hover{
  1290. text-decoration: none;
  1291. }
  1292. .specs-container .today .today-item .head-blue{
  1293. background: #5597d1;
  1294. }
  1295. .specs-container .today .today-item .head .date{
  1296. float: left;
  1297. display: block;
  1298. }
  1299. .specs-container .today .today-item .head .name{
  1300. float: right;
  1301. display: block;
  1302. }
  1303. /*.contacts-container .today .today-item{
  1304. padding-right: 0;
  1305. }
  1306. */
  1307. .specs-container .today .block-header{
  1308. padding: 6px 10px;
  1309. font-size: 22px;
  1310. font-weight: 700;
  1311. font-family: Cuprum, sans-serif;
  1312. background: #929292;
  1313. color: #fff;
  1314. margin-bottom: 10px;
  1315. }
  1316. .specs-container .today .block-header img{
  1317. float: right;
  1318. margin-top: 3px;
  1319. }
  1320. .specs-container .today .image{
  1321. position: relative;
  1322. margin-top: 10px;
  1323. }
  1324. .specs-container .today .image img{
  1325. display: block;
  1326. width: 200px;
  1327. margin: 0 auto;
  1328. }
  1329. .specs-container .today .logo{
  1330. position: absolute;
  1331. top: 0;
  1332. font-family: Cuprum, sans-serif;
  1333. right: 15px;
  1334. width: 60px;
  1335. height: 60px;
  1336. }
  1337. .specs-container .today .logo img{
  1338. width: 60px;
  1339. height: 60px;
  1340. }
  1341. .specs-container .today .free{
  1342. position: absolute;
  1343. padding-top: 5px;
  1344. padding-left: 7px;
  1345. top: 60px;
  1346. left: -5px;
  1347. font-family: Cuprum, sans-serif;
  1348. color: #fff;
  1349. width: 200px;
  1350. height: 40px;
  1351. background: url(../images/free-bg.png) no-repeat;
  1352. }
  1353. .specs-container .today .desc{
  1354. margin-top:10px;
  1355. margin-bottom: 10px;
  1356. font-family: Cuprum, sans-serif;
  1357. padding-left: 5px;
  1358. font-size: 14px;
  1359. }
  1360. .specs-container .today .org{
  1361. font-family: Cuprum, sans-serif;
  1362. font-weight: 600;
  1363. text-align: center;
  1364. border-top:1px solid #ebebeb;
  1365. padding-top: 5px;
  1366. color: #004d7b;
  1367. }
  1368. .specs-container .today .adress{
  1369. margin-top: 5px;
  1370. font-family: Cuprum, sans-serif;
  1371. font-size: 14px;
  1372. padding: 15px 0;
  1373. background: #ebebeb;
  1374. color: #929292;
  1375. text-align: center;
  1376. }
  1377. .specs-container .center-content .vacancies{
  1378. margin-bottom: 40px;
  1379. }
  1380. .specs-container .center-content .vacan-table{
  1381. border-top: 1px solid #ebebeb;
  1382. }
  1383. .specs-container .center-content .vacancies .vac{
  1384. padding: 7px 10px;
  1385. }
  1386. .specs-container .center-content .vacancies .vac:nth-child(even){
  1387. background: #ebebeb;
  1388. }
  1389. .specs-container .center-content .vacancies .vacation{
  1390. float: left;
  1391. }
  1392. .specs-container .center-content .vacancies .vacation a{
  1393. color:#004d7b;
  1394. }
  1395. .specs-container .center-content .vacancies .value{
  1396. text-align: right;
  1397. }
  1398. @media (min-width: 768px){
  1399. .specs-container .today .today-item {
  1400. float: left;
  1401. width: 33.333332%;
  1402. }
  1403. }
  1404. /*SPECIALISTS PAGE END*/
  1405. /*NEWS*/
  1406. .left-side .add-info-news{
  1407. margin-top: 15px;
  1408. }
  1409. .right-side-bar .today{
  1410. width: 100% ;
  1411. margin-top: 25px;
  1412. display: inline-block;
  1413. }
  1414. .right-side-bar .today .today-item{
  1415. padding: 0 10px;
  1416. }
  1417. .right-side-bar .today .today-item .head{
  1418. display: block;
  1419. background: #929292;
  1420. padding: 12px 5px;
  1421. font-size: 13px;
  1422. font-family: Cuprum;
  1423. text-align: right;
  1424. height: 40px;
  1425. color: #fff;
  1426. border-radius: 10px 0 0 0;
  1427. }
  1428. .right-side-bar .today .today-item .head-blue{
  1429. background: #5597d1;
  1430. }
  1431. .right-side-bar .today .today-item .head .date{
  1432. float: left;
  1433. display: block;
  1434. }
  1435. .right-side-bar .today .today-item .head .name{
  1436. float: right;
  1437. display: block;
  1438. }
  1439. .right-side-bar .today .today-item{
  1440. margin-bottom: 15px;
  1441. }
  1442. .right-side-bar .today .block-header{
  1443. padding: 6px 10px;
  1444. font-size: 22px;
  1445. font-weight: 700;
  1446. font-family: Cuprum, sans-serif;
  1447. background: #929292;
  1448. color: #fff;
  1449. margin-bottom: 10px;
  1450. }
  1451. .right-side-bar .today .block-header img{
  1452. float: right;
  1453. margin-top: 3px;
  1454. }
  1455. .right-side-bar .today .image{
  1456. position: relative;
  1457. margin-top: 10px;
  1458. }
  1459. .right-side-bar .today .image img{
  1460. display: block;
  1461. width: 200px;
  1462. margin: 0 auto;
  1463. }
  1464. .right-side-bar .today .logo{
  1465. position: absolute;
  1466. top: 0;
  1467. font-family: Cuprum, sans-serif;
  1468. right: 15px;
  1469. width: 60px;
  1470. height: 60px;
  1471. }
  1472. .right-side-bar .today .logo img{
  1473. width: 60px;
  1474. height: 60px;
  1475. }
  1476. .right-side-bar .today .free{
  1477. position: absolute;
  1478. padding-top: 5px;
  1479. padding-left: 7px;
  1480. top: 60px;
  1481. left: -5px;
  1482. font-family: Cuprum, sans-serif;
  1483. color: #fff;
  1484. width: 200px;
  1485. height: 40px;
  1486. background: url(../images/free-bg.png) no-repeat;
  1487. }
  1488. .right-side-bar .today .desc{
  1489. margin-top:10px;
  1490. margin-bottom: 10px;
  1491. font-family: Cuprum, sans-serif;
  1492. padding-left: 5px;
  1493. font-size: 14px;
  1494. }
  1495. .right-side-bar .today .org{
  1496. cursor: pointer;
  1497. text-decoration: none;
  1498. display: block;
  1499. font-family: Cuprum, sans-serif;
  1500. font-weight: 600;
  1501. text-align: center;
  1502. border-top:1px solid #ebebeb;
  1503. padding-top: 5px;
  1504. color: #004d7b;
  1505. }
  1506. .right-side-bar .today .adress{
  1507. margin-top: 5px;
  1508. font-family: Cuprum, sans-serif;
  1509. font-size: 14px;
  1510. padding: 15px 0;
  1511. background: #ebebeb;
  1512. color: #929292;
  1513. text-align: center;
  1514. }
  1515. .contacts-container .center-content .news .block-header{
  1516. padding: 6px 10px;
  1517. font-size: 22px;
  1518. font-weight: 700;
  1519. font-family: Cuprum, sans-serif;
  1520. background: #929292;
  1521. color: #fff;
  1522. margin-bottom: 10px;
  1523. }
  1524. .contacts-container .center-content .news .block-header img{
  1525. float: right;
  1526. margin-top: 3px;
  1527. }
  1528. .contacts-container .center-content .news-item{
  1529. display: block;
  1530. color: inherit;
  1531. cursor: pointer;
  1532. text-decoration: none;
  1533. height: 320px;
  1534. padding: 0 10px;
  1535. padding-right: 0;
  1536. margin-bottom: 20px;
  1537. }
  1538. .contacts-container .center-content .news-item .inner{
  1539. height: inherit;
  1540. background: #ebebeb;
  1541. border-radius: 10px 0 0 0;
  1542. overflow: hidden;
  1543. }
  1544. .contacts-container .center-content .news{
  1545. display: inline-block;
  1546. margin-top: 25px;
  1547. padding-left: 0px;
  1548. }
  1549. .contacts-container .center-content .news .image{
  1550. font-family: Cuprum, sans-serif;
  1551. margin-bottom: 20px;
  1552. color:#fff;
  1553. height: 160px;
  1554. /* width: 205px;*/
  1555. margin: 0 auto;
  1556. position: relative;
  1557. }
  1558. .contacts-container .center-content .news .image img{
  1559. display: block;
  1560. margin: 0 auto;
  1561. }
  1562. .contacts-container .center-content .news .image .title{
  1563. font-size: 16px;
  1564. font-weight: 400;
  1565. position: absolute;
  1566. bottom: 10px;
  1567. display: block;
  1568. color: #fff;
  1569. left: 20%;
  1570. }
  1571. .contacts-container .center-content .news .desc{
  1572. font-family: Open Sans, sans-serif;
  1573. padding-left: 10px;
  1574. font-size: 14px;
  1575. line-height: 17px;
  1576. }
  1577. .contacts-container .center-content .news .data{
  1578. padding: 10px 0;
  1579. margin:10px;
  1580. margin-top:20px;
  1581. color: #929292;
  1582. text-align: right;
  1583. border-top: 1px solid #d4d4d4;
  1584. }
  1585. .center-content .pagination-container{
  1586. /*background: #ebebeb;*/
  1587. padding-left: 10px;
  1588. }
  1589. .center-content .pagination{
  1590. font-family: Open Sans, sans-serif;
  1591. font-weight: 500;
  1592. width: 100%;
  1593. height: 40px;
  1594. background: #ebebeb;
  1595. }
  1596. .center-content .pagination .number{
  1597. cursor: pointer;
  1598. padding-top: 10px;
  1599. /*margin: 0 10px;*/
  1600. }
  1601. .center-content .pagination .number:hover{
  1602. color:#e77140;
  1603. }
  1604. .center-content .pagination .active{
  1605. color: #e77140;
  1606. border-bottom:2px solid #e55e26;
  1607. }
  1608. .center-content .pagination .arrow-left{
  1609. background: url(../images/pagination-left.png) no-repeat center;
  1610. cursor: pointer;
  1611. }
  1612. .center-content .pagination .arrow-right{
  1613. background: url(../images/pagination-right.png) no-repeat center;
  1614. cursor: pointer;
  1615. }
  1616. .center-content .pagination div{
  1617. height: 40px;
  1618. float: left;
  1619. width: 7.14%;
  1620. text-align: center;
  1621. }
  1622. @media(max-width: 1200px){
  1623. .right-side-bar .today .today-item{
  1624. width: 33.33333%;
  1625. float: left;
  1626. }
  1627. .left-side .news-importants{
  1628. display: none;
  1629. }
  1630. }
  1631. @media(min-width: 992px){
  1632. .left-side .new-importants{
  1633. display: none;
  1634. }
  1635. }
  1636. @media(max-width: 768px){
  1637. .right-side-bar .today .today-item{
  1638. width: 100%;
  1639. float: left;
  1640. }
  1641. .right-side-bar .today{
  1642. display: none;
  1643. }
  1644. .center-content .pagination{
  1645. display: none;
  1646. }
  1647. .left-side .add-info {
  1648. display: block;
  1649. }
  1650. }
  1651. @media(max-width: 550px){
  1652. .center-content .news{
  1653. padding-left: 0;
  1654. }
  1655. .center-content .news .news-item{
  1656. padding-left: 0;
  1657. width: 93%;
  1658. float: none;
  1659. margin: 0 auto;
  1660. margin-bottom: 20px;
  1661. }
  1662. .center-content .news .news-item .image{
  1663. padding-left: 0;
  1664. width:100%;
  1665. margin: 0 auto;
  1666. }
  1667. .center-content .news .news-item .image img{
  1668. margin: 0 auto;
  1669. }
  1670. }
  1671. /*NEWS END*/
  1672. /*ABOUT*/
  1673. /*.center-content .about{
  1674. display: inline-block;
  1675. }*/
  1676. .center-content .about .doctor{
  1677. padding-left: 0;
  1678. }
  1679. .center-content .about .about-text .title{
  1680. font-family: Cuprum, sans-serif;
  1681. font-weight: 700;
  1682. font-size: 24px;
  1683. }
  1684. .center-content .about-main-text{
  1685. display: inline-block;
  1686. margin-top: 20px;
  1687. font-size: 16px;
  1688. }
  1689. .center-content .about-main-text .image{
  1690. text-align: center;
  1691. float: right;
  1692. margin-top: 20px;
  1693. margin-left: 20px;
  1694. margin-bottom: 20px;
  1695. }
  1696. .center-content .youtube{
  1697. width: 100%;
  1698. margin-top: 20px;
  1699. text-align: center;
  1700. }
  1701. .center-content .to-doctors-about{
  1702. padding-left: 0;
  1703. margin-bottom: 0 !important;
  1704. margin-top: 40px;
  1705. }
  1706. .center-content .to-doctors-about .personal-doctor .doctor-name span{
  1707. display: block;
  1708. float: left;
  1709. }
  1710. .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{
  1711. font-size: 14px;
  1712. float: right;
  1713. padding-right: 20px;
  1714. }
  1715. .center-content .to-doctors-about .personal-doctor{
  1716. width: 100% !important;
  1717. border-bottom: 1px solid #ebebeb;
  1718. }
  1719. .center-content .to-doctors-about .doctor-header{
  1720. height: 40px;
  1721. border-radius: 70px 0 0 30px;
  1722. }
  1723. .center-content .to-doctors-about .personal-doctor .image{
  1724. padding-top: 30px !important;
  1725. }
  1726. .center-content .equip{
  1727. margin-bottom: 40px;
  1728. }
  1729. .center-content .media{
  1730. margin-bottom: 40px;
  1731. overflow: visible;
  1732. position: relative;
  1733. padding-top: 30px;
  1734. border-top: 1px solid #ebebeb;
  1735. }
  1736. .center-content .media .swiper-button-next{
  1737. background: url(../images/media-arrow-right.png) no-repeat center;
  1738. top: 60%;
  1739. right: -25px;
  1740. }
  1741. .center-content .media .swiper-button-prev{
  1742. background: url(../images/media-arrow-left.png) no-repeat center;
  1743. top: 60%;
  1744. left: -30px;
  1745. }
  1746. .center-content .media .swiper-container {
  1747. width: inherit;
  1748. height: 140px;
  1749. margin: 20px auto;
  1750. }
  1751. .center-content .media .swiper-container iframe{
  1752. width: 100%;
  1753. height: 100%;
  1754. }
  1755. .center-content .media .swiper-slide {
  1756. width: 30% !important;
  1757. text-align: center;
  1758. font-size: 18px;
  1759. background: #fff;
  1760. /* Center slide text vertically */
  1761. display: -webkit-box;
  1762. display: -ms-flexbox;
  1763. display: -webkit-flex;
  1764. display: flex;
  1765. -webkit-box-pack: center;
  1766. -ms-flex-pack: center;
  1767. -webkit-justify-content: center;
  1768. justify-content: center;
  1769. -webkit-box-align: center;
  1770. -ms-flex-align: center;
  1771. -webkit-align-items: center;
  1772. align-items: center;
  1773. }
  1774. .center-content .media-text{
  1775. line-height: 20px;
  1776. font-size: 15px;
  1777. }
  1778. .center-content .pagination .show-all{
  1779. text-align: center;
  1780. padding-top: 10px;
  1781. font-size: 13px;
  1782. display:inline-block;
  1783. color: #fff;
  1784. background: #3b434d;
  1785. width: 20%;
  1786. height: 100%;
  1787. float: right;
  1788. }
  1789. .center-content .pagination .show-all:hover{
  1790. text-decoration: none;
  1791. background: #e65e26;
  1792. }
  1793. .center-content .pagination .show-all:focus{
  1794. text-decoration: none;
  1795. }
  1796. .center-content .documents{
  1797. font-family: Open Sans, sans-serif;
  1798. color: #3b434d;
  1799. background: #ebebeb;
  1800. }
  1801. .center-content .documents .row{
  1802. margin-right: 0;
  1803. margin-left: 0;
  1804. }
  1805. .center-content .documents .doc-item{
  1806. width: 20%;
  1807. float: left;
  1808. padding: 5px;
  1809. }
  1810. .center-content .documents .year{
  1811. width: 8%;
  1812. }
  1813. .center-content .documents .doc-name{
  1814. color: #004d7b;
  1815. width: 22%;
  1816. }
  1817. .center-content .documents .doc-data{
  1818. width: 14%;
  1819. }
  1820. .center-content .documents .doc-desc{
  1821. width: 25%;
  1822. }
  1823. .center-content .documents .doc-org{
  1824. width: 25%;
  1825. }
  1826. @media (max-width: 1200px){
  1827. .center-content .about{
  1828. margin-bottom: 20px;
  1829. }
  1830. .center-content .about .doctor{
  1831. margin-bottom: 20px;
  1832. }
  1833. .center-content .about .about-text .title{
  1834. display: block;
  1835. }
  1836. }
  1837. @media (max-width: 768px){
  1838. .center-content .documents .doc-item{
  1839. width: 100%;
  1840. float: none;
  1841. padding: 5px;
  1842. }
  1843. .center-content .documents .row{
  1844. margin: 20px 0;
  1845. }
  1846. .center-content .about-main-text .image{
  1847. display: none;
  1848. }
  1849. .center-content .about .youtube iframe{
  1850. width: 100%;
  1851. }
  1852. .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{
  1853. display: none;
  1854. }
  1855. .center-content .to-doctors-about .personal-doctor .doctor-image{
  1856. display: none;
  1857. }
  1858. .center-content .to-doctors .personal-doctor .doctor-header{
  1859. border-radius: 0 !important;
  1860. }
  1861. .center-content .to-doctors .personal-doctor .doctor-header .doctor-name{
  1862. padding-left: 15px !important;
  1863. }
  1864. }
  1865. @media (max-width: 768px){
  1866. .smi{
  1867. display: none;
  1868. }
  1869. }
  1870. /*ABOUT END*/
  1871. /*SERVICES*/
  1872. .service-text{
  1873. font-family: Open Sans, sans-serif;
  1874. }
  1875. .service-title{
  1876. font-family: Cuprum ,sans-serif;
  1877. font-weight: 600;
  1878. font-size: 26px;
  1879. margin: 30px 0;
  1880. }
  1881. .service-item{
  1882. font-family: Open Sans, sans-serif;
  1883. color :#404040;
  1884. border-top: 1px solid #ebebeb;
  1885. border-bottom: 1px solid #ebebeb;
  1886. width: 100%;
  1887. display: inline-block;
  1888. }
  1889. .service-row{
  1890. display: inline-block;
  1891. width: 100%;
  1892. padding: 4px 5px;
  1893. }
  1894. .service-row:nth-child(even){
  1895. background: #ebebeb;
  1896. }
  1897. .service-item .service-unit{
  1898. width: 11%;
  1899. float: left;
  1900. }
  1901. .service-item .service-unit:nth-child(1){
  1902. width: 9%;
  1903. }
  1904. .service-item .service-unit:nth-child(2){
  1905. width: 50%;
  1906. }
  1907. .service-item .service-unit:nth-child(3){
  1908. width:11%;
  1909. }
  1910. .service-item .service-unit:nth-child(4){
  1911. width: 9%;
  1912. text-align: center;
  1913. }
  1914. .service-item .service-unit:nth-child(5){
  1915. width: 9%;
  1916. text-align: center;
  1917. }
  1918. .service-more{
  1919. display: none;
  1920. text-align: right;
  1921. margin-top: 10px;
  1922. }
  1923. .service-more a{
  1924. font-size: 14px;
  1925. color:#929292;
  1926. }
  1927. .service-more:last-child{
  1928. margin-bottom: 60px;
  1929. }
  1930. @media(max-width: 768px){
  1931. .service-more{
  1932. display: block;
  1933. }
  1934. .service-item .service-unit{
  1935. text-align: left !important;
  1936. width: 100% !important;
  1937. float: none;
  1938. padding: 5px;
  1939. }
  1940. .service-row{
  1941. margin: 20px 0;
  1942. }
  1943. .service-item .service-unit:nth-child(1){
  1944. display: none;
  1945. }
  1946. }
  1947. /*SERVICES END*/
  1948. /*TODAY*/
  1949. .today-page{
  1950. width: 100%;
  1951. margin-top: 25px;
  1952. padding-left: 0px;
  1953. display: inline-block;
  1954. }
  1955. .today-page .today-item .head{
  1956. background: #929292;
  1957. padding: 12px 5px;
  1958. font-size: 13px;
  1959. font-family: Cuprum;
  1960. text-align: right;
  1961. height: 40px;
  1962. color: #fff;
  1963. border-radius: 10px 0 0 0;
  1964. }
  1965. .today-page .today-item .head-blue{
  1966. background: #5597d1;
  1967. }
  1968. .today-page .today-item .head .date{
  1969. float: left;
  1970. display: block;
  1971. }
  1972. .today-page .today-item .head .name{
  1973. float: right;
  1974. display: block;
  1975. }
  1976. .today-page .today-item{
  1977. padding-right: 0;
  1978. margin-bottom: 20px;
  1979. }
  1980. .today-page .image{
  1981. position: relative;
  1982. margin-top: 10px;
  1983. }
  1984. .today-page .image img{
  1985. display: block;
  1986. width: 200px;
  1987. margin: 0 auto;
  1988. }
  1989. .today-page .logo{
  1990. position: absolute;
  1991. top: 0;
  1992. font-family: Cuprum, sans-serif;
  1993. right: 15px;
  1994. width: 60px;
  1995. height: 60px;
  1996. }
  1997. .today-page .logo img{
  1998. width: 60px;
  1999. height: 60px;
  2000. }
  2001. .today-page .free{
  2002. position: absolute;
  2003. padding-top: 5px;
  2004. padding-left: 7px;
  2005. top: 60px;
  2006. left: -5px;
  2007. font-family: Cuprum, sans-serif;
  2008. color: #fff;
  2009. width: 200px;
  2010. height: 40px;
  2011. background: url(../images/free-bg.png) no-repeat;
  2012. }
  2013. .today-page .desc{
  2014. margin-top:10px;
  2015. margin-bottom: 10px;
  2016. font-family: Cuprum, sans-serif;
  2017. padding-left: 5px;
  2018. font-size: 14px;
  2019. }
  2020. .today-page .org{
  2021. font-family: Cuprum, sans-serif;
  2022. font-weight: 600;
  2023. text-align: center;
  2024. border-top:1px solid #ebebeb;
  2025. padding-top: 5px;
  2026. color: #004d7b;
  2027. }
  2028. .today-page .adress{
  2029. margin-top: 5px;
  2030. font-family: Cuprum, sans-serif;
  2031. font-size: 14px;
  2032. padding: 15px 0;
  2033. background: #ebebeb;
  2034. color: #929292;
  2035. text-align: center;
  2036. }
  2037. .pagination-mobile{
  2038. display: none;
  2039. }
  2040. @media (max-width: 768px){
  2041. .center-content .pagination-mobile{
  2042. display: block;
  2043. }
  2044. .center-content .pagination-mobile .pagination div{
  2045. width: 16.66666%;
  2046. }
  2047. }
  2048. /*TODAY END*/
  2049. /*PATIENT*/
  2050. .min-title{
  2051. margin-bottom: 20px;
  2052. font-family: Cuprum, sans-serif;
  2053. font-size: 20px;
  2054. font-weight: 700;
  2055. }
  2056. .patients-text{
  2057. font-family: Open Sans, sans-serif;
  2058. line-height: 22px;
  2059. margin-bottom: 20px;
  2060. }
  2061. /*PATIENT END*/
  2062. /*VACANCIES*/
  2063. .vacancy .vacancy-header{
  2064. font-family: Cuprum;
  2065. display: inline-block;
  2066. padding: 5px 12px;
  2067. margin-bottom: 10px;
  2068. background: #d7d7d7;
  2069. width: 100%;
  2070. }
  2071. .vacancy-wrap {
  2072. display: inline-block;
  2073. margin-bottom: 15px;
  2074. }
  2075. .vacancy .vacancy-header .name{
  2076. display: inline-block;
  2077. font-family: Cuprum;
  2078. font-weight: bold;
  2079. width: 60%;
  2080. float: left;
  2081. font-size: 18px;
  2082. }
  2083. .vacancy .vacancy-header .date{
  2084. padding-top: 5px;
  2085. height: 20px;
  2086. width: 40%;
  2087. font-size: 13px;
  2088. color: #929292;
  2089. text-align: right;
  2090. float: left;
  2091. }
  2092. .vacancy .vacancy-data{
  2093. margin-bottom: 15px;
  2094. padding-left: 0;
  2095. }
  2096. .vacancy-data .org .text{
  2097. font-size: 14px;
  2098. font-family: Cuprum;
  2099. color: #929292;
  2100. }
  2101. .vacancy-data .org .org-name{
  2102. font-size: 18px;
  2103. font-family: Cuprum;
  2104. font-weight: 400;
  2105. color: #004d7b;
  2106. margin-bottom: 15px;
  2107. }
  2108. .vacancy .vacancy-table{
  2109. display: inline-block;
  2110. border-top:1px solid #ebebeb;
  2111. border-bottom:1px solid #ebebeb;
  2112. }
  2113. .vacancy .vacancy-table .vacancy-row{
  2114. width: 100%;
  2115. display:inline-block;
  2116. padding: 5px 10px;
  2117. }
  2118. .vacancy .vacancy-table .vacancy-row:nth-child(even){
  2119. background: #ebebeb;
  2120. }
  2121. .vacancy .vacancy-table .vacancy-row .name{
  2122. width: 70%;
  2123. float: left;
  2124. }
  2125. .vacancy .vacancy-table .vacancy-row .data{
  2126. width: 30%;
  2127. float: left;
  2128. text-align: left;
  2129. }
  2130. .vacancy .contact{
  2131. font-family: Cuprum;
  2132. color:#929292;
  2133. font-size: 14px;
  2134. }
  2135. .vacancy .contacts .otd a{
  2136. font-size: 17px;
  2137. color: #115984;
  2138. }
  2139. .vacancy .value{
  2140. font-size: 16px;
  2141. margin-bottom: 5px;
  2142. }
  2143. .vacancy .vacancy-contacts{
  2144. padding-left: 0;
  2145. }
  2146. .vacancy .contacts .value{
  2147. color: #004d7b;
  2148. font-size: 16px;
  2149. font-family: Cuprum;
  2150. }
  2151. @media(max-width: 420px){
  2152. .vacancy .vacancy-data .vacancy-table .vacancy-row div{
  2153. width: 100%;
  2154. float: none;
  2155. }
  2156. }
  2157. .mini-title-2{
  2158. font-family: Cuprum;
  2159. font-weight: 600;
  2160. font-size: 18px;
  2161. margin-bottom: 10px;
  2162. }
  2163. .vacancy-text{
  2164. font-family: Open Sans;
  2165. margin-bottom: 40px;
  2166. }
  2167. /*VACANCIES END*/
  2168. /*UNITS*/
  2169. .content-left .unit-clinics{
  2170. margin-top: 0;
  2171. }
  2172. .soc .contact {
  2173. font-family: Cuprum;
  2174. color: #929292;
  2175. font-size: 14px;
  2176. }
  2177. .soc .value {
  2178. font-family: Cuprum;
  2179. font-size: 16px;
  2180. margin-bottom: 5px;
  2181. }
  2182. .under-title .soc{
  2183. position: static;
  2184. display: inline-block;
  2185. text-align: center;
  2186. padding: 0 10px;
  2187. margin-top: 0;
  2188. margin-bottom: 20px;
  2189. }
  2190. .content .more{
  2191. margin-bottom: 10px;
  2192. }
  2193. .container .content .unit-clinics{
  2194. display: block;
  2195. }
  2196. .container .importants-unit{
  2197. display: block;
  2198. }
  2199. @media(max-width: 700px){
  2200. .content .unit-clinics .clinic {
  2201. padding-left: 15px;
  2202. }
  2203. .content .unit-clinics .clinic .title{
  2204. margin-bottom: 10px;
  2205. }
  2206. .content .unit-clinics .clinic .subtitle{
  2207. padding-left: 0;
  2208. }
  2209. .content .unit-clinics .clinic .clinic-image{
  2210. display: none;
  2211. }
  2212. }
  2213. @media(max-width: 400px){
  2214. .container .importants-unit .important .description{
  2215. font-size: 14px;
  2216. }
  2217. .container .importants-unit .important:nth-child(5) .description{
  2218. padding-top: 15px !important;
  2219. }
  2220. .container .importants-unit .important:nth-child(3) .description{
  2221. padding-top: 15px !important;
  2222. }
  2223. .container .importants-unit .important:nth-child(2) .description{
  2224. padding-left: 55px !important;
  2225. }
  2226. }
  2227. /*UNITS END*/