1
0

style.css 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898
  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-right .importants .important{
  466. margin-left: 10px;
  467. }
  468. /*.content*/ .importants .important{
  469. height: 90px;
  470. margin-bottom: 10px;
  471. padding:0;
  472. display: block;
  473. background: #d7d7d7;
  474. }
  475. /*.content */.importants .important:hover{
  476. text-decoration: none;
  477. background: #004d7b;
  478. }
  479. /*.content*/ .importants .important:focus{
  480. text-decoration: none;
  481. }
  482. /*.content*/ .importants .important:nth-child(1) .description{
  483. padding-top: 20px;
  484. }
  485. /*.content*/ .importants .important:nth-child(2) .description{
  486. padding-top: 15px;
  487. padding-left: 0;
  488. }
  489. /*.content*/ .importants .important:nth-child(4) .description{
  490. padding-top: 10px;
  491. }
  492. /*.content*/ .importants .important:nth-child(6) .description{
  493. padding-top: 20px;
  494. }
  495. /*.content*/ .importants .important .important-image{
  496. padding-top: 20px;
  497. margin-left: 5px;
  498. height: 100%;
  499. width: 25%;
  500. display: block;
  501. float: left;
  502. }
  503. /*.content*/ .importants .important .description{
  504. color: #fff;
  505. font-weight: 700;
  506. height: 100%;
  507. font-size: 15px;
  508. padding-left: 65px;
  509. }
  510. .content-right .today{
  511. margin-top: 25px;
  512. padding-left: 15px;
  513. display: inline-block;
  514. }
  515. .content-right .today .today-item .head{
  516. display: block;
  517. cursor: pointer;
  518. background: #929292;
  519. padding: 12px 5px;
  520. font-size: 13px;
  521. font-family: Cuprum;
  522. text-align: right;
  523. height: 40px;
  524. color: #fff;
  525. border-radius: 10px 0 0 0;
  526. }
  527. .content-right .today .today-item .head:hover{
  528. text-decoration: none;
  529. }
  530. .content-right .today .today-item .head-blue{
  531. background: #5597d1;
  532. }
  533. .content-right .today .today-item .head .date{
  534. float: left;
  535. display: block;
  536. }
  537. .content-right .today .today-item .head .name{
  538. float: right;
  539. display: block;
  540. }
  541. .content-right .today .today-item{
  542. padding-right: 0;
  543. }
  544. .content-right .today .block-header{
  545. padding: 6px 10px;
  546. font-size: 22px;
  547. font-weight: 700;
  548. font-family: Cuprum, sans-serif;
  549. background: #929292;
  550. color: #fff;
  551. margin-bottom: 10px;
  552. }
  553. .content-right .today .block-header img{
  554. float: right;
  555. margin-top: 3px;
  556. }
  557. .content-right .today .image{
  558. position: relative;
  559. margin-top: 10px;
  560. }
  561. .content-right .today .image img{
  562. display: block;
  563. width: 200px;
  564. margin: 0 auto;
  565. }
  566. .content-right .today .logo{
  567. border-radius: 50px;
  568. position: absolute;
  569. top: 0;
  570. font-family: Cuprum, sans-serif;
  571. right: 15px;
  572. width: 60px;
  573. height: 60px;
  574. }
  575. .content-right .today .logo img{
  576. border-radius: 50%;
  577. width: 60px;
  578. height: 60px;
  579. }
  580. .content-right .today .free{
  581. position: absolute;
  582. padding-top: 5px;
  583. padding-left: 7px;
  584. top: 60px;
  585. left: -5px;
  586. font-family: Cuprum, sans-serif;
  587. color: #fff;
  588. width: 200px;
  589. height: 40px;
  590. background: url(../images/free-bg.png) no-repeat;
  591. }
  592. .content-right .today .desc{
  593. margin-top:10px;
  594. margin-bottom: 10px;
  595. font-family: Cuprum, sans-serif;
  596. padding-left: 5px;
  597. font-size: 14px;
  598. }
  599. .content-right .today .org{
  600. cursor: pointer;
  601. display: block;
  602. font-family: Cuprum, sans-serif;
  603. font-weight: 600;
  604. text-align: center;
  605. border-top:1px solid #ebebeb;
  606. padding-top: 5px;
  607. color: #004d7b;
  608. }
  609. .content-right .today .org:hover{
  610. text-decoration: none;
  611. }
  612. .content-right .today .adress{
  613. margin-top: 5px;
  614. font-family: Cuprum, sans-serif;
  615. font-size: 14px;
  616. padding: 15px 0;
  617. background: #ebebeb;
  618. color: #929292;
  619. text-align: center;
  620. }
  621. .content-right .news .block-header{
  622. padding: 6px 10px;
  623. font-size: 22px;
  624. font-weight: 700;
  625. font-family: Cuprum, sans-serif;
  626. background: #929292;
  627. color: #fff;
  628. margin-bottom: 10px;
  629. }
  630. .content-right .news .block-header img{
  631. float: right;
  632. margin-top: 3px;
  633. }
  634. .content-right .news-item{
  635. height: 320px;
  636. display: block;
  637. color: inherit;
  638. cursor: pointer;
  639. padding: 0 10px;
  640. padding-right: 0;
  641. margin-bottom: 20px;
  642. }
  643. .content-right .news-item:hover{
  644. text-decoration: none;
  645. }
  646. .content-right .news-item .inner{
  647. height: inherit;
  648. background: #ebebeb;
  649. border-radius: 10px 0 0 0;
  650. overflow: hidden;
  651. }
  652. .content-right .news{
  653. display: inline-block;
  654. margin-top: 25px;
  655. padding-left: 15px;
  656. }
  657. .content-right .news .image{
  658. font-family: Cuprum, sans-serif;
  659. margin-bottom: 20px;
  660. color:#fff;
  661. height: 160px;
  662. /* width: 205px;*/
  663. margin: 0 auto;
  664. position: relative;
  665. }
  666. .content-right .news .image img{
  667. display: block;
  668. margin: 0 auto;
  669. }
  670. .content-right .news .image .title{
  671. font-size: 16px;
  672. font-weight: 400;
  673. position: absolute;
  674. bottom: 10px;
  675. display: block;
  676. color: #fff;
  677. left: 20%;
  678. }
  679. .content-right .news .desc{
  680. font-family: Open Sans, sans-serif;
  681. padding-left: 10px;
  682. font-size: 14px;
  683. line-height: 17px;
  684. }
  685. .content-right .news .data{
  686. padding: 10px 0;
  687. margin:10px;
  688. margin-top:20px;
  689. color: #929292;
  690. text-align: right;
  691. border-top: 1px solid #d4d4d4;
  692. }
  693. /*footer*/
  694. footer{
  695. position: absolute;
  696. margin-top: 40px;
  697. width: 100%;
  698. padding-top: 40px;
  699. padding-bottom: 20px;
  700. display: inline-block;
  701. background: #3b434d;
  702. }
  703. footer .list{
  704. position: relative;
  705. list-style: none;
  706. float: left;
  707. width: 20%;
  708. font-family: Cuprum, sans-serif;
  709. font-size: 16px;
  710. }
  711. footer .list a{
  712. color: #f2f2f3
  713. }
  714. footer .list li:nth-child(1){
  715. }
  716. footer .list li:nth-child(1) a{
  717. color: #75787b;
  718. font-weight: 700;
  719. font-size: 18px;
  720. }
  721. footer .admin-button{
  722. background: #ebebeb;
  723. margin-top: 25px;
  724. padding: 10px 5px;
  725. text-align: center;
  726. display: block !important;
  727. }
  728. footer .admin-button a{
  729. font-size: 14px;
  730. color: #929292;
  731. text-decoration: underline;
  732. }
  733. footer .admin-button a:hover{
  734. text-decoration: underline;
  735. }
  736. footer .copyright{
  737. float: right;
  738. height: auto;
  739. margin-top: 40px;
  740. }
  741. footer .copyright .text{
  742. color: #919293;
  743. font-family: Open Sans, sans-serif;
  744. float: left;
  745. width: 60%;
  746. text-align: right;
  747. }
  748. footer .copyright a{
  749. font-family: Open Sans, sans-serif;
  750. padding-left: 8px;
  751. text-decoration: underline;
  752. color: #9e9e9e;
  753. }
  754. footer .copyright a:hover{
  755. color: #9e9e9e;
  756. text-decoration: underline;
  757. }
  758. footer .copyright .logo{
  759. text-align: center;
  760. float: left;
  761. margin-left: 20px;
  762. }
  763. /**/
  764. @media (min-width: 1200px){
  765. .important{
  766. width: 47%;
  767. }
  768. }
  769. @media (min-width: 992px){
  770. .content-right .today .today-item{
  771. width: 50%;
  772. margin-top: 20px;
  773. }
  774. .content-right .news-item{
  775. width: 50%;
  776. }
  777. }
  778. @media (min-width: 768px){
  779. .content-right .today .today-item{
  780. float: left;
  781. width: 50%;
  782. }
  783. .content-right .news-item{
  784. float: left;
  785. width: 50%;
  786. }
  787. }
  788. @media (max-width: 992px){
  789. .left-side{
  790. width: 27% !important;
  791. }
  792. .content-a-lot{
  793. padding-right: 0;
  794. }
  795. .main-container .col-lg-10{
  796. width: 73% !important;
  797. }
  798. header .circles{
  799. position: static !important;
  800. }
  801. header .menu ul li a{
  802. font-size: 14.5px ;
  803. }
  804. }
  805. @media (max-width: 1200px){
  806. .main-title .soc{
  807. display: none;
  808. }
  809. footer .admin-button{
  810. width: 100%;
  811. }
  812. footer .list{
  813. width: 100%;
  814. padding-right: 40px;
  815. }
  816. footer .list li{
  817. display: none;
  818. }
  819. footer .list li:nth-child(1){
  820. display: block;
  821. }
  822. }
  823. @media (max-width: 1200px){
  824. .left-side{
  825. width: 20%;
  826. }
  827. .content-left{
  828. width: 100%;
  829. }
  830. .content-left .clinic{
  831. width: 100%;
  832. }
  833. .content-right{
  834. width: 100%;
  835. }
  836. .content-right .importants .important .description{
  837. padding-top: 30px !important;
  838. }
  839. .content-right .importants .important .important-image{
  840. width: 10%;
  841. }
  842. }
  843. @media (max-width: 768px){
  844. .left-side .specializations .spec{
  845. display: none;
  846. }
  847. .left-side .specializations .more{
  848. display: none;
  849. }
  850. .left-side .add-info{
  851. display: none;
  852. }
  853. .main-container .main-title{
  854. display: none;
  855. }
  856. .content .clinics{
  857. display: none;
  858. }
  859. .content-right{
  860. padding-right: 0;
  861. }
  862. .content-right .importants{
  863. display: none;
  864. }
  865. .left-side{
  866. width: 100% !important;
  867. margin-bottom: 40px;
  868. }
  869. .main-container .col-lg-10 {
  870. width: 100% !important;
  871. }
  872. .main-container .main-title{
  873. width: 100% !important;
  874. }
  875. .main-container .content-right{
  876. width: 100% !important;
  877. }
  878. .main-container .content-right .today{
  879. width: 100% !important;
  880. }
  881. .importants{
  882. width: 100% !important;
  883. }
  884. .main-container .content-left{
  885. width: 100% !important;
  886. }
  887. .main-container .content-left .clinic{
  888. width: 100% !important;
  889. }
  890. .main-container .mobile{
  891. display: block;
  892. }
  893. .left-side .title{
  894. font-size: 32px;
  895. }
  896. .left-side .main-title{
  897. padding: 0;
  898. }
  899. .left-side{
  900. padding-right: 15px;
  901. }
  902. .left-side .logo-subtitle{
  903. width: 50%;
  904. margin: 0 auto;
  905. }
  906. .left-side .specializations .spec-header a{
  907. transform: rotate(90deg);
  908. }
  909. .content-left .doctor{
  910. margin-bottom: 30px;
  911. }
  912. .content-left .about .about-text{
  913. margin-bottom: 30px;
  914. }
  915. .main-container .content-a-lot{
  916. padding-right: 0;
  917. }
  918. .content-right .today .today-item{
  919. width: 50%;
  920. float: left;
  921. }
  922. .content-right .news .news-item{
  923. width: 50%;
  924. float: left;
  925. }
  926. header .menu li{
  927. display: none;
  928. }
  929. header .menu ul .circles{
  930. display: block;
  931. position: absolute !important;
  932. }
  933. header .menu ul .burger{
  934. left: 0;
  935. }
  936. header .menu-mobile{
  937. position: absolute;
  938. width: 100%;
  939. }
  940. header .menu-mobile ul{
  941. padding: 0;
  942. }
  943. }
  944. @media(max-width: 485px){
  945. .content-right .news .news-item{
  946. width: 100%
  947. }
  948. .content-right .today .today-item{
  949. margin: 0 auto;
  950. width: 100%;
  951. margin-bottom: 10px;
  952. }
  953. }
  954. .mobile{
  955. display: none;
  956. }
  957. /*MAIN CONTENT END*/
  958. /*END MAIN PAGE*/
  959. /*CONTACTS PAGE*/
  960. .contacts-container .side-bar .logo{
  961. margin-bottom: 50px;
  962. }
  963. .contacts-container .main-title{
  964. padding-left: 40px;
  965. }
  966. .contacts-container .main-title .title{
  967. font-size: 34px;
  968. }
  969. .side-bar ul{
  970. list-style: none;
  971. padding-left: 0;
  972. }
  973. .side-bar li{
  974. padding: 7px 0;
  975. text-align: right;
  976. border-bottom: 1px solid #ebebeb;
  977. }
  978. .side-bar li:first-child{
  979. border-top: 1px solid #ebebeb;
  980. }
  981. .side-bar li a{
  982. color: #004d7b;
  983. font-family: Cuprum, sans-serif;
  984. font-weight: 600;
  985. font-size: 17px;
  986. }
  987. .side-bar li a:hover{
  988. text-decoration: none;
  989. }
  990. .contacts-container .map{
  991. margin-bottom: 50px;
  992. }
  993. .contacts-container #map{
  994. height: 345px;
  995. margin: auto;
  996. }
  997. .contacts-container .right-side-bar .info{
  998. margin-bottom: 10px;
  999. }
  1000. .contacts-container .right-side-bar .soc{
  1001. position: static;
  1002. display: inline-block;
  1003. text-align: center;
  1004. /*padding: 0 10px;*/
  1005. margin-top: 0;
  1006. margin-bottom: 20px;
  1007. }
  1008. .contacts-container .center-content .work-time{
  1009. margin-bottom: 40px;
  1010. }
  1011. .contacts-container .center-content .work-time .min-title{
  1012. margin-bottom: 20px;
  1013. font-family: Cuprum, sans-serif;
  1014. font-size: 20px;
  1015. font-weight: 700;
  1016. }
  1017. .contacts-container .center-content .work-time .text{
  1018. font-size: 16px;
  1019. }
  1020. .contacts-container .center-content .to-doctors{
  1021. display: inline-block;
  1022. }
  1023. .contacts-container .center-content .to-doctors .min-title{
  1024. margin-bottom: 20px;
  1025. font-family: Cuprum, sans-serif;
  1026. font-size: 18px;
  1027. font-weight: 700;
  1028. }
  1029. .contacts-container .center-content .callback .min-title-text{
  1030. font-size: 16px;
  1031. font-family: Cuprum;
  1032. font-weight: 700;
  1033. }
  1034. .contacts-container .center-content .to-doctors .personal-doctor{
  1035. width: 33.33333333332%;
  1036. display: inline-block;
  1037. color: #000;
  1038. padding: 0;
  1039. padding-right: 10px;
  1040. text-decoration: none;
  1041. margin-bottom: 40px;
  1042. }
  1043. .contacts-container .center-content .to-doctors .personal-doctor .doctor-type{
  1044. font-size: 14px;
  1045. font-family: Cuprum, sans-serif;
  1046. color: #929292;
  1047. }
  1048. .contacts-container .center-content .to-doctors .personal-doctor .doctor-header{
  1049. display: inline-block;
  1050. width: 100%;
  1051. background: #ebebeb;
  1052. border-radius: 30px 0 0 30px;
  1053. }
  1054. .contacts-container .center-content .to-doctors .personal-doctor .doctor-image{
  1055. float: left;
  1056. }
  1057. .contacts-container .center-content .to-doctors .personal-doctor .doctor-name{
  1058. padding-top: 10px;
  1059. padding-left: 65px;
  1060. font-family: Cuprum, sans-serif;
  1061. color: #004d7b;
  1062. font-size: 18px;
  1063. line-height: 18px;
  1064. }
  1065. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
  1066. width: 13%;
  1067. float: left;
  1068. padding-top: 70px;
  1069. }
  1070. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text{
  1071. padding-top: 10px;
  1072. width: 87%;
  1073. float: left;
  1074. }
  1075. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .category{
  1076. color: #929292;
  1077. margin-bottom: 10px;
  1078. }
  1079. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .otdels{
  1080. color: #004d7b;
  1081. font-family: Open Sans, sans-serif;
  1082. }
  1083. .contacts-container .center-content .to-doctors .personal-doctor .contacts{
  1084. display: inline-block;
  1085. margin-top: 10px;
  1086. width: 100%;
  1087. background: #ebebeb;
  1088. padding-top: 10px;
  1089. padding-left: 5px;
  1090. padding-right: 5px;
  1091. }
  1092. .contacts-container .center-content .to-doctors .personal-doctor .contact{
  1093. color:#929292;
  1094. font-size: 14px;
  1095. font-family: Cuprum, sans-serif;
  1096. }
  1097. .contacts-container .center-content .to-doctors .personal-doctor .value{
  1098. font-size: 16px;
  1099. margin-bottom: 5px;
  1100. font-family: Cuprum, sans-serif;
  1101. }
  1102. .contacts-container .center-content .to-doctors .personal-doctor .value a {
  1103. font-size: 15px;
  1104. }
  1105. .contacts-container .center-content .to-doctors .personal-doctor .priem{
  1106. margin-top: 10px;
  1107. font-weight: 700;
  1108. font-size: 16px;
  1109. font-family: Cuprum, sans-serif;
  1110. }
  1111. .contacts-container .center-content .callback{
  1112. width: 100%;
  1113. display: inline-block;
  1114. }
  1115. .contacts-container .center-content .callback .min-title{
  1116. margin-bottom: 20px;
  1117. font-family: Cuprum, sans-serif;
  1118. font-size: 20px;
  1119. font-weight: 700;
  1120. }
  1121. .contacts-container .center-content .callback .min-title-text{
  1122. font-size: 19px;
  1123. margin-bottom: 30px;
  1124. }
  1125. .contacts-container .center-content .callback form p{
  1126. font-size: 12px;
  1127. color: #929292;
  1128. }
  1129. .contacts-container .center-content .callback form input{
  1130. margin-bottom: 10px;
  1131. padding-left: 5px;
  1132. font-family: Open Sans, sans-serif;
  1133. font-size: 14px;
  1134. font-weight: 400;
  1135. width: 100%;
  1136. height: 30px;
  1137. color: #929292;
  1138. background: #ebebeb;
  1139. border: none;
  1140. }
  1141. .contacts-container .center-content .callback form input[type = "checkbox"]{
  1142. width: 20px;
  1143. height: inherit;
  1144. }
  1145. .contacts-container .center-content .callback form span{
  1146. font-size: 12px;
  1147. color: #929292;
  1148. }
  1149. .contacts-container .center-content .callback form textarea{
  1150. width: 100%;
  1151. height: 110px;
  1152. padding-left: 5px;
  1153. font-family: Open Sans, sans-serif;
  1154. font-size: 14px;
  1155. color: #929292;
  1156. background: #ebebeb;
  1157. border: none;
  1158. resize: none;
  1159. }
  1160. .contacts-container .center-content .callback form .form-button{
  1161. margin-top: 10px;
  1162. cursor: pointer;
  1163. padding: 7px 0;
  1164. color: #fff;
  1165. text-align: center;
  1166. font-family: Cuprum , sans-serif;
  1167. font-weight: 700;
  1168. background: #004d7b;
  1169. border: 0;
  1170. }
  1171. .contacts-container .center-content .to-doctors .doctor-button{
  1172. display: inline-block;
  1173. width: 100%;
  1174. margin-top: 10px;
  1175. text-align: center;
  1176. text-decoration: underline;
  1177. font-family: Cuprum, sans-serif;
  1178. padding: 7px 0;
  1179. color: #929292;
  1180. background: #ebebeb;
  1181. }
  1182. .contacts-container .center-content .to-doctors .doctor-button:hover{
  1183. color: #fff;
  1184. background: #004d7b;
  1185. }
  1186. /*
  1187. .contacts-container .center-content .*/
  1188. @media (max-width: 1200px){
  1189. .contacts-container .left-side {
  1190. width: 20% !important;
  1191. }
  1192. .contacts-container .importants .important:nth-child(2) .description{
  1193. padding-left:58px;
  1194. }
  1195. }
  1196. @media (min-width: 1200px){
  1197. .contacts-container .main-title {
  1198. width: 60%;
  1199. padding-left: 40px;
  1200. }
  1201. .contacts-container .focus-content {
  1202. width: 60%;
  1203. padding-left: 40px;
  1204. }
  1205. .contacts-container .important{
  1206. width: 100%;
  1207. }
  1208. }
  1209. @media (max-width: 1200px){
  1210. .contacts-container .center-content .callback{
  1211. margin-bottom: 40px;
  1212. }
  1213. .contacts-container .left-side {
  1214. width: 100% !important;
  1215. margin-bottom: 40px;
  1216. }
  1217. .contacts-container .left-side .main-title{
  1218. float: none;
  1219. width: 100% !important;
  1220. }
  1221. .contacts-container .center-content{
  1222. width: 100%;
  1223. }
  1224. .contacts-container .center-content .to-doctors .personal-doctor{
  1225. width: 100%;
  1226. }
  1227. .contacts-container .center-content .callback form .form-button{
  1228. width: 100%;
  1229. }
  1230. .contacts-container .main-title{
  1231. padding-left: 15px;
  1232. }
  1233. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
  1234. width: 10%;
  1235. padding-top: 20px;
  1236. }
  1237. .contacts-container .left-side .importants .important-image{
  1238. width: 10%;
  1239. }
  1240. .contacts-container .left-side .importants .description{
  1241. padding-top: 20px !important;
  1242. }
  1243. .contacts-container .right-side-bar .info .logo{
  1244. display: none;
  1245. }
  1246. .contacts-container .main-title{
  1247. display: block;
  1248. }
  1249. .contacts-container .center-content .title{
  1250. display: none;
  1251. }
  1252. .contacts-container .center-content .subtitle{
  1253. display: none;
  1254. }
  1255. }
  1256. /*CONTACTS PAGE END*/
  1257. /*SPECIALISTS PAGE*/
  1258. .specs-container .center-content .classes{
  1259. margin-bottom: 15px;
  1260. }
  1261. .specs-container .center-content .classes a{
  1262. display: block;
  1263. color: #004d7b;
  1264. }
  1265. .specs-container .center-content .text{
  1266. font-family: Open Sans, sans-serif;
  1267. margin-bottom: 20px;
  1268. }
  1269. .specs-container .today{
  1270. width: 100%;
  1271. margin-top: 25px;
  1272. /* padding-left: 15px;
  1273. padding-right: 15px;*/
  1274. display: inline-block;
  1275. }
  1276. .specs-container .today .today-item{
  1277. padding-left: 0;
  1278. margin-bottom: 20px;
  1279. }
  1280. .specs-container .today .today-item .head{
  1281. display: block;
  1282. cursor: pointer;
  1283. background: #929292;
  1284. padding: 12px 5px;
  1285. font-size: 13px;
  1286. font-family: Cuprum;
  1287. text-align: right;
  1288. height: 40px;
  1289. color: #fff;
  1290. border-radius: 10px 0 0 0;
  1291. }
  1292. .specs-container .today .today-item .head:hover{
  1293. text-decoration: none;
  1294. }
  1295. .specs-container .today .today-item .head-blue{
  1296. background: #5597d1;
  1297. }
  1298. .specs-container .today .today-item .head .date{
  1299. float: left;
  1300. display: block;
  1301. }
  1302. .specs-container .today .today-item .head .name{
  1303. float: right;
  1304. display: block;
  1305. }
  1306. /*.contacts-container .today .today-item{
  1307. padding-right: 0;
  1308. }
  1309. */
  1310. .specs-container .today .block-header{
  1311. padding: 6px 10px;
  1312. font-size: 22px;
  1313. font-weight: 700;
  1314. font-family: Cuprum, sans-serif;
  1315. background: #929292;
  1316. color: #fff;
  1317. margin-bottom: 10px;
  1318. }
  1319. .specs-container .today .block-header img{
  1320. float: right;
  1321. margin-top: 3px;
  1322. }
  1323. .specs-container .today .image{
  1324. position: relative;
  1325. margin-top: 10px;
  1326. }
  1327. .specs-container .today .image img{
  1328. display: block;
  1329. width: 200px;
  1330. margin: 0 auto;
  1331. }
  1332. .specs-container .today .logo{
  1333. position: absolute;
  1334. top: 0;
  1335. font-family: Cuprum, sans-serif;
  1336. right: 15px;
  1337. width: 60px;
  1338. height: 60px;
  1339. }
  1340. .specs-container .today .logo img{
  1341. width: 60px;
  1342. height: 60px;
  1343. }
  1344. .specs-container .today .free{
  1345. position: absolute;
  1346. padding-top: 5px;
  1347. padding-left: 7px;
  1348. top: 60px;
  1349. left: -5px;
  1350. font-family: Cuprum, sans-serif;
  1351. color: #fff;
  1352. width: 200px;
  1353. height: 40px;
  1354. background: url(../images/free-bg.png) no-repeat;
  1355. }
  1356. .specs-container .today .desc{
  1357. margin-top:10px;
  1358. margin-bottom: 10px;
  1359. font-family: Cuprum, sans-serif;
  1360. padding-left: 5px;
  1361. font-size: 14px;
  1362. }
  1363. .specs-container .today .org{
  1364. font-family: Cuprum, sans-serif;
  1365. font-weight: 600;
  1366. text-align: center;
  1367. border-top:1px solid #ebebeb;
  1368. padding-top: 5px;
  1369. color: #004d7b;
  1370. }
  1371. .specs-container .today .adress{
  1372. margin-top: 5px;
  1373. font-family: Cuprum, sans-serif;
  1374. font-size: 14px;
  1375. padding: 15px 0;
  1376. background: #ebebeb;
  1377. color: #929292;
  1378. text-align: center;
  1379. }
  1380. .specs-container .center-content .vacancies{
  1381. margin-bottom: 40px;
  1382. }
  1383. .specs-container .center-content .vacan-table{
  1384. border-top: 1px solid #ebebeb;
  1385. }
  1386. .specs-container .center-content .vacancies .vac{
  1387. padding: 7px 10px;
  1388. }
  1389. .specs-container .center-content .vacancies .vac:nth-child(even){
  1390. background: #ebebeb;
  1391. }
  1392. .specs-container .center-content .vacancies .vacation{
  1393. float: left;
  1394. }
  1395. .specs-container .center-content .vacancies .vacation a{
  1396. color:#004d7b;
  1397. }
  1398. .specs-container .center-content .vacancies .value{
  1399. text-align: right;
  1400. }
  1401. @media (min-width: 768px){
  1402. .specs-container .today .today-item {
  1403. float: left;
  1404. width: 33.333332%;
  1405. }
  1406. }
  1407. /*SPECIALISTS PAGE END*/
  1408. /*NEWS*/
  1409. .left-side .add-info-news{
  1410. margin-top: 15px;
  1411. }
  1412. .right-side-bar .today{
  1413. width: 100% ;
  1414. margin-top: 25px;
  1415. display: inline-block;
  1416. }
  1417. .right-side-bar .today .today-item{
  1418. padding: 0 10px;
  1419. }
  1420. .right-side-bar .today .today-item .head{
  1421. display: block;
  1422. background: #929292;
  1423. padding: 12px 5px;
  1424. font-size: 13px;
  1425. font-family: Cuprum;
  1426. text-align: right;
  1427. height: 40px;
  1428. color: #fff;
  1429. border-radius: 10px 0 0 0;
  1430. }
  1431. .right-side-bar .today .today-item .head-blue{
  1432. background: #5597d1;
  1433. }
  1434. .right-side-bar .today .today-item .head .date{
  1435. float: left;
  1436. display: block;
  1437. }
  1438. .right-side-bar .today .today-item .head .name{
  1439. float: right;
  1440. display: block;
  1441. }
  1442. .right-side-bar .today .today-item{
  1443. margin-bottom: 15px;
  1444. }
  1445. .right-side-bar .today .block-header{
  1446. padding: 6px 10px;
  1447. font-size: 22px;
  1448. font-weight: 700;
  1449. font-family: Cuprum, sans-serif;
  1450. background: #929292;
  1451. color: #fff;
  1452. margin-bottom: 10px;
  1453. }
  1454. .right-side-bar .today .block-header img{
  1455. float: right;
  1456. margin-top: 3px;
  1457. }
  1458. .right-side-bar .today .image{
  1459. position: relative;
  1460. margin-top: 10px;
  1461. }
  1462. .right-side-bar .today .image img{
  1463. display: block;
  1464. width: 200px;
  1465. margin: 0 auto;
  1466. }
  1467. .right-side-bar .today .logo{
  1468. position: absolute;
  1469. top: 0;
  1470. font-family: Cuprum, sans-serif;
  1471. right: 15px;
  1472. width: 60px;
  1473. height: 60px;
  1474. }
  1475. .right-side-bar .today .logo img{
  1476. width: 60px;
  1477. height: 60px;
  1478. }
  1479. .right-side-bar .today .free{
  1480. position: absolute;
  1481. padding-top: 5px;
  1482. padding-left: 7px;
  1483. top: 60px;
  1484. left: -5px;
  1485. font-family: Cuprum, sans-serif;
  1486. color: #fff;
  1487. width: 200px;
  1488. height: 40px;
  1489. background: url(../images/free-bg.png) no-repeat;
  1490. }
  1491. .right-side-bar .today .desc{
  1492. margin-top:10px;
  1493. margin-bottom: 10px;
  1494. font-family: Cuprum, sans-serif;
  1495. padding-left: 5px;
  1496. font-size: 14px;
  1497. }
  1498. .right-side-bar .today .org{
  1499. cursor: pointer;
  1500. text-decoration: none;
  1501. display: block;
  1502. font-family: Cuprum, sans-serif;
  1503. font-weight: 600;
  1504. text-align: center;
  1505. border-top:1px solid #ebebeb;
  1506. padding-top: 5px;
  1507. color: #004d7b;
  1508. }
  1509. .right-side-bar .today .adress{
  1510. margin-top: 5px;
  1511. font-family: Cuprum, sans-serif;
  1512. font-size: 14px;
  1513. padding: 15px 0;
  1514. background: #ebebeb;
  1515. color: #929292;
  1516. text-align: center;
  1517. }
  1518. .contacts-container .center-content .news .block-header{
  1519. padding: 6px 10px;
  1520. font-size: 22px;
  1521. font-weight: 700;
  1522. font-family: Cuprum, sans-serif;
  1523. background: #929292;
  1524. color: #fff;
  1525. margin-bottom: 10px;
  1526. }
  1527. .contacts-container .center-content .news .block-header img{
  1528. float: right;
  1529. margin-top: 3px;
  1530. }
  1531. .contacts-container .center-content .news-item{
  1532. display: block;
  1533. color: inherit;
  1534. cursor: pointer;
  1535. text-decoration: none;
  1536. height: 320px;
  1537. padding: 0 10px;
  1538. padding-right: 0;
  1539. margin-bottom: 20px;
  1540. }
  1541. .contacts-container .center-content .news-item .inner{
  1542. height: inherit;
  1543. background: #ebebeb;
  1544. border-radius: 10px 0 0 0;
  1545. overflow: hidden;
  1546. }
  1547. .contacts-container .center-content .news{
  1548. display: inline-block;
  1549. margin-top: 25px;
  1550. padding-left: 0px;
  1551. }
  1552. .contacts-container .center-content .news .image{
  1553. font-family: Cuprum, sans-serif;
  1554. margin-bottom: 20px;
  1555. color:#fff;
  1556. height: 160px;
  1557. /* width: 205px;*/
  1558. margin: 0 auto;
  1559. position: relative;
  1560. }
  1561. .contacts-container .center-content .news .image img{
  1562. display: block;
  1563. margin: 0 auto;
  1564. }
  1565. .contacts-container .center-content .news .image .title{
  1566. font-size: 16px;
  1567. font-weight: 400;
  1568. position: absolute;
  1569. bottom: 10px;
  1570. display: block;
  1571. color: #fff;
  1572. left: 20%;
  1573. }
  1574. .contacts-container .center-content .news .desc{
  1575. font-family: Open Sans, sans-serif;
  1576. padding-left: 10px;
  1577. font-size: 14px;
  1578. line-height: 17px;
  1579. }
  1580. .contacts-container .center-content .news .data{
  1581. padding: 10px 0;
  1582. margin:10px;
  1583. margin-top:20px;
  1584. color: #929292;
  1585. text-align: right;
  1586. border-top: 1px solid #d4d4d4;
  1587. }
  1588. .center-content .pagination-container{
  1589. /*background: #ebebeb;*/
  1590. padding-left: 10px;
  1591. }
  1592. .center-content .pagination{
  1593. font-family: Open Sans, sans-serif;
  1594. font-weight: 500;
  1595. width: 100%;
  1596. height: 40px;
  1597. background: #ebebeb;
  1598. }
  1599. .center-content .pagination .number{
  1600. cursor: pointer;
  1601. padding-top: 10px;
  1602. /*margin: 0 10px;*/
  1603. }
  1604. .center-content .pagination .number:hover{
  1605. color:#e77140;
  1606. }
  1607. .center-content .pagination .active{
  1608. color: #e77140;
  1609. border-bottom:2px solid #e55e26;
  1610. }
  1611. .center-content .pagination .arrow-left{
  1612. background: url(../images/pagination-left.png) no-repeat center;
  1613. cursor: pointer;
  1614. }
  1615. .center-content .pagination .arrow-right{
  1616. background: url(../images/pagination-right.png) no-repeat center;
  1617. cursor: pointer;
  1618. }
  1619. .center-content .pagination div{
  1620. height: 40px;
  1621. float: left;
  1622. width: 7.14%;
  1623. text-align: center;
  1624. }
  1625. @media(max-width: 1200px){
  1626. .right-side-bar .today .today-item{
  1627. width: 33.33333%;
  1628. float: left;
  1629. }
  1630. .left-side .news-importants{
  1631. display: none;
  1632. }
  1633. }
  1634. @media(min-width: 992px){
  1635. .left-side .new-importants{
  1636. display: none;
  1637. }
  1638. }
  1639. @media(max-width: 768px){
  1640. .right-side-bar .today .today-item{
  1641. width: 100%;
  1642. float: left;
  1643. }
  1644. .right-side-bar .today{
  1645. display: none;
  1646. }
  1647. .center-content .pagination{
  1648. display: none;
  1649. }
  1650. .left-side .add-info {
  1651. display: block;
  1652. }
  1653. }
  1654. @media(max-width: 550px){
  1655. .center-content .news{
  1656. padding-left: 0;
  1657. }
  1658. .center-content .news .news-item{
  1659. padding-left: 0;
  1660. width: 93%;
  1661. float: none;
  1662. margin: 0 auto;
  1663. margin-bottom: 20px;
  1664. }
  1665. .center-content .news .news-item .image{
  1666. padding-left: 0;
  1667. width:100%;
  1668. margin: 0 auto;
  1669. }
  1670. .center-content .news .news-item .image img{
  1671. margin: 0 auto;
  1672. }
  1673. }
  1674. /*NEWS END*/
  1675. /*ABOUT*/
  1676. /*.center-content .about{
  1677. display: inline-block;
  1678. }*/
  1679. .center-content .about .doctor{
  1680. padding-left: 0;
  1681. }
  1682. .center-content .about .about-text .title{
  1683. font-family: Cuprum, sans-serif;
  1684. font-weight: 700;
  1685. font-size: 24px;
  1686. }
  1687. .center-content .about-main-text{
  1688. display: inline-block;
  1689. margin-top: 20px;
  1690. font-size: 16px;
  1691. }
  1692. .center-content .about-main-text .image{
  1693. text-align: center;
  1694. float: right;
  1695. margin-top: 20px;
  1696. margin-left: 20px;
  1697. margin-bottom: 20px;
  1698. }
  1699. .center-content .youtube{
  1700. width: 100%;
  1701. margin-top: 20px;
  1702. text-align: center;
  1703. }
  1704. .center-content .to-doctors-about{
  1705. padding-left: 0;
  1706. margin-bottom: 0 !important;
  1707. margin-top: 40px;
  1708. }
  1709. .center-content .to-doctors-about .personal-doctor .doctor-name span{
  1710. display: block;
  1711. float: left;
  1712. }
  1713. .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{
  1714. font-size: 14px;
  1715. float: right;
  1716. padding-right: 20px;
  1717. }
  1718. .center-content .to-doctors-about .personal-doctor{
  1719. width: 100% !important;
  1720. border-bottom: 1px solid #ebebeb;
  1721. }
  1722. .center-content .to-doctors-about .doctor-header{
  1723. height: 40px;
  1724. border-radius: 70px 0 0 30px;
  1725. }
  1726. .center-content .to-doctors-about .personal-doctor .image{
  1727. padding-top: 30px !important;
  1728. }
  1729. .center-content .equip{
  1730. margin-bottom: 40px;
  1731. }
  1732. .center-content .media{
  1733. margin-bottom: 40px;
  1734. overflow: visible;
  1735. position: relative;
  1736. padding-top: 30px;
  1737. border-top: 1px solid #ebebeb;
  1738. }
  1739. .center-content .media .swiper-button-next{
  1740. background: url(../images/media-arrow-right.png) no-repeat center;
  1741. top: 60%;
  1742. right: -25px;
  1743. }
  1744. .center-content .media .swiper-button-prev{
  1745. background: url(../images/media-arrow-left.png) no-repeat center;
  1746. top: 60%;
  1747. left: -30px;
  1748. }
  1749. .center-content .media .swiper-container {
  1750. width: inherit;
  1751. height: 140px;
  1752. margin: 20px auto;
  1753. }
  1754. .center-content .media .swiper-container iframe{
  1755. width: 100%;
  1756. height: 100%;
  1757. }
  1758. .center-content .media .swiper-slide {
  1759. width: 30% !important;
  1760. text-align: center;
  1761. font-size: 18px;
  1762. background: #fff;
  1763. /* Center slide text vertically */
  1764. display: -webkit-box;
  1765. display: -ms-flexbox;
  1766. display: -webkit-flex;
  1767. display: flex;
  1768. -webkit-box-pack: center;
  1769. -ms-flex-pack: center;
  1770. -webkit-justify-content: center;
  1771. justify-content: center;
  1772. -webkit-box-align: center;
  1773. -ms-flex-align: center;
  1774. -webkit-align-items: center;
  1775. align-items: center;
  1776. }
  1777. .center-content .media-text{
  1778. line-height: 20px;
  1779. font-size: 15px;
  1780. }
  1781. .center-content .pagination .show-all{
  1782. text-align: center;
  1783. padding-top: 10px;
  1784. font-size: 13px;
  1785. display:inline-block;
  1786. color: #fff;
  1787. background: #3b434d;
  1788. width: 20%;
  1789. height: 100%;
  1790. float: right;
  1791. }
  1792. .center-content .pagination .show-all:hover{
  1793. text-decoration: none;
  1794. background: #e65e26;
  1795. }
  1796. .center-content .pagination .show-all:focus{
  1797. text-decoration: none;
  1798. }
  1799. .center-content .documents{
  1800. font-family: Open Sans, sans-serif;
  1801. color: #3b434d;
  1802. background: #ebebeb;
  1803. }
  1804. .center-content .documents .row{
  1805. margin-right: 0;
  1806. margin-left: 0;
  1807. }
  1808. .center-content .documents .doc-item{
  1809. width: 20%;
  1810. float: left;
  1811. padding: 5px;
  1812. }
  1813. .center-content .documents .year{
  1814. width: 8%;
  1815. }
  1816. .center-content .documents .doc-name{
  1817. color: #004d7b;
  1818. width: 22%;
  1819. }
  1820. .center-content .documents .doc-data{
  1821. width: 14%;
  1822. }
  1823. .center-content .documents .doc-desc{
  1824. width: 25%;
  1825. }
  1826. .center-content .documents .doc-org{
  1827. width: 25%;
  1828. }
  1829. @media (max-width: 1200px){
  1830. .center-content .about{
  1831. margin-bottom: 20px;
  1832. }
  1833. .center-content .about .doctor{
  1834. margin-bottom: 20px;
  1835. }
  1836. .center-content .about .about-text .title{
  1837. display: block;
  1838. }
  1839. }
  1840. @media (max-width: 768px){
  1841. .center-content .documents .doc-item{
  1842. width: 100%;
  1843. float: none;
  1844. padding: 5px;
  1845. }
  1846. .center-content .documents .row{
  1847. margin: 20px 0;
  1848. }
  1849. .center-content .about-main-text .image{
  1850. display: none;
  1851. }
  1852. .center-content .about .youtube iframe{
  1853. width: 100%;
  1854. }
  1855. .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{
  1856. display: none;
  1857. }
  1858. .center-content .to-doctors-about .personal-doctor .doctor-image{
  1859. display: none;
  1860. }
  1861. .center-content .to-doctors .personal-doctor .doctor-header{
  1862. border-radius: 0 !important;
  1863. }
  1864. .center-content .to-doctors .personal-doctor .doctor-header .doctor-name{
  1865. padding-left: 15px !important;
  1866. }
  1867. }
  1868. @media (max-width: 768px){
  1869. .smi{
  1870. display: none;
  1871. }
  1872. }
  1873. /*ABOUT END*/
  1874. /*SERVICES*/
  1875. .service-text{
  1876. font-family: Open Sans, sans-serif;
  1877. }
  1878. .service-title{
  1879. font-family: Cuprum ,sans-serif;
  1880. font-weight: 600;
  1881. font-size: 26px;
  1882. margin: 30px 0;
  1883. }
  1884. .service-item{
  1885. font-family: Open Sans, sans-serif;
  1886. color :#404040;
  1887. border-top: 1px solid #ebebeb;
  1888. border-bottom: 1px solid #ebebeb;
  1889. width: 100%;
  1890. display: inline-block;
  1891. }
  1892. .service-row{
  1893. display: inline-block;
  1894. width: 100%;
  1895. padding: 4px 5px;
  1896. }
  1897. .service-row:nth-child(even){
  1898. background: #ebebeb;
  1899. }
  1900. .service-item .service-unit{
  1901. width: 11%;
  1902. float: left;
  1903. }
  1904. .service-item .service-unit:nth-child(1){
  1905. width: 9%;
  1906. }
  1907. .service-item .service-unit:nth-child(2){
  1908. width: 50%;
  1909. }
  1910. .service-item .service-unit:nth-child(3){
  1911. width:11%;
  1912. }
  1913. .service-item .service-unit:nth-child(4){
  1914. width: 9%;
  1915. text-align: center;
  1916. }
  1917. .service-item .service-unit:nth-child(5){
  1918. width: 9%;
  1919. text-align: center;
  1920. }
  1921. .service-more{
  1922. display: none;
  1923. text-align: right;
  1924. margin-top: 10px;
  1925. }
  1926. .service-more a{
  1927. font-size: 14px;
  1928. color:#929292;
  1929. }
  1930. .service-more:last-child{
  1931. margin-bottom: 60px;
  1932. }
  1933. @media(max-width: 768px){
  1934. .service-more{
  1935. display: block;
  1936. }
  1937. .service-item .service-unit{
  1938. text-align: left !important;
  1939. width: 100% !important;
  1940. float: none;
  1941. padding: 5px;
  1942. }
  1943. .service-row{
  1944. margin: 20px 0;
  1945. }
  1946. .service-item .service-unit:nth-child(1){
  1947. display: none;
  1948. }
  1949. }
  1950. /*SERVICES END*/
  1951. /*TODAY*/
  1952. .today-page{
  1953. width: 100%;
  1954. margin-top: 25px;
  1955. padding-left: 0px;
  1956. display: inline-block;
  1957. }
  1958. .today-page .today-item .head{
  1959. background: #929292;
  1960. padding: 12px 5px;
  1961. font-size: 13px;
  1962. font-family: Cuprum;
  1963. text-align: right;
  1964. height: 40px;
  1965. color: #fff;
  1966. border-radius: 10px 0 0 0;
  1967. }
  1968. .today-page .today-item .head-blue{
  1969. background: #5597d1;
  1970. }
  1971. .today-page .today-item .head .date{
  1972. float: left;
  1973. display: block;
  1974. }
  1975. .today-page .today-item .head .name{
  1976. float: right;
  1977. display: block;
  1978. }
  1979. .today-page .today-item{
  1980. padding-right: 0;
  1981. margin-bottom: 20px;
  1982. }
  1983. .today-page .image{
  1984. position: relative;
  1985. margin-top: 10px;
  1986. }
  1987. .today-page .image img{
  1988. display: block;
  1989. width: 200px;
  1990. margin: 0 auto;
  1991. }
  1992. .today-page .logo{
  1993. position: absolute;
  1994. top: 0;
  1995. font-family: Cuprum, sans-serif;
  1996. right: 15px;
  1997. width: 60px;
  1998. height: 60px;
  1999. }
  2000. .today-page .logo img{
  2001. width: 60px;
  2002. height: 60px;
  2003. }
  2004. .today-page .free{
  2005. position: absolute;
  2006. padding-top: 5px;
  2007. padding-left: 7px;
  2008. top: 60px;
  2009. left: -5px;
  2010. font-family: Cuprum, sans-serif;
  2011. color: #fff;
  2012. width: 200px;
  2013. height: 40px;
  2014. background: url(../images/free-bg.png) no-repeat;
  2015. }
  2016. .today-page .desc{
  2017. margin-top:10px;
  2018. margin-bottom: 10px;
  2019. font-family: Cuprum, sans-serif;
  2020. padding-left: 5px;
  2021. font-size: 14px;
  2022. }
  2023. .today-page .org{
  2024. font-family: Cuprum, sans-serif;
  2025. font-weight: 600;
  2026. text-align: center;
  2027. border-top:1px solid #ebebeb;
  2028. padding-top: 5px;
  2029. color: #004d7b;
  2030. }
  2031. .today-page .adress{
  2032. margin-top: 5px;
  2033. font-family: Cuprum, sans-serif;
  2034. font-size: 14px;
  2035. padding: 15px 0;
  2036. background: #ebebeb;
  2037. color: #929292;
  2038. text-align: center;
  2039. }
  2040. .pagination-mobile{
  2041. display: none;
  2042. }
  2043. @media (max-width: 768px){
  2044. .center-content .pagination-mobile{
  2045. display: block;
  2046. }
  2047. .center-content .pagination-mobile .pagination div{
  2048. width: 16.66666%;
  2049. }
  2050. }
  2051. /*TODAY END*/
  2052. /*PATIENT*/
  2053. .min-title{
  2054. margin-bottom: 20px;
  2055. font-family: Cuprum, sans-serif;
  2056. font-size: 20px;
  2057. font-weight: 700;
  2058. }
  2059. .patients-text{
  2060. font-family: Open Sans, sans-serif;
  2061. line-height: 22px;
  2062. margin-bottom: 20px;
  2063. }
  2064. /*PATIENT END*/
  2065. /*VACANCIES*/
  2066. .vacancy .vacancy-header{
  2067. font-family: Cuprum;
  2068. display: inline-block;
  2069. padding: 5px 12px;
  2070. margin-bottom: 10px;
  2071. background: #d7d7d7;
  2072. width: 100%;
  2073. }
  2074. .vacancy-wrap {
  2075. display: inline-block;
  2076. margin-bottom: 15px;
  2077. }
  2078. .vacancy .vacancy-header .name{
  2079. display: inline-block;
  2080. font-family: Cuprum;
  2081. font-weight: bold;
  2082. width: 60%;
  2083. float: left;
  2084. font-size: 18px;
  2085. }
  2086. .vacancy .vacancy-header .date{
  2087. padding-top: 5px;
  2088. height: 20px;
  2089. width: 40%;
  2090. font-size: 13px;
  2091. color: #929292;
  2092. text-align: right;
  2093. float: left;
  2094. }
  2095. .vacancy .vacancy-data{
  2096. margin-bottom: 15px;
  2097. padding-left: 0;
  2098. }
  2099. .vacancy-data .org .text{
  2100. font-size: 14px;
  2101. font-family: Cuprum;
  2102. color: #929292;
  2103. }
  2104. .vacancy-data .org .org-name{
  2105. font-size: 18px;
  2106. font-family: Cuprum;
  2107. font-weight: 400;
  2108. color: #004d7b;
  2109. margin-bottom: 15px;
  2110. }
  2111. .vacancy .vacancy-table{
  2112. display: inline-block;
  2113. border-top:1px solid #ebebeb;
  2114. border-bottom:1px solid #ebebeb;
  2115. }
  2116. .vacancy .vacancy-table .vacancy-row{
  2117. width: 100%;
  2118. display:inline-block;
  2119. padding: 5px 10px;
  2120. }
  2121. .vacancy .vacancy-table .vacancy-row:nth-child(even){
  2122. background: #ebebeb;
  2123. }
  2124. .vacancy .vacancy-table .vacancy-row .name{
  2125. width: 70%;
  2126. float: left;
  2127. }
  2128. .vacancy .vacancy-table .vacancy-row .data{
  2129. width: 30%;
  2130. float: left;
  2131. text-align: left;
  2132. }
  2133. .vacancy .contact{
  2134. font-family: Cuprum;
  2135. color:#929292;
  2136. font-size: 14px;
  2137. }
  2138. .vacancy .contacts .otd a{
  2139. font-size: 17px;
  2140. color: #115984;
  2141. }
  2142. .vacancy .value{
  2143. font-size: 16px;
  2144. margin-bottom: 5px;
  2145. }
  2146. .vacancy .vacancy-contacts{
  2147. padding-left: 0;
  2148. }
  2149. .vacancy .contacts .value{
  2150. color: #004d7b;
  2151. font-size: 16px;
  2152. font-family: Cuprum;
  2153. }
  2154. @media(max-width: 420px){
  2155. .vacancy .vacancy-data .vacancy-table .vacancy-row div{
  2156. width: 100%;
  2157. float: none;
  2158. }
  2159. }
  2160. .mini-title-2{
  2161. font-family: Cuprum;
  2162. font-weight: 600;
  2163. font-size: 18px;
  2164. margin-bottom: 10px;
  2165. }
  2166. .vacancy-text{
  2167. font-family: Open Sans;
  2168. margin-bottom: 40px;
  2169. }
  2170. /*VACANCIES END*/
  2171. /*UNITS*/
  2172. .content-left .unit-clinics{
  2173. margin-top: 0;
  2174. }
  2175. .soc .contact {
  2176. font-family: Cuprum;
  2177. color: #929292;
  2178. font-size: 14px;
  2179. }
  2180. .soc .value {
  2181. font-family: Cuprum;
  2182. font-size: 16px;
  2183. margin-bottom: 5px;
  2184. }
  2185. .under-title .soc{
  2186. position: static;
  2187. display: inline-block;
  2188. text-align: center;
  2189. padding: 0 10px;
  2190. margin-top: 0;
  2191. margin-bottom: 20px;
  2192. }
  2193. .content .more{
  2194. margin-bottom: 10px;
  2195. }
  2196. .container .content .unit-clinics{
  2197. display: block;
  2198. }
  2199. .container .importants-unit{
  2200. display: block;
  2201. }
  2202. @media(max-width: 700px){
  2203. .content .unit-clinics .clinic {
  2204. padding-left: 15px;
  2205. }
  2206. .content .unit-clinics .clinic .title{
  2207. margin-bottom: 10px;
  2208. }
  2209. .content .unit-clinics .clinic .subtitle{
  2210. padding-left: 0;
  2211. }
  2212. .content .unit-clinics .clinic .clinic-image{
  2213. display: none;
  2214. }
  2215. }
  2216. @media(max-width: 400px){
  2217. .container .importants-unit .important .description{
  2218. font-size: 14px;
  2219. }
  2220. .container .importants-unit .important:nth-child(5) .description{
  2221. padding-top: 15px !important;
  2222. }
  2223. .container .importants-unit .important:nth-child(3) .description{
  2224. padding-top: 15px !important;
  2225. }
  2226. .container .importants-unit .important:nth-child(2) .description{
  2227. padding-left: 55px !important;
  2228. }
  2229. }
  2230. /*UNITS END*/
  2231. /*CONTROLS-ORG-PAGE*/
  2232. .control-org{
  2233. width: 100%;
  2234. margin-bottom: 40px;
  2235. display: inline-block;
  2236. border: 1px solid #ebebeb;
  2237. }
  2238. .control-org .col-md-4{
  2239. height: 100%;
  2240. padding-right: 0;
  2241. }
  2242. .control-org .col-md-4:last-child{
  2243. padding-right: 15px;
  2244. }
  2245. .control-org .col-md-4:last-child .subtext{
  2246. text-align: center;
  2247. }
  2248. .control-org .control-org-header{
  2249. display: block;
  2250. width: 100%;
  2251. color: #000;
  2252. margin-bottom: 10px;
  2253. text-decoration: none;
  2254. cursor: pointer;
  2255. font-size: 18px;
  2256. font-weight: 600;
  2257. padding: 5px 10px;
  2258. font-family: Cuprum;
  2259. background: #ebebeb;
  2260. }
  2261. .control-org .control-org-header:hover{
  2262. background: #004d7b;
  2263. color: #fff;
  2264. }
  2265. .control-org .image{
  2266. margin-bottom: 10px;
  2267. }
  2268. .control-org .value{
  2269. font-family: Cuprum, sans-serif;
  2270. margin-bottom: 5px;
  2271. font-size: 15px;
  2272. }
  2273. .control-org .work-time .mini-title{
  2274. font-size: 14px;
  2275. font-family: Cuprum;
  2276. color: #929292;
  2277. }
  2278. .control-org .work-time .text{
  2279. margin-top: 2px;
  2280. font-size: 18px ;
  2281. font-family: Cuprum;
  2282. font-weight: bold;
  2283. }
  2284. .control-org .subtext{
  2285. font-size: 14px;
  2286. font-family: Cuprum;
  2287. color: #929292;
  2288. line-height: 16px;
  2289. }
  2290. .control-org .howtoget_button{
  2291. font-family: Cuprum, sans-serif;
  2292. font-size: 16px;
  2293. display: block;
  2294. cursor: pointer;
  2295. padding: 10px 0;
  2296. text-align: center;
  2297. text-decoration: underline;
  2298. color:#929292;
  2299. background: #ebebeb;
  2300. margin: 10px 0;
  2301. }
  2302. .control-org .phone{
  2303. font-family: Cuprum, sans-serif;
  2304. font-weight: 600;
  2305. font-size: 22px;
  2306. padding: 7px 0;
  2307. color: #004d7b;
  2308. text-align:center;
  2309. }
  2310. @media(max-width: 991px){
  2311. .control-org .image{
  2312. text-align: center;
  2313. }
  2314. }
  2315. /*CONTROLS-ORG-PAGE END*/
  2316. /*FAQ*/
  2317. .qa{
  2318. padding:10px 10px;
  2319. width: 100%;
  2320. margin-bottom: 20px;
  2321. font-family: Cuprum, sans-serif;
  2322. }
  2323. .qa .name{
  2324. font-size: 16px;
  2325. font-weight: 600;
  2326. width: 50%;
  2327. float: left;
  2328. }
  2329. .qa .date{
  2330. font-size: 16px;
  2331. text-align: right;
  2332. width: 50%;
  2333. color:#929292;
  2334. float: left;
  2335. }
  2336. .qa .text{
  2337. margin-top: 25px;
  2338. font-family: Open Sans;
  2339. }
  2340. .question{
  2341. background: #d7d7d7;
  2342. }
  2343. .answer {
  2344. margin-left: 2%;
  2345. width: 98%;
  2346. border: 2px solid #d7d7d7;
  2347. padding-top: 10px;
  2348. position: relative;
  2349. z-index: 0;
  2350. background: #fff;
  2351. color: #000;
  2352. }
  2353. .answer::after, .answer::before {
  2354. content: '';
  2355. position: absolute;
  2356. background: #fff;
  2357. border-bottom: 2px solid #d7d7d7;
  2358. border-left: 2px solid #d7d7d7;
  2359. left: 20px;
  2360. top: -12px;
  2361. width: 20px;
  2362. height: 20px;
  2363. z-index: -1;
  2364. transform: rotate(45deg);
  2365. -webkit-transform: rotate(135deg);
  2366. }
  2367. .answer::before {
  2368. z-index: 1;
  2369. }
  2370. /*FAQ END*/