[css] сыыыыыыы

Viewer

copydownloadembedprintName: сыыыыыыы
  1. .font-size,.noselect{
  2.         -webkit-touch-callout:none;
  3.         -khtml-user-select:none
  4. }
  5. .checkbox-container,.font-size,.noselect{
  6.         -webkit-user-select:none;
  7.         -moz-user-select:none;
  8.         -ms-user-select:none
  9. }
  10. .h1,body,h1{
  11.         text-rendering:optimizeLegibility
  12. }
  13. .h1,h1,h2{
  14.         font-weight:700
  15. }
  16. .btn,.btn:visited,.email-confirm-page__button:focus,:focus,a:active,a:focus,button,input,textarea{
  17.         outline:0
  18. }
  19. a[name],td{
  20.         vertical-align:top
  21. }
  22. .ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{
  23.         display:none!important
  24. }
  25. .noselect{
  26.         user-select:none
  27. }
  28. body,img,table,tbody,td,thead,tr{
  29.         margin:0;
  30.         padding:0;
  31.         border:0
  32. }
  33. table,tbody,td,thead,tr{
  34.         border-spacing:0;
  35.         border-collapse:collapse
  36. }
  37. img{
  38.         display:block
  39. }
  40. .h1,h1{
  41.         font-style:normal;
  42.         font-size:35px;
  43.         line-height:40px;
  44.         margin:0 0 20px
  45. }
  46. h3,p{
  47.         margin:0;
  48.         padding:0
  49. }
  50. h2{
  51.         font-size:26px;
  52.         line-height:28px;
  53.         margin:10px 0
  54. }
  55. h3{
  56.         font-size:16px;
  57.         line-height:20px;
  58.         font-weight:400
  59. }
  60. a{
  61.         text-decoration:none
  62. }
  63. a[name]{
  64.         display:inline-block;
  65.         height:1px
  66. }
  67. .important,b,strong{
  68.         font-style:normal;
  69.         font-weight:inherit
  70. }
  71. .important .time{
  72.         color:#e93c4f
  73. }
  74. .block-title>span,.sh,.sm,.sp,.title{
  75.         color:#8c8c8c
  76. }
  77. i{
  78.         font-family:museo_sans_cyrl300_italic,skolar,serif;
  79.         font-style:italic;
  80.         font-weight:inherit
  81. }
  82. .question{
  83.         font-weight:700;
  84.         font-size:16.5px!important
  85. }
  86. .sm{
  87.         font-size:10px;
  88.         line-height:12px
  89. }
  90. .block-title{
  91.         margin:0 0 10px;
  92.         line-height:10px;
  93.         letter-spacing:1px;
  94.         background:url(https://s.ura.news/img/block-title-bg.png) left center repeat-x
  95. }
  96. .block-title>span{
  97.         padding-right:10px;
  98.         background-color:#fff
  99. }
  100. .block-title>span,.title{
  101.         text-transform:uppercase;
  102.         font-size:9px;
  103.         line-height:9px;
  104.         letter-spacing:1px
  105. }
  106. .title{
  107.         margin-bottom:5px
  108. }
  109. .float-left{
  110.         float:left
  111. }
  112. .float-right{
  113.         float:right
  114. }
  115. .sp{
  116.         font-size:12px
  117. }
  118. .sh{
  119.         font-size:12px!important;
  120.         font-weight:400;
  121.         display:inline;
  122.         margin:0 .1em 0 0;
  123.         padding:0;
  124.         font-family:museo_sans_cyrl300,Source-sans-pro,Arial,sans-serif;
  125.         line-height:130%!important
  126. }
  127. .bg-cover{
  128.         background-repeat:no-repeat;
  129.         background-position:center;
  130.         background-size:cover
  131. }
  132. .icon{
  133.         padding-left:19px;
  134.         height:10px
  135. }
  136. .icon-gplus{
  137.         background-image:url(https://s.ura.news/img/icon-gplus-32.png)
  138. }
  139. .eula{
  140.         color:#000;
  141.         background-color:#f5f5f5;
  142.         position:fixed;
  143.         width:100%;
  144.         height:100%;
  145.         top:0;
  146.         left:0;
  147.         z-index:5000;
  148.         padding:20px;
  149.         box-sizing:border-box
  150. }
  151. .cl-main,.eula_close,.incut-story,.it-img,.item-img-block,.right-story li,.right-story li>a,.zoom{
  152.         position:relative
  153. }
  154. .eula_close{
  155.         width:26px;
  156.         height:26px;
  157.         background:url(https://s.ura.news/img/eula-close.png) center no-repeat;
  158.         float:right;
  159.         top:0;
  160.         cursor:pointer
  161. }
  162. .red{
  163.         color:#e93c4f
  164. }
  165. input.search{
  166.         width:226px;
  167.         height:20px;
  168.         border-radius:20px;
  169.         padding-left:10px;
  170.         padding-right:10px;
  171.         font-size:12px;
  172.         line-height:12px;
  173.         vertical-align:middle;
  174.         background-color:#fff;
  175.         color:#0039a6
  176. }
  177. .cl-right .search{
  178.         display:inline-block;
  179.         width:148px;
  180.         height:13px;
  181.         margin:0;
  182.         vertical-align:top
  183. }
  184. #center,.item-minimized-announce{
  185.         margin-bottom:40px
  186. }
  187. .content{
  188.         width:100%;
  189.         height:100%;
  190.         bottom:100px;
  191.         table-layout:fixed
  192. }
  193. .cl-left{
  194.         width:300px;
  195.         min-width:300px;
  196.         max-width:300px
  197. }
  198. .cl-main{
  199.         z-index:204;
  200.         width:100%
  201. }
  202. .cl-center{
  203.         width:100%;
  204.         background-color:#fff;
  205.         min-width:inherit
  206. }
  207. .cl-right{
  208.         width:240px;
  209.         min-width:240px;
  210.         max-width:240px;
  211.         padding-left:20px;
  212.         padding-right:20px
  213. }
  214. #center{
  215.         width:100%
  216. }
  217. .main{
  218.         width:580px;
  219.         margin:0 auto;
  220.         padding:0
  221. }
  222. .m-resize{
  223.         width:600px;
  224.         max-width:600px;
  225.         margin:0 auto
  226. }
  227. .item-img-lg{
  228.         margin-bottom:15px!important
  229. }
  230. .it-img{
  231.         clear:both
  232. }
  233. .it-img.it-incut{
  234.         clear:left
  235. }
  236. .it-img,.item-img-block{
  237.         margin-bottom:10px
  238. }
  239. .l-resize{
  240.         margin:0 auto;
  241.         width:580px;
  242.         max-width:580px
  243. }
  244. .it-img-description,.item-announce-pic-title,.item-img-description{
  245.         font-size:15px;
  246.         font-weight:500;
  247.         line-height:18px;
  248.         margin-top:8px;
  249.         display:block;
  250.         max-width:760px;
  251.         font-family:"Helvetica Neue",Arial,sans-serif
  252. }
  253. .item-links a,.item-minimized-text{
  254.         font-family:skolar,serif
  255. }
  256. .it-img-author,.item-announce-pic-photo,.item-img-author{
  257.         color:#aaa;
  258.         font-size:12px;
  259.         line-height:12px;
  260.         display:block;
  261.         font-weight:400
  262. }
  263. .it-img-author,.item-img-author{
  264.         margin-top:5px
  265. }
  266. .item-minimized-img{
  267.         width:220px;
  268.         height:131px;
  269.         float:left
  270. }
  271. .item-minimized-text{
  272.         margin-left:240px;
  273.         font-size:16px;
  274.         line-height:20px;
  275.         font-style:italic
  276. }
  277. .item-info span,label{
  278.         line-height:13px
  279. }
  280. h1.item-title{
  281.         font-family:skolar_pesemibold,skolar,serif;
  282.         font-style:normal;
  283.         font-weight:600
  284. }
  285. .item-info{
  286.         margin-bottom:5px
  287. }
  288. .item-info span{
  289.         padding-right:20px;
  290.         font-size:12px
  291. }
  292. .item-info,.item-info a{
  293.         color:#c3c3c3
  294. }
  295. .item-text:last-child{
  296.         margin-bottom:40px
  297. }
  298. .item-text p{
  299.         font-family:Helvetica Neue,Arial,sans-serif;
  300.         font-size:17px;
  301.         line-height:26px;
  302.         margin:0 0 28px
  303. }
  304. .item-text a{
  305.         color:#1964E7;
  306.         border-bottom:1px solid rgba(25,100,231,.4)
  307. }
  308. .item-text a:active,.item-text a:hover{
  309.         color:rgba(25,100,231,.8);
  310.         border-bottom:1px solid rgba(25,100,231,.4)
  311. }
  312. .item-text a:visited{
  313.         color:#8235c5;
  314.         border-bottom:1px solid #8235c5
  315. }
  316. .item-text .important,.item-text .question,.item-text b,.item-text strong{
  317.         font-weight:700;
  318.         font-size:inherit
  319. }
  320. .item-text em,.item-text i{
  321.         font-style:italic;
  322.         font-size:inherit
  323. }
  324. .item-text img{
  325.         width:100%;
  326.         max-width:760px;
  327.         height:auto;
  328.         clear:both
  329. }
  330. .incut-story .overlay,.incut-story-img,.incut-story-inner{
  331.         height:100px;
  332.         width:250px
  333. }
  334. .item-text table:first-of-type{
  335.         display:none
  336. }
  337. .item-authors{
  338.         width:30%;
  339.         font-size:14px;
  340.         line-height:14px
  341. }
  342. .item-authors-padding{
  343.         padding-left:15px
  344. }
  345. .item-subtitle{
  346.         width:70%;
  347.         padding-right:15px;
  348.         border-right:1px solid #0039a6
  349. }
  350. .item-subtitle h3{
  351.         font-size:18px;
  352.         font-style:italic;
  353.         font-family:skolar_pe,skolar,serif;
  354.         font-weight:400;
  355.         line-height:normal
  356. }
  357. .item-links{
  358.         border:1px solid rgba(0,57,166,.4);
  359.         border-left:0;
  360.         border-right:0;
  361.         padding:10px 0;
  362.         margin:20px auto
  363. }
  364. .item h1,.item-links-header{
  365.         margin-bottom:20px
  366. }
  367. .item-links-header{
  368.         color:#9b9b9b;
  369.         font-size:13px;
  370.         line-height:16px
  371. }
  372. .item-links li,.item-links ul{
  373.         margin:0;
  374.         padding:0
  375. }
  376. .item-links li{
  377.         list-style:none;
  378.         padding-bottom:20px
  379. }
  380. .item-links a{
  381.         color:#000;
  382.         text-decoration:none;
  383.         font-size:16px;
  384.         line-height:21px;
  385.         font-style:italic;
  386.         background:-moz-linear-gradient(left,#9b9b9b,#9b9b9b 50%,transparent 50%);
  387.         background:-ms-linear-gradient(left,#9b9b9b,#9b9b9b 50%,transparent 50%);
  388.         background:-o-linear-gradient(left,#9b9b9b,#9b9b9b 50%,transparent 50%);
  389.         background:-webkit-gradient(linear,0 0,100% 0,from(#9b9b9b),color-stop(.5,#9b9b9b),color-stop(.5,transparent));
  390.         background:-webkit-linear-gradient(left,#9b9b9b,#9b9b9b 50%,transparent 50%);
  391.         background:linear-gradient(left,#9b9b9b,#9b9b9b 50%,transparent 50%);
  392.         background-size:2px 1px;
  393.         background-position:0 85%;
  394.         background-repeat:repeat-x
  395. }
  396. .img-desc strong,i.img-desc{
  397.         font-size:14px;
  398.         line-height:18px
  399. }
  400. .item-links a:hover{
  401.         color:#0039a6;
  402.         background-image:-moz-linear-gradient(left,#0039a6,#0039a6 50%,transparent 50%);
  403.         background-image:-ms-linear-gradient(left,#0039a6,#0039a6 50%,transparent 50%);
  404.         background-image:-o-linear-gradient(left,#0039a6,#0039a6 50%,transparent 50%);
  405.         background-image:-webkit-gradient(linear,0 0,100% 0,from(#0039a6),color-stop(.5,#0039a6),color-stop(.5,transparent));
  406.         background-image:-webkit-linear-gradient(left,#0039a6,#0039a6 50%,transparent 50%);
  407.         background-image:linear-gradient(left,#0039a6,#0039a6 50%,transparent 50%)
  408. }
  409. .item-descr{
  410.         margin-bottom:10px;
  411.         width:100%
  412. }
  413. i.img-desc{
  414.         display:block;
  415.         font-style:normal;
  416.         margin-top:10px;
  417.         font-weight:700
  418. }
  419. .img-desc strong{
  420.         font-weight:400;
  421.         font-style:normal
  422. }
  423. .archive-item-title-important,.footer .adult_only,.online_time{
  424.         font-weight:700
  425. }
  426. .incut-story{
  427.         text-align:center;
  428.         width:250px
  429. }
  430. .incut-story-img{
  431.         background-position:center;
  432.         background-repeat:no-repeat;
  433.         background-size:cover
  434. }
  435. .incut-story:hover .incut-story-img{
  436.         -webkit-transform:scale(1.15);
  437.         -moz-transform:scale(1.15);
  438.         -ms-transform:scale(1.15);
  439.         transform:scale(1.15)
  440. }
  441. .incut-story .overlay{
  442.         top:0
  443. }
  444. .incut-story-inner{
  445.         top:0;
  446.         position:absolute
  447. }
  448. .incut-story-inner .title{
  449.         margin-top:5px;
  450.         height:9px
  451. }
  452. .incut-story-title{
  453.         font-family:institutregular,sans-serif;
  454.         font-size:13px;
  455.         line-height:16px;
  456.         color:#fff;
  457.         padding:0 10px
  458. }
  459. .incut-story-title table{
  460.         height:81px;
  461.         width:100%;
  462.         display:table!important
  463. }
  464. .incut-story-title td{
  465.         height:81px;
  466.         vertical-align:middle
  467. }
  468. .archive-item td,.btn-group,.btn-s,.com-title,.comments-count,.time2{
  469.         vertical-align:top
  470. }
  471. .incut-story-bottom{
  472.         background-color:#0039a6;
  473.         color:#fff;
  474.         text-decoration:none;
  475.         line-height:21px;
  476.         font-size:9px;
  477.         text-transform:uppercase;
  478.         display:block
  479. }
  480. .incut-link a,.incut-link a:visited,.it-incut-link a,.it-incut-link a:visited{
  481.         color:#000;
  482.         border:none
  483. }
  484. .it-incut,.item-text-incut{
  485.         width:250px;
  486.         float:left;
  487.         margin:5px 25px 10px 0;
  488.         clear:left
  489. }
  490. .it-incut img,.item-text-incut img{
  491.         width:250px!important
  492. }
  493. .it-incut+.it-incut,.item-text-incut+.item-text-incut{
  494.         clear:both
  495. }
  496. .incut-box,.it-incut-link{
  497.         border:1px solid #fd0;
  498.         padding:20px
  499. }
  500. .incut-link a:active,.incut-link a:hover,.it-incut-link a:active,.it-incut-link a:hover{
  501.         border:none;
  502.         color:#0039a6
  503. }
  504. .incut-link img,.it-incut-link img{
  505.         width:208px!important;
  506.         margin-bottom:10px
  507. }
  508. .incut-link h3,.it-incut-link-title{
  509.         font-family:skolar,serif;
  510.         font-size:20px;
  511.         line-height:20px;
  512.         margin-bottom:10px
  513. }
  514. .right-story li>a,.story-block-title{
  515.         font-family:institutregular,sans-serif
  516. }
  517. .incut-link p,.it-incut-link-text{
  518.         font-size:14px;
  519.         line-height:16px
  520. }
  521. .top-share .social-likes{
  522.         margin-top:10px;
  523.         margin-bottom:20px;
  524.         max-width:460px
  525. }
  526. .it-img.it-incut,.item-text-incut,.zoom-out img{
  527.         max-width:760px
  528. }
  529. .it-img.it-incut.zoom-out img,.item-text-incut.zoom-out img{
  530.         cursor:pointer
  531. }
  532. .story:before,.zoom-btn{
  533.         position:absolute;
  534.         display:block;
  535.         content:''
  536. }
  537. .zoom-btn{
  538.         cursor:pointer;
  539.         width:35px;
  540.         height:35px;
  541.         top:5px;
  542.         right:5px;
  543.         background:url(https://s.ura.news/img/zoom-in.png) center no-repeat
  544. }
  545. .zoom-in:hover{
  546.         cursor:pointer
  547. }
  548. .zoom-in:hover .zoom-btn{
  549.         background-image:url(https://s.ura.news/img/zoom-in-hover.png)
  550. }
  551. .zoom-out{
  552.         float:none;
  553.         width:100%
  554. }
  555. .zoom-out img{
  556.         width:100%!important
  557. }
  558. .zoom-btn.zoom-btn-out{
  559.         background:url(https://s.ura.news/img/zoom-out.png) center no-repeat
  560. }
  561. .zoom-btn.zoom-btn-out:hover{
  562.         background-image:url(https://s.ura.news/img/zoom-out-hover.png)
  563. }
  564. .story{
  565.         height:300px;
  566.         overflow:hidden;
  567.         color:#fff;
  568.         padding:30px 20px 30px 40px;
  569.         max-width:1240px
  570. }
  571. .story:before{
  572.         width:100%;
  573.         height:360px;
  574.         top:0;
  575.         left:0;
  576.         background-color:rgba(0,0,0,.3);
  577.         max-width:1300px
  578. }
  579. .story-block{
  580.         border:1px solid rgba(222,222,222,.36);
  581.         background-color:#f5f5f5;
  582.         padding:0 20px 40px;
  583.         margin:0 auto 40px
  584. }
  585. .story-block-header{
  586.         text-align:center;
  587.         margin:10px 10px 20px
  588. }
  589. .story-block-title{
  590.         width:100%;
  591.         text-align:center;
  592.         font-size:17px
  593. }
  594. #popup_header,.archive-item-title.article{
  595.         font-family:skolar,serif
  596. }
  597. .story-block-prev{
  598.         border-right:1px dotted #0039a6;
  599.         padding-right:20px
  600. }
  601. .story-block-next{
  602.         padding-left:20px
  603. }
  604. .story-block-next,.story-block-prev{
  605.         width:50%;
  606.         text-align:center
  607. }
  608. .story-block-next>a,.story-block-prev>a{
  609.         display:block;
  610.         text-decoration:none;
  611.         color:#000;
  612.         min-height:90px
  613. }
  614. .story-block-prev>div{
  615.         margin-left:46px
  616. }
  617. .story-block-prev>a{
  618.         padding-left:46px;
  619.         background:url(https://s.ura.news/img/story-arrow-left.png) left center no-repeat
  620. }
  621. .story-block-next>div{
  622.         margin-right:46px
  623. }
  624. .story-block-next>a{
  625.         padding-right:46px;
  626.         background:url(https://s.ura.news/img/story-arrow-right.png) right center no-repeat
  627. }
  628. .col{
  629.         top:100px;
  630.         width:auto;
  631.         height:100%
  632. }
  633. .scroll,.subs-author>span{
  634.         top:0;
  635.         position:absolute
  636. }
  637. .fixed{
  638.         position:fixed
  639. }
  640. .scroll{
  641.         width:100%;
  642.         overflow-y:scroll;
  643.         bottom:100px
  644. }
  645. .list-scroll{
  646.         overflow-x:hidden
  647. }
  648. .list-scroll-date{
  649.         background:url(https://s.ura.news/img/block-title-bg.png) left center repeat-x
  650. }
  651. .list-news>.list-scroll-container:first-child>.list-scroll-date,.list-scroll:first-child>.list-scroll-container:first-child>.list-scroll-date,.list-scroll:nth-child(2)>.list-scroll-container:nth-child(2)>.list-scroll-date{
  652.         display:none
  653. }
  654. .list-scroll-container>ul{
  655.         margin:0;
  656.         padding:0;
  657.         list-style:none
  658. }
  659. .list-scroll-item{
  660.         content-visibility:auto;
  661.         contain-intrinsic-size:auto 100px
  662. }
  663. .list-scroll-item .time{
  664.         font-size:11px;
  665.         padding-right:5px
  666. }
  667. .list-scroll-item.active{
  668.         border-color:#0039a6;
  669.         background-color:#fff
  670. }
  671. .old-news,.old-news a{
  672.         background:#0039a6;
  673.         color:#fff
  674. }
  675. .old-announce-pic{
  676.         width:250px;
  677.         margin-bottom:10px
  678. }
  679. .old-announce-pic img{
  680.         margin-bottom:5px
  681. }
  682. .archive-table{
  683.         width:100%;
  684.         margin:0 40px 80px 0
  685. }
  686. .archive-table .time,.region-list{
  687.         color:#0039a6;
  688.         font-size:10px;
  689.         line-height:14px
  690. }
  691. .region-list a:hover{
  692.         color:#e93c4f
  693. }
  694. .archive-item td{
  695.         padding-top:15px;
  696.         padding-bottom:20px;
  697.         border-bottom:1px solid #bcbcbc
  698. }
  699. .archive-item td:first-child{
  700.         width:120px;
  701.         min-width:120px;
  702.         padding-top:20px;
  703.         padding-right:20px
  704. }
  705. .archive-item-title a{
  706.         color:#000;
  707.         text-decoration:none;
  708.         font-size:16px;
  709.         line-height:20px
  710. }
  711. .archive-item-title a:hover,.login,.subs{
  712.         color:#0039a6
  713. }
  714. .archive-item-img{
  715.         display:block;
  716.         float:left;
  717.         width:80px;
  718.         height:80px;
  719.         margin-right:20px;
  720.         margin-bottom:20px;
  721.         margin-top:5px
  722. }
  723. .login{
  724.         min-width:100px;
  725.         width:100px;
  726.         height:100px;
  727.         background:url(https://s.ura.news/img/menu-shadow-vertical.gif) repeat-y #f5f5f5;
  728.         font-family:Institut,sans-serif;
  729.         font-size:15pt;
  730.         line-height:15pt;
  731.         vertical-align:middle;
  732.         text-align:center
  733. }
  734. .subs{
  735.         height:29px;
  736.         line-height:29px;
  737.         margin:0;
  738.         padding:0 0 0 35px;
  739.         cursor:pointer;
  740.         background:url(https://s.ura.news/img/subs-plus.png) left center no-repeat
  741. }
  742. .notifications li,.notifications ul{
  743.         margin:0;
  744.         padding:0
  745. }
  746. .subs>span{
  747.         font-size:10px;
  748.         display:inline-block;
  749.         line-height:12px
  750. }
  751. .subs-author>span{
  752.         white-space:nowrap
  753. }
  754. .subs:hover{
  755.         background-image:url(https://s.ura.news/img/subs-plus-hover.png)
  756. }
  757. .notifications li{
  758.         list-style:none;
  759.         cursor:pointer;
  760.         opacity:.5
  761. }
  762. .notifications li:hover{
  763.         opacity:1
  764. }
  765. .comment-success-container .comment-info,.comment-success-container .comment-text,.overlay{
  766.         opacity:.5
  767. }
  768. .login-panel-container{
  769.         position:absolute;
  770.         z-index:206
  771. }
  772. .login-panel-container-line{
  773.         width:1px
  774. }
  775. .digest{
  776.         background:url(https://s.ura.news/img/digest.png) left center no-repeat;
  777.         padding-left:26px;
  778.         margin-left:10px;
  779.         cursor:pointer;
  780.         text-align:left
  781. }
  782. .digest:hover{
  783.         background-image:url(https://s.ura.news/img/digest-hover.png)
  784. }
  785. input,textarea{
  786.         display:block
  787. }
  788. input[type=email],input[type=password],input[type=text],textarea{
  789.         color:#000;
  790.         background-color:#fff;
  791.         border:1px solid #0039a6;
  792.         font-size:11px;
  793.         letter-spacing:1px
  794. }
  795. button,input[type=email],input[type=password],input[type=text],textarea{
  796.         font-family:museo_sans_cyrl300,Source-sans-pro,sans-serif
  797. }
  798. input[type=email],input[type=password],input[type=text]{
  799.         margin:3px 0 20px;
  800.         padding:5px 10px;
  801.         height:26px
  802. }
  803. .btn,.btn:visited{
  804.         cursor:pointer;
  805.         color:#0039a6;
  806.         background-color:#fff;
  807.         border:none;
  808.         text-align:center;
  809.         text-decoration:none;
  810.         padding:0 20px;
  811.         overflow:hidden;
  812.         white-space:nowrap;
  813.         height:23px;
  814.         line-height:23px;
  815.         top:1px
  816. }
  817. .btn.active,.btn.btn-blue,.btn:hover{
  818.         background-color:#0039a6
  819. }
  820. .btn-l,.btn-radius{
  821.         border:1px solid #0039a6
  822. }
  823. a.btn,button.btn{
  824.         box-sizing:border-box
  825. }
  826. .btn-radius{
  827.         border-radius:12px;
  828.         font-size:12px
  829. }
  830. .btn.btn-blue{
  831.         color:#fff;
  832.         border:1px solid #fff
  833. }
  834. .btn.btn-blue.active,.btn.btn-blue:hover{
  835.         color:#0039a6;
  836.         background-color:#fff;
  837.         border-color:#0039a6
  838. }
  839. .btn-link,.btn-link:hover{
  840.         border:none;
  841.         margin:1px;
  842.         color:#0039a6;
  843.         background-color:transparent;
  844.         text-decoration:underline
  845. }
  846. .btn.btn-lg{
  847.         font-size:14px;
  848.         line-height:45px;
  849.         height:45px;
  850.         border-radius:20px;
  851.         display:inline-block;
  852.         padding-left:25px;
  853.         padding-right:25px
  854. }
  855. .uppercase{
  856.         text-transform:uppercase
  857. }
  858. .inline,input.inline textarea.inline{
  859.         display:inline
  860. }
  861. input[type=password].error,input[type=text].error{
  862.         border-color:#ff4100;
  863.         text-transform:none
  864. }
  865. .right-main-news>.block-title{
  866.         background:url(https://s.ura.news/img/block-title-bg-main.gif) left center repeat-x;
  867.         margin:0 0 20px!important
  868. }
  869. .right-main-news>.block-title>span{
  870.         color:#e93c4f
  871. }
  872. .right-main-news ul{
  873.         padding:0;
  874.         margin:0
  875. }
  876. li.right-main-news-item{
  877.         font-size:13px;
  878.         line-height:20px;
  879.         list-style:none;
  880.         margin:0;
  881.         padding:0
  882. }
  883. li.right-main-news-item a{
  884.         display:block;
  885.         color:#000;
  886.         text-decoration:none;
  887.         padding-bottom:20px
  888. }
  889. li.right-main-news-item p{
  890.         padding-left:20px;
  891.         margin:0;
  892.         border-left:1px solid #fff
  893. }
  894. li.right-main-news-item .right-main-news-img{
  895.         display:none;
  896.         margin-bottom:10px;
  897.         width:240px;
  898.         height:120px
  899. }
  900. .right-story .overlay,.right-story li>.scale,.right-story li>a{
  901.         width:300px;
  902.         height:125px
  903. }
  904. li.right-main-news-item.active .right-main-news-img{
  905.         display:block
  906. }
  907. li.right-main-news-item.active p{
  908.         border-left:1px solid #e93c4f
  909. }
  910. li.right-main-news-item:hover a{
  911.         color:#e93c4f
  912. }
  913. .right-main-news .time{
  914.         color:#e93c4f;
  915.         font-size:11px
  916. }
  917. .right-story li,.right-story ul{
  918.         margin:0;
  919.         padding:0
  920. }
  921. .right-story li{
  922.         list-style:none;
  923.         margin-bottom:5px;
  924.         overflow:hidden
  925. }
  926. .right-story li>a{
  927.         display:table-cell;
  928.         text-align:center;
  929.         vertical-align:middle;
  930.         color:#fff;
  931.         text-transform:uppercase;
  932.         text-decoration:none;
  933.         font-size:15px;
  934.         padding:0 10px
  935. }
  936. .overlay,.right-story li>.scale,.right-story li>img{
  937.         position:absolute
  938. }
  939. .right-story li>.scale{
  940.         background-size:cover;
  941.         background-position:center;
  942.         background-repeat:no-repeat
  943. }
  944. .right-story li:hover>.scale{
  945.         -webkit-transform:scale(1.15);
  946.         -moz-transform:scale(1.15);
  947.         -ms-transform:scale(1.15);
  948.         transform:scale(1.15)
  949. }
  950. .overlay{
  951.         background:#000
  952. }
  953. .right-story li:hover>.overlay{
  954.         background:#0039a6
  955. }
  956. .comm-sm,.comm-sm-red{
  957.         display:inline-block;
  958.         vertical-align:middle;
  959.         padding-left:15px;
  960.         font-size:11px;
  961.         font-style:normal;
  962.         position:relative
  963. }
  964. .comm-sm{
  965.         color:#8c8c8c
  966. }
  967. .comm-sm-red{
  968.         color:#e93c4f
  969. }
  970. .comm-sm-red:before,.comm-sm:before{
  971.         content:'';
  972.         display:block;
  973.         position:absolute;
  974.         width:10px;
  975.         height:10px;
  976.         background:url(https://s.ura.news/img/nw/comments.png) no-repeat;
  977.         top:4px;
  978.         left:0
  979. }
  980. .comm-sm-red:before{
  981.         background-position:0 -20px
  982. }
  983. .top-news{
  984.         margin-right:20px;
  985.         margin-bottom:40px
  986. }
  987. .top-news-content{
  988.         padding:20px 0;
  989.         width:580px;
  990.         max-width:580px;
  991.         margin:0 auto;
  992.         border-bottom:1px solid #e93c4f
  993. }
  994. .top-news a{
  995.         color:#000;
  996.         text-decoration:none
  997. }
  998. .comments-count,.comments-count a,.top-news .block-title>span{
  999.         color:#e93c4f
  1000. }
  1001. .top-news .block-title{
  1002.         background-image:url(https://s.ura.news/img/block-title-bg-main.gif)
  1003. }
  1004. .top-news-img{
  1005.         margin-bottom:10px;
  1006.         width:100%;
  1007.         height:262px;
  1008.         background-repeat:no-repeat;
  1009.         background-position:center;
  1010.         background-size:cover
  1011. }
  1012. .top-news-regions{
  1013.         font-family:clear_sans,sans-serif;
  1014.         font-size:10px;
  1015.         line-height:16px
  1016. }
  1017. .top-news-title{
  1018.         font-family:institutregular,sans-serif;
  1019.         font-size:28px;
  1020.         line-height:31px;
  1021.         margin:10px 0
  1022. }
  1023. .comments-count{
  1024.         display:inline-block;
  1025.         width:15px;
  1026.         height:13px;
  1027.         margin-right:5px;
  1028.         margin-top:1px;
  1029.         background:url(https://s.ura.news/img/comments.png) 0 2px no-repeat;
  1030.         padding-left:18px;
  1031.         font-family:clear_sans,sans-serif;
  1032.         font-size:10px;
  1033.         line-height:12px
  1034. }
  1035. .comment-content{
  1036.         background-color:#fff;
  1037.         position:relative
  1038. }
  1039. .comment-avatar{
  1040.         float:left
  1041. }
  1042. .comment-user{
  1043.         position:relative;
  1044.         min-height:32px;
  1045.         margin-top:20px
  1046. }
  1047. .comment-time{
  1048.         color:#8c8c8c;
  1049.         font-size:11px;
  1050.         line-height:12px;
  1051.         display:none
  1052. }
  1053. .comment-text{
  1054.         margin:7px 0 12px;
  1055.         word-wrap:break-word
  1056. }
  1057. .child-comments{
  1058.         margin-top:20px;
  1059.         margin-left:35px
  1060. }
  1061. .comment-form-container{
  1062.         left:0
  1063. }
  1064. .comment-form-close{
  1065.         width:19px;
  1066.         height:19px;
  1067.         cursor:pointer;
  1068.         position:absolute;
  1069.         left:600px;
  1070.         background:url(https://s.ura.news/img/comment-form-close.png) center no-repeat
  1071. }
  1072. .comment-form{
  1073.         margin:10px 0 0;
  1074.         clear:both
  1075. }
  1076. .comment>.active{
  1077.         background-color:#f5f5f5
  1078. }
  1079. .footer{
  1080.         z-index:300;
  1081.         position:relative
  1082. }
  1083. .footer-btn{
  1084.         cursor:pointer;
  1085.         display:block;
  1086.         position:relative;
  1087.         top:-20px;
  1088.         width:100%;
  1089.         height:80px;
  1090.         font-size:14px;
  1091.         line-height:80px;
  1092.         font-family:institutregular,sans-serif;
  1093.         text-align:center;
  1094.         text-transform:uppercase;
  1095.         color:#fff;
  1096.         background-color:#0039a6;
  1097.         box-shadow:0 0 9px rgba(0,0,0,.5);
  1098.         z-index:204
  1099. }
  1100. .footer .seo{
  1101.         color:#8c8c8c;
  1102.         font-size:12px;
  1103.         line-height:16px
  1104. }
  1105. .form-a,.help{
  1106.         color:#C8C8C8
  1107. }
  1108. .footer hr{
  1109.         border:none;
  1110.         border-top:1px solid #0039a6;
  1111.         width:40px;
  1112.         margin:16px 0
  1113. }
  1114. @media only screen and (max-width:1219px) and (min-device-width:1025px),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
  1115.         .it-img.zoom-out:after,.zoom-out>div.item-img-block:after{
  1116.                 left:420px
  1117.         }
  1118.         .cl-center{
  1119.                 max-width:480px
  1120.         }
  1121.         .l-resize,.top-news-content{
  1122.                 max-width:460px;
  1123.                 width:460px
  1124.         }
  1125.         .main{
  1126.                 width:480px
  1127.         }
  1128.         .item-img-lg,.item-img-lg>img{
  1129.                 width:460px
  1130.         }
  1131.         .day-news-block{
  1132.                 padding-left:20px
  1133.         }
  1134.         .story-block{
  1135.                 width:438px;
  1136.                 max-width:438px
  1137.         }
  1138.         .top-news-img{
  1139.                 height:172px
  1140.         }
  1141.         .top-news-title{
  1142.                 font-size:19px;
  1143.                 line-height:23px
  1144.         }
  1145.         .top-news-announce{
  1146.                 font-size:11px;
  1147.                 line-height:15px
  1148.         }
  1149.         input.search{
  1150.                 width:166px
  1151.         }
  1152.         .container{
  1153.                 padding-left:240px
  1154.         }
  1155.         .m-resize{
  1156.                 width:480px;
  1157.                 max-width:480px
  1158.         }
  1159.         .comment-form-close{
  1160.                 left:480px
  1161.         }
  1162. }
  1163. @media only screen and (min-device-width:768px) and (max-device-width:1024px){
  1164.         .cl-right{
  1165.                 display:none
  1166.         }
  1167. }
  1168. @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
  1169.         body{
  1170.                 min-width:1024px
  1171.         }
  1172.         .cl-left{
  1173.                 width:300px;
  1174.                 min-width:300px;
  1175.                 max-width:300px
  1176.         }
  1177. }
  1178. @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
  1179.         .content,body{
  1180.                 min-width:768px
  1181.         }
  1182.         .cl-left,.left-col{
  1183.                 width:185px
  1184.         }
  1185.         #center{
  1186.                 width:583px
  1187.         }
  1188.         .list-scroll-item>a{
  1189.                 padding:9px 10px
  1190.         }
  1191.         .list-scroll-item-article-img{
  1192.                 width:60px;
  1193.                 height:60px;
  1194.                 left:-10px
  1195.         }
  1196.         .list-scroll-item-article-title{
  1197.                 min-height:60px
  1198.         }
  1199.         input.search{
  1200.                 width:124px
  1201.         }
  1202.         .archive-item td:first-child{
  1203.                 padding-right:10px
  1204.         }
  1205.         .archive-item-img{
  1206.                 width:60px;
  1207.                 height:60px;
  1208.                 margin-right:10px
  1209.         }
  1210. }
  1211. @media only screen and (max-width:1219px) and (min-device-width:1025px){
  1212.         .archive-nav,.cl-left,.left-col{
  1213.                 width:240px
  1214.         }
  1215.         .cl-left{
  1216.                 min-width:240px;
  1217.                 max-width:240px
  1218.         }
  1219.         .cl-right{
  1220.                 padding-left:0
  1221.         }
  1222. }
  1223. @media only screen and (min-width:1420px){
  1224.         .item-img-lg,.item-img-lg>img,.l-resize,.main,.top-news-content{
  1225.                 width:700px
  1226.         }
  1227.         .cl-center,.l-resize,.top-news-content{
  1228.                 max-width:700px
  1229.         }
  1230.         .day-news-block{
  1231.                 margin-bottom:40px
  1232.         }
  1233.         .m-resize{
  1234.                 width:720px;
  1235.                 max-width:720px
  1236.         }
  1237.         .comment-form-close{
  1238.                 left:720px
  1239.         }
  1240.         .it-img.zoom-out:after,.zoom-out>div.item-img-block:after{
  1241.                 left:660px
  1242.         }
  1243. }
  1244. @media only screen and (min-width:1620px){
  1245.         .content{
  1246.                 width:1600px;
  1247.                 max-width:1600px;
  1248.                 margin:0 auto 0 0
  1249.         }
  1250.         #center,.center{
  1251.                 float:left;
  1252.                 width:auto;
  1253.                 min-width:1300px
  1254.         }
  1255.         #center .cl-center,#center .cl-right{
  1256.                 max-width:none;
  1257.                 min-width:0
  1258.         }
  1259.         .day-news-block,.main{
  1260.                 width:880px
  1261.         }
  1262.         .day-news-block{
  1263.                 margin-bottom:40px
  1264.         }
  1265.         .top-news-content{
  1266.                 width:880px;
  1267.                 max-width:880px
  1268.         }
  1269.         .item-img-lg,.item-img-lg>img{
  1270.                 width:760px
  1271.         }
  1272.         .l-resize{
  1273.                 width:880px;
  1274.                 max-width:880px
  1275.         }
  1276.         .m-resize{
  1277.                 width:900px;
  1278.                 max-width:900px
  1279.         }
  1280.         .comment-form-close{
  1281.                 left:900px
  1282.         }
  1283.         .it-img.zoom-out:after,.zoom-out>div.item-img-block:after{
  1284.                 left:720px
  1285.         }
  1286. }
  1287. .online_date{
  1288.         display:none
  1289. }
  1290. .form{
  1291.         border:1px solid #9B9B9B;
  1292.         border-radius:5px;
  1293.         font-size:12px
  1294. }
  1295. .form-a{
  1296.         background-color:#fffdf1
  1297. }
  1298. .form-pad{
  1299.         padding:10px;
  1300.         overflow:hidden
  1301. }
  1302. .form:hover{
  1303.         border-color:#0039a6
  1304. }
  1305. .form-bottom{
  1306.         border-top:1px solid #C8C8C8
  1307. }
  1308. .form p{
  1309.         margin:0;
  1310.         padding:0;
  1311.         line-height:25px
  1312. }
  1313. .btn{
  1314.         cursor:pointer;
  1315.         padding:0 9px
  1316. }
  1317. .btn.btn-disabled,.btn.btn-disabled:active,.btn.btn-disabled:hover,.btn:disabled,.btn:disabled:active,.btn:disabled:hover{
  1318.         color:#C8C8C8;
  1319.         border-color:#C8C8C8;
  1320.         opacity:.5;
  1321.         cursor:default;
  1322.         background:0 0
  1323. }
  1324. .btn-l,.btn-link,.icon,.icons,a.btn-link{
  1325.         cursor:pointer
  1326. }
  1327. .footer,.footer .cl-center,.footer .cl-left,.form-a .btn:hover{
  1328.         background-color:#fff
  1329. }
  1330. .btn.btn-disabled:active:after,.btn.btn-disabled:after,.btn.btn-disabled:hover:after,.btn:disabled:active:after,.btn:disabled:after,.btn:disabled:hover:after{
  1331.         font-size:24px
  1332. }
  1333. .form-a .btn{
  1334.         color:rgba(0,57,166,.7);
  1335.         border-color:rgba(0,57,166,.7)
  1336. }
  1337. .form-a .btn:hover{
  1338.         color:#0039a6;
  1339.         border-color:#0039a6
  1340. }
  1341. .btn-link,a.btn-link{
  1342.         color:rgba(0,57,166,.7);
  1343.         display:inline;
  1344.         border:0;
  1345.         border-bottom:1px dotted rgba(0,57,166,.7);
  1346.         text-decoration:none;
  1347.         background:0 0;
  1348.         padding:0
  1349. }
  1350. .icon,.icons:before{
  1351.         background-repeat:no-repeat
  1352. }
  1353. .icon,.icons-mail.active:before,.icons:before{
  1354.         background-position:center
  1355. }
  1356. .btn-link:hover{
  1357.         border-bottom:1px solid #0039a6;
  1358.         text-decoration:none
  1359. }
  1360. textarea{
  1361.         resize:none;
  1362.         width:100%;
  1363.         height:130px;
  1364.         -webkit-box-sizing:border-box;
  1365.         -moz-box-sizing:border-box;
  1366.         box-sizing:border-box;
  1367.         display:block
  1368. }
  1369. input[type=password],input[type=text],input[type=email]{
  1370.         border:1px dotted #000;
  1371.         height:35px;
  1372.         line-height:35px;
  1373.         padding:0 10px;
  1374.         margin:0;
  1375.         font-family:'skolar pe';
  1376.         font-size:16px
  1377. }
  1378. input[type=password]:disabled,input[type=text]:disabled,input[type=email]:disabled{
  1379.         opacity:.5
  1380. }
  1381. .label,label{
  1382.         color:#9B9B9B;
  1383.         font-size:12px;
  1384.         letter-spacing:0
  1385. }
  1386. label>span.label{
  1387.         padding-top:7px
  1388. }
  1389. .error{
  1390.         display:block;
  1391.         text-transform:none;
  1392.         letter-spacing:0
  1393. }
  1394. .error,.error .label,.error input[type=password],.error input[type=text],input[type=password].error,input[type=text].error,label.error{
  1395.         color:#e93c4f
  1396. }
  1397. .error input[type=password],.error input[type=text],input[type=password].error,input[type=text].error{
  1398.         border-color:red
  1399. }
  1400. .clear{
  1401.         clear:both
  1402. }
  1403. .icon{
  1404.         padding:0;
  1405.         margin:0;
  1406.         float:left
  1407. }
  1408. .icon-40{
  1409.         background-size:60px;
  1410.         width:40px;
  1411.         height:40px;
  1412.         margin-right:20px
  1413. }
  1414. .icons,.icons:before{
  1415.         width:22px;
  1416.         height:22px
  1417. }
  1418. .icon-vk{
  1419.         background-image:url(https://s.ura.news/img/svg/C8C8C8/vk.svg)
  1420. }
  1421. .icon-fb{
  1422.         background-image:url(https://s.ura.news/img/svg/C8C8C8/facebook.svg)
  1423. }
  1424. .icon-tw{
  1425.         background-image:url(https://s.ura.news/img/svg/C8C8C8/twitter.svg)
  1426. }
  1427. .icon-ok{
  1428.         background-image:url(https://s.ura.news/img/svg/C8C8C8/odn.svg)
  1429. }
  1430. .icon-google{
  1431.         background-image:url(https://s.ura.news/img/svg/C8C8C8/google.svg)
  1432. }
  1433. .icon-mail{
  1434.         background-image:url(https://s.ura.news/img/svg/C8C8C8/email.svg)
  1435. }
  1436. .icon-rss{
  1437.         background-image:url(https://s.ura.news/img/svg/C8C8C8/rss.svg)
  1438. }
  1439. .icons{
  1440.         float:left;
  1441.         margin-left:12px
  1442. }
  1443. .icons:before{
  1444.         content:'';
  1445.         display:block;
  1446.         background-size:32px
  1447. }
  1448. .btn-group,.btn-l,.btn-more:after,.btn-more:before,.btn-s,.btn-send:after{
  1449.         display:inline-block
  1450. }
  1451. .icons-mail:before{
  1452.         background-image:url(https://s.ura.news/img/svg/0038A6/email.svg)
  1453. }
  1454. .icons-rss:before{
  1455.         background-image:url(https://s.ura.news/img/svg/0038A6/rss.svg)
  1456. }
  1457. .icons-vk:before{
  1458.         background-image:url(https://s.ura.news/img/svg/0038A6/vk.svg)
  1459. }
  1460. .icons-tw:before{
  1461.         background-image:url(https://s.ura.news/img/svg/0038A6/twitter.svg)
  1462. }
  1463. .icons-fb:before{
  1464.         background-image:url(https://s.ura.news/img/svg/0038A6/facebook.svg)
  1465. }
  1466. .icons-ok:before{
  1467.         background-image:url(https://s.ura.news/img/svg/0038A6/odn.svg)
  1468. }
  1469. .icons-google:before{
  1470.         background-image:url(https://s.ura.news/img/svg/0038A6/google.svg)
  1471. }
  1472. .icons-telegram:before{
  1473.         background-image:url(https://s.ura.news/img/svg/0038A6/telegram3.svg)
  1474. }
  1475. .icons-viber:before{
  1476.         background-image:url(https://s.ura.news/img/svg/0038A6/viber3.svg)
  1477. }
  1478. .icons-instagram:before{
  1479.         background-image:url(https://s.ura.news/img/svg/0038A6/insta.svg);
  1480.         background-size:22px
  1481. }
  1482. .icons-mail.active:before{
  1483.         background-image:url(https://s.ura.news/img/nw/login-close2.png);
  1484.         background-size:19px
  1485. }
  1486. .btn-send:after{
  1487.         content:'›';
  1488.         font-size:24px;
  1489.         vertical-align:bottom;
  1490.         margin:0 0 0 8px;
  1491.         width:10px;
  1492.         text-align:center
  1493. }
  1494. .btn-send:hover:after{
  1495.         font-size:25px
  1496. }
  1497. .com-cnt,.help{
  1498.         font-size:10px
  1499. }
  1500. .help{
  1501.         margin-top:6px;
  1502.         margin-right:2px
  1503. }
  1504. .flex{
  1505.         display:flex
  1506. }
  1507. .flex input[type=password],.flex input[type=text]{
  1508.         -webkit-flex:1;
  1509.         -ms-flex:1;
  1510.         flex:1;
  1511.         height:33px;
  1512.         line-height:33px
  1513. }
  1514. .btn-l{
  1515.         color:#0039a6;
  1516.         font-size:16px;
  1517.         line-height:48px;
  1518.         border-radius:10px;
  1519.         height:48px;
  1520.         text-align:center;
  1521.         opacity:.73;
  1522.         padding:0 16px;
  1523.         box-shadow:0 4px 4px -1px rgba(0,0,0,.12);
  1524.         margin-bottom:10px
  1525. }
  1526. .btn-l:hover{
  1527.         opacity:1
  1528. }
  1529. .btn-more:after,.btn-more:before{
  1530.         content:'';
  1531.         width:14px;
  1532.         height:9px;
  1533.         position:relative;
  1534.         top:1px;
  1535.         background:url(https://s.ura.news/img/nw/down.png) no-repeat
  1536. }
  1537. .btn-more:before{
  1538.         margin-right:10px
  1539. }
  1540. .btn-more:after{
  1541.         margin-left:10px
  1542. }
  1543. .btn-more:hover{
  1544.         color:#fff;
  1545.         background-color:#0039a6
  1546. }
  1547. .btn-s,.com-cnt{
  1548.         color:#C8C8C8;
  1549.         cursor:pointer
  1550. }
  1551. .btn-more:hover:after,.btn-more:hover:before{
  1552.         background-position:0 -9px
  1553. }
  1554. .btn-s{
  1555.         border:1px solid #C8C8C8;
  1556.         border-radius:5px;
  1557.         height:23px;
  1558.         line-height:23px;
  1559.         padding:0 20px;
  1560.         font-size:12px
  1561. }
  1562. .btn-s.active,.btn-s:hover{
  1563.         color:#0039a6;
  1564.         border-color:#0039a6
  1565. }
  1566. .btn-s.active+.btn-s{
  1567.         border-left-color:#0039a6
  1568. }
  1569. .btn-group>.btn-s{
  1570.         display:block;
  1571.         float:left
  1572. }
  1573. .btn-group>.btn-s:not(:last-child){
  1574.         border-right:0;
  1575.         border-top-right-radius:0;
  1576.         border-bottom-right-radius:0
  1577. }
  1578. .btn-group>.btn-s:not(:first-child){
  1579.         border-top-left-radius:0;
  1580.         border-bottom-left-radius:0
  1581. }
  1582. .btn-down,.btn-up{
  1583.         opacity:.5;
  1584.         position:relative;
  1585.         line-height:25px;
  1586.         padding-left:14px;
  1587.         padding-right:14px
  1588. }
  1589. .btn-up{
  1590.         padding-left:22px;
  1591.         color:#00BD00
  1592. }
  1593. .btn-down{
  1594.         padding-right:22px;
  1595.         color:#E93C4F
  1596. }
  1597. .btn-down:hover,.btn-up:hover{
  1598.         opacity:1
  1599. }
  1600. .btn-s.btn-up:hover{
  1601.         color:#00bd00;
  1602.         border-color:#00bd00;
  1603.         border-right:1px solid
  1604. }
  1605. .btn-s.btn-down:hover{
  1606.         color:#E93C4F;
  1607.         border-color:#E93C4F
  1608. }
  1609. .btn-up:hover+.btn-down{
  1610.         border-left-width:0
  1611. }
  1612. .btn-down:before,.btn-up:before{
  1613.         content:'';
  1614.         display:block;
  1615.         width:8px;
  1616.         height:5px;
  1617.         background:url(https://s.ura.news/img/nw/icons.gif) no-repeat;
  1618.         position:absolute;
  1619.         top:10px
  1620. }
  1621. .btn-up:before{
  1622.         background-position:-140px -10px;
  1623.         left:8px
  1624. }
  1625. .btn-down:before{
  1626.         background-position:-148px -10px;
  1627.         right:8px
  1628. }
  1629. .btn-subs{
  1630.         padding:0;
  1631.         width:23px;
  1632.         position:relative
  1633. }
  1634. .btn-subs:before{
  1635.         content:'';
  1636.         display:block;
  1637.         width:15px;
  1638.         height:15px;
  1639.         background:url(https://s.ura.news/img/nw/icons-subs.png) no-repeat;
  1640.         position:relative;
  1641.         top:4px;
  1642.         left:4px
  1643. }
  1644. .btn-subs:hover:before{
  1645.         background-position:0 -15px
  1646. }
  1647. .btn-subs.checked,.btn-subs.mail.checked{
  1648.         border-color:#0039a6
  1649. }
  1650. .btn-subs.checked:before{
  1651.         background-position:-30px 0
  1652. }
  1653. .btn-subs.checked:hover:before{
  1654.         background-position:-30px -15px
  1655. }
  1656. .btn-subs.auth:before{
  1657.         background-position:-60px 0;
  1658.         height:19px;
  1659.         bottom:0
  1660. }
  1661. .btn-subs.mail:before{
  1662.         background-position:-15px 0
  1663. }
  1664. .btn-subs.mail:hover:before{
  1665.         background-position:-15px -15px
  1666. }
  1667. .btn-subs.mail.checked:before{
  1668.         background-position:-45px 0
  1669. }
  1670. .btn-subs.mail.checked:hover:before{
  1671.         background-position:-30px -15px
  1672. }
  1673. .btn-subs.rules{
  1674.         vertical-align:middle;
  1675.         margin:0 .5em 0 0;
  1676.         float:left
  1677. }
  1678. .btn-subs.rules:before,.btn-subs.rules:hover:before{
  1679.         content:' ';
  1680.         display:none
  1681. }
  1682. .btn-subs.rules.checked:before,.btn-subs.rules.checked:hover:before{
  1683.         content:' ';
  1684.         display:block;
  1685.         background-position:-30px 0
  1686. }
  1687. #header_search_form>.form:before,.com-cnt:before{
  1688.         content:'';
  1689.         display:block
  1690. }
  1691. .com-cnt{
  1692.         display:inline-block;
  1693.         border:1px solid #C8C8C8;
  1694.         border-radius:5px;
  1695.         height:23px;
  1696.         line-height:23px;
  1697.         padding:0 7px 0 20px;
  1698.         position:relative
  1699. }
  1700. .com-cnt:before{
  1701.         width:10px;
  1702.         height:10px;
  1703.         background:url(https://s.ura.news/img/nw/comments.png) no-repeat;
  1704.         position:absolute;
  1705.         top:8px;
  1706.         left:5px
  1707. }
  1708. .com-cnt:hover{
  1709.         color:#0039a6;
  1710.         border-color:#0039a6
  1711. }
  1712. .com-cnt:hover:before{
  1713.         background-position:0 -10px
  1714. }
  1715. .com-cnt.com-cnt-red{
  1716.         color:#e93c4f;
  1717.         border-color:#e93c4f
  1718. }
  1719. .com-cnt.com-cnt-red:before{
  1720.         background-position:0 -20px
  1721. }
  1722. #header_search_form>.form{
  1723.         border:0;
  1724.         border-radius:0
  1725. }
  1726. #header_search_form>.form:before{
  1727.         width:55px;
  1728.         background:url(https://s.ura.news/img/svg/000000/search.svg) center no-repeat;
  1729.         float:left
  1730. }
  1731. #header_search_form .btn{
  1732.         height:36px;
  1733.         line-height:32px
  1734. }
  1735. #header_search_input{
  1736.         float:left;
  1737.         width:360px;
  1738.         background-color:#fffdf1;
  1739.         border:none;
  1740.         padding:0;
  1741.         font-size:21px;
  1742.         line-height:42px;
  1743.         height:37px
  1744. }
  1745. #header_search_submit{
  1746.         float:right;
  1747.         width:100px;
  1748.         position:relative;
  1749.         color:#C8C8C8;
  1750.         border-color:#C8C8C8
  1751. }
  1752. .cl-main{
  1753.         box-shadow:none;
  1754.         border-left:1px solid #C8C8C8
  1755. }
  1756. .cl-left,.left-col,.list-scroll,.list-scroll-date>span{
  1757.         background-color:#f9f9f9
  1758. }
  1759. .item-time{
  1760.         font-size:10px;
  1761.         color:#919191
  1762. }
  1763. .item-title{
  1764.         margin-top:10px
  1765. }
  1766. .item-regions{
  1767.         font-size:10px;
  1768.         text-transform:uppercase;
  1769.         margin-right:20px
  1770. }
  1771. .subs-author>span{
  1772.         line-height:25px;
  1773.         top:0;
  1774.         left:25px
  1775. }
  1776. .btn-subs>span,.subs-author:after,.subs-story:after{
  1777.         position:absolute;
  1778.         top:0;
  1779.         left:30px;
  1780.         line-height:12px;
  1781.         font-size:12px
  1782. }
  1783. .subs-author:after,.subs-story:after{
  1784.         white-space:pre;
  1785.         display:block;
  1786.         height:25px
  1787. }
  1788. .subs-author:hover:after{
  1789.         content:'подписаться \A на автора'
  1790. }
  1791. .subs-author.checked:hover:after{
  1792.         content:'вы подписаны \A на автора'
  1793. }
  1794. .subs-story:after{
  1795.         content:'подписаться на сюжет';
  1796.         line-height:23px
  1797. }
  1798. .subs-story.checked:after{
  1799.         content:'вы подписаны на сюжет'
  1800. }
  1801. .subs-story:hover{
  1802.         border-color:#fff
  1803. }
  1804. .subs-story:hover:before{
  1805.         background-position:0 -30px
  1806. }
  1807. .subs-story:hover:after{
  1808.         color:#fff
  1809. }
  1810. .com-title{
  1811.         clear:both;
  1812.         white-space:nowrap
  1813. }
  1814. .comment-form-container{
  1815.         position:relative
  1816. }
  1817. .inline{
  1818.         display:inline-block
  1819. }
  1820. .btn-subs .login_panel{
  1821.         z-index:120;
  1822.         position:absolute;
  1823.         left:-1px;
  1824.         top:-1px
  1825. }
  1826. .login-panel-container-line{
  1827.         height:20px;
  1828.         background-color:#C8C8C8
  1829. }
  1830. .subs-author .login-panel-container-line{
  1831.         height:10px
  1832. }
  1833. .notifications-comment:before{
  1834.         background:url(https://s.ura.news/img/nw/noti-comment.png) 10px 3px no-repeat
  1835. }
  1836. .notifications-author:before{
  1837.         background-color:rgba(0,57,166,.9);
  1838.         border-radius:19px
  1839. }
  1840. @media only screen and (min-width:769px) and (max-width:1219px) and (min-device-width:1025px){
  1841.         body.trans:before{
  1842.                 width:240px
  1843.         }
  1844. }
  1845. .collapsed .scroll{
  1846.         bottom:50px!important
  1847. }
  1848. .trans .scroll{
  1849.         -webkit-transition:.5s ease;
  1850.         -moz-transition:.5s ease;
  1851.         -o-transition:.5s ease;
  1852.         transition:.5s ease;
  1853.         -webkit-transition-property:height,width,top,bottom,padding,background-size,min-width,border;
  1854.         -moz-transition-property:height,width,top,bottom,padding,background-size,min-width,border;
  1855.         -o-transition-property:height,width,top,bottom,padding,background-size,min-width,border;
  1856.         transition-property:height,width,top,bottom,padding,background-size,min-width,border
  1857. }
  1858. #top_banner_A{
  1859.         background-color:#f1f6ff;
  1860.         height:100px;
  1861.         width:100%;
  1862.         top:0
  1863. }
  1864. #top_banner_A>div{
  1865.         display:block;
  1866.         width:100%
  1867. }
  1868. #top_pda{
  1869.         background-color:#0039a6;
  1870.         height:50px;
  1871.         width:100%;
  1872.         top:0
  1873. }
  1874. #top_pda>a{
  1875.         display:block;
  1876.         margin:4px auto;
  1877.         width:300px;
  1878.         height:38px;
  1879.         font-size:16px
  1880. }
  1881. @media all and (max-width:1849px){
  1882.         #cl-right-addition{
  1883.                 display:none
  1884.         }
  1885. }
  1886. @media all and (min-width:1850px){
  1887.         .content{
  1888.                 max-width:none;
  1889.                 width:auto
  1890.         }
  1891.         #center,.center{
  1892.                 table-layout:fixed;
  1893.                 max-width:1300px;
  1894.                 clear:both
  1895.         }
  1896.         .cl-right{
  1897.                 min-width:0;
  1898.                 max-width:none
  1899.         }
  1900.         #cl-right-addition{
  1901.                 width:auto;
  1902.                 display:block;
  1903.                 overflow:hidden;
  1904.                 float:right;
  1905.                 position:fixed;
  1906.                 margin-left:261px;
  1907.                 min-width:240px;
  1908.                 transition:top ease .3s
  1909.         }
  1910.         #cl-right-main{
  1911.                 display:block;
  1912.                 overflow:hidden;
  1913.                 width:241px
  1914.         }
  1915. }
  1916. .inpage_subscribe_email input[type=email],.inpage_subscribe_email input[type=text]{
  1917.         width:100%;
  1918.         box-sizing:border-box
  1919. }
  1920. .inpage_subscribe_email input[type=email].no_spam_field,.inpage_subscribe_email input[type=text].no_spam_field{
  1921.         display:none
  1922. }
  1923. .list-scroll-item.is_momenty>a,.list-scroll-item.is_momenty>a:visited{
  1924.         color:#0099BC
  1925. }
  1926. .list-scroll-item.is_momenty>a:before{
  1927.         content:' ';
  1928.         display:inline-block;
  1929.         width:18px;
  1930.         height:14px;
  1931.         background:url(https://s.ura.news/img/svg/momenty-icon.svg) center no-repeat;
  1932.         margin:0 5px 0 0
  1933. }
  1934. .list-scroll-item.is_momenty>a:after{
  1935.         content:' →';
  1936.         display:inline-block
  1937. }
  1938. .list-scroll-item.is_momenty .time{
  1939.         display:none
  1940. }
  1941. .incut-10-img,.spec-project-incut{
  1942.         background-repeat:no-repeat;
  1943.         background-position:center;
  1944.         width:100%;
  1945.         max-width:760px;
  1946.         display:inline-block;
  1947.         background-size:contain
  1948. }
  1949. .incut-10-img{
  1950.         background-image:url(https://s.ura.news/img/incut10img.jpg)
  1951. }
  1952. .incut-10-img:hover{
  1953.         background-image:url(https://s.ura.news/img/incut10imgh.jpg)
  1954. }
  1955. .list-scroll-item.list-scroll-item-article>a{
  1956.         min-height:80px
  1957. }
  1958. .spec-project-incut{
  1959.         background-image:url(https://s.ura.news/img/spec-project-incut.jpg)
  1960. }
  1961. .spec-project-incut:hover{
  1962.         background-image:url(https://s.ura.news/img/spec-project-incut-hover.jpg)
  1963. }
  1964. .game_iframe_container,.iframe_container{
  1965.         position:relative;
  1966.         display:block;
  1967.         overflow:hidden;
  1968.         padding-bottom:90%
  1969. }
  1970. @media all and (min-width:1220px){
  1971.         .game_iframe_container,.iframe_container{
  1972.                 padding-bottom:78%
  1973.         }
  1974. }
  1975. @media all and (min-width:1420px){
  1976.         .game_iframe_container,.iframe_container{
  1977.                 padding-bottom:75%
  1978.         }
  1979. }
  1980. @media all and (min-width:1620px){
  1981.         .game_iframe_container,.iframe_container{
  1982.                 padding-bottom:70%
  1983.         }
  1984. }
  1985. .subscribe_form .btn-disabled{
  1986.         cursor:default!important
  1987. }
  1988. .story-block .subscribe_form{
  1989.         text-align:left;
  1990.         position:relative
  1991. }
  1992. .story-block .subscribe_form.subscribed{
  1993.         display:none
  1994. }
  1995. .story-block .subscribe_form-title{
  1996.         font-family:museo_sans_cyrl500;
  1997.         font-size:16px;
  1998.         color:#fff;
  1999.         text-align:center;
  2000.         margin:0 0 10px
  2001. }
  2002. .story-block .subscribe_form-email_input{
  2003.         float:left;
  2004.         width:calc(100% - 160px);
  2005.         margin:0 10px 0 0
  2006. }
  2007. .story-block .subscribe_form-submit_button{
  2008.         display:block;
  2009.         overflow:hidden;
  2010.         background:#e7792b;
  2011.         left:10px;
  2012.         width:120px;
  2013.         height:37px;
  2014.         line-height:37px;
  2015.         border-radius:4px;
  2016.         text-transform:uppercase;
  2017.         font-size:11px;
  2018.         font-family:museo_sans_cyrl500;
  2019.         text-align:center;
  2020.         color:#fff;
  2021.         float:right;
  2022.         cursor:pointer
  2023. }
  2024. .story-block .subscribe_form .confirl_rules_block{
  2025.         display:block;
  2026.         overflow:hidden;
  2027.         clear:both;
  2028.         padding:10px 0 0;
  2029.         font-family:museo_sans_cyrl500;
  2030.         font-size:12px;
  2031.         color:rgba(255,255,255,.5);
  2032.         line-height:1.25
  2033. }
  2034. .story-block .subscribe_form .confirl_rules_block a,.story-block .subscribe_form .confirl_rules_block a:active,.story-block .subscribe_form .confirl_rules_block a:hover,.story-block .subscribe_form .confirl_rules_block a:visited{
  2035.         color:rgba(255,255,255,.5);
  2036.         border-bottom:1px dotted rgba(255,255,255,.5)
  2037. }
  2038. .story-block .subscribe_form .confirl_rules_block .btn-subs.rules{
  2039.         width:12px;
  2040.         height:12px;
  2041.         background:#fff
  2042. }
  2043. .story-block .subscribe_form .confirl_rules_block .btn-subs.rules:before{
  2044.         width:10px;
  2045.         height:10px;
  2046.         background-size:51px 30px;
  2047.         top:0;
  2048.         left:0
  2049. }
  2050. .story-block .subscribe_form .confirl_rules_block .btn-subs.rules.checked:before{
  2051.         background-position:-18px 1px
  2052. }
  2053. .story-block .btn-subs.subs-story{
  2054.         display:none;
  2055.         background:#fff;
  2056.         float:right;
  2057.         margin-right:150px
  2058. }
  2059. .story-block .btn-subs.subs-story:hover{
  2060.         border-color:#1964E7
  2061. }
  2062. .story-block .btn-subs.subs-story.checked{
  2063.         display:block
  2064. }
  2065. .publication-meta-block>span{
  2066.         margin:0 20px 15px 0;
  2067.         line-height:25px
  2068. }
  2069. .item-time{
  2070.         display:block;
  2071.         white-space:nowrap;
  2072.         line-height:23px;
  2073.         float:left;
  2074.         padding-right:0
  2075. }
  2076. .item-time+.com-cnt{
  2077.         float:left;
  2078.         margin:0 20px 15px 0
  2079. }
  2080. .custom-html{
  2081.         margin-bottom:20px
  2082. }
  2083. .custom-html:before{
  2084.         display:block;
  2085.         content:'';
  2086.         clear:both
  2087. }
  2088. .custom-html-video{
  2089.         position:relative;
  2090.         width:100%;
  2091.         height:0;
  2092.         padding-bottom:56.25%
  2093. }
  2094. .custom-html-video iframe{
  2095.         position:absolute;
  2096.         top:0;
  2097.         left:0;
  2098.         width:100%;
  2099.         height:100%
  2100. }
  2101. #cl-main-inner .publication-item--title{
  2102.         margin:10px 0 5px
  2103. }
  2104. #cl-main-inner .publication-item--sub-title{
  2105.         font-weight:400;
  2106.         padding:0;
  2107.         margin:0
  2108. }
  2109. .share_block{
  2110.         display:block;
  2111.         overflow:hidden;
  2112.         line-height:36px;
  2113.         color:#fff;
  2114.         margin:20px 0 0
  2115. }
  2116. .share_block .social-likes{
  2117.         margin:0 10px 20px 0
  2118. }
  2119. .share_block .subscribe_form{
  2120.         margin:0 0 20px 10px;
  2121.         width:calc(100% - 480px);
  2122.         float:right;
  2123.         padding:3px 0 0
  2124. }
  2125. @media all and (max-width:1479px){
  2126.         .share_block .subscribe_form{
  2127.                 width:100%
  2128.         }
  2129. }
  2130. .share_block .subscribe_form .subscribe_form-email_input,.share_block .subscribe_form .subscribe_form-submit_button{
  2131.         height:30px!important;
  2132.         line-height:30px!important
  2133. }
  2134. .spec-position{
  2135.         display:none;
  2136.         float:left;
  2137.         clear:both;
  2138.         margin:0 0 30px;
  2139.         height:265px
  2140. }
  2141. .spec-container{
  2142.         display:block;
  2143.         position:relative;
  2144.         width:100%;
  2145.         overflow:visible;
  2146.         padding:0 5px;
  2147.         margin:50px -5px 30px;
  2148.         transition:left,top,width,height
  2149. }
  2150. .spec-container .slick-next,.spec-container .slick-prev{
  2151.         display:block;
  2152.         overflow:hidden;
  2153.         position:absolute;
  2154.         width:30px;
  2155.         height:30px;
  2156.         background:12px 50% no-repeat #eee;
  2157.         color:#fff;
  2158.         top:50%;
  2159.         margin-top:-50px;
  2160.         padding:0;
  2161.         z-index:1;
  2162.         border-radius:50%;
  2163.         cursor:pointer;
  2164.         font-size:60px;
  2165.         line-height:25px;
  2166.         text-align:center;
  2167.         border:2px solid #eee;
  2168.         transition:all .5s;
  2169.         text-indent:-9000px;
  2170.         background-size:10px
  2171. }
  2172. .spec-container .slick-prev{
  2173.         left:-10px;
  2174.         background-image:url(https://s.ura.news/img/arrow_left_white.svg);
  2175.         background-position:9px 50%
  2176. }
  2177. .spec-container .slick-next{
  2178.         right:-10px;
  2179.         background-image:url(https://s.ura.news/img/arrow_right_white.svg)
  2180. }
  2181. .spec-list{
  2182.         overflow:hidden;
  2183.         box-sizing:border-box;
  2184.         -webkit-box-shadow:inset 0 0 0 4px #eee;
  2185.         box-shadow:inset 0 0 0 4px #eee
  2186. }
  2187. .spec-list--item{
  2188.         display:block;
  2189.         overflow:hidden;
  2190.         height:205px;
  2191.         float:left;
  2192.         position:relative;
  2193.         box-sizing:border-box
  2194. }
  2195. .spec-list--item:hover .spec-list--item--img-link{
  2196.         border-color:#b2e1eb
  2197. }
  2198. .spec-list--item:hover .spec-list--item--title{
  2199.         color:#1fa7c4
  2200. }
  2201. .spec-list--item>.spec-list--item-inner{
  2202.         display:block;
  2203.         overflow:hidden;
  2204.         padding:45px 35px 40px
  2205. }
  2206. .spec-list--item.spec-list--item--main{
  2207.         margin-bottom:15px
  2208. }
  2209. .spec-list--item.spec-list--item--main>.spec-list--item-inner{
  2210.         display:block;
  2211.         overflow:hidden;
  2212.         padding:50px
  2213. }
  2214. .spec-list--item.spec-list--item--main .spec-list--item--title-link{
  2215.         white-space:nowrap;
  2216.         color:#000;
  2217.         font-family:museo_sans_cyrl500,Source-sans-pro,Arial,sans-serif
  2218. }
  2219. .spec-list--item.spec-list--item--main .spec-list--item--main--img{
  2220.         margin-bottom:15px
  2221. }
  2222. .spec-list--item--img-link{
  2223.         display:block;
  2224.         width:120px;
  2225.         height:120px;
  2226.         border-radius:50%;
  2227.         float:left;
  2228.         background-size:cover;
  2229.         background-position:center center;
  2230.         margin:0 20px 0 0;
  2231.         transition:opacity .5s;
  2232.         border:4px solid #fff
  2233. }
  2234. .spec-list--item--title{
  2235.         display:block;
  2236.         overflow:visible;
  2237.         font-size:15px;
  2238.         line-height:20px;
  2239.         padding:0;
  2240.         margin:0;
  2241.         font-family:museo_sans_cyrl500,Source-sans-pro,Arial,sans-serif;
  2242.         font-weight:400;
  2243.         color:#000;
  2244.         position:absolute;
  2245.         left:175px;
  2246.         right:35px;
  2247.         top:50%;
  2248.         transform:translateY(-50%)
  2249. }
  2250. .spec-subtext{
  2251.         display:block;
  2252.         width:200px;
  2253.         height:60px;
  2254.         background:0 0;
  2255.         text-align:center;
  2256.         position:absolute;
  2257.         left:50%;
  2258.         top:-15px;
  2259.         margin-left:-120px;
  2260.         border-left:20px solid #fff;
  2261.         border-right:20px solid #fff
  2262. }
  2263. .spec-subtext--link{
  2264.         display:block;
  2265.         overflow:hidden;
  2266.         width:200px;
  2267.         margin:0 auto;
  2268.         color:#fff
  2269. }
  2270. .spec-subtext .spec-subtext--img{
  2271.         float:left;
  2272.         width:200px;
  2273.         height:43px;
  2274.         background:url(https://s.ura.news/img/moments_logo_color.svg) no-repeat #fff;
  2275.         background-size:contain;
  2276.         position:absolute
  2277. }
  2278. #cl-main-inner .spec-position{
  2279.         display:none!important
  2280. }
  2281. @media all and (min-width:1480px){
  2282.         .content{
  2283.                 max-width:1600px;
  2284.                 width:100%;
  2285.                 margin:0 auto 0 0
  2286.         }
  2287.         #cl-main-inner{
  2288.                 padding:30px 0 0 calc((100% - 1100px)/ 4)
  2289.         }
  2290.         #cl-main-inner .top-news{
  2291.                 display:block;
  2292.                 width:calc(50% + 275px);
  2293.                 margin:0 calc((100% - 1100px)/ 4) 30px 0
  2294.         }
  2295.         #cl-main-inner .cl-story-block{
  2296.                 overflow:hidden;
  2297.                 position:relative
  2298.         }
  2299.         #cl-main-inner .cl-story--image-link{
  2300.                 display:block;
  2301.                 overflow:hidden;
  2302.                 position:relative
  2303.         }
  2304.         #cl-main-inner .cl-story--image-link:before{
  2305.                 content:"сюжеты";
  2306.                 display:inline-block;
  2307.                 font-size:13px;
  2308.                 text-transform:uppercase;
  2309.                 color:#fff;
  2310.                 position:absolute;
  2311.                 left:10px;
  2312.                 top:10px;
  2313.                 font-family:museo_sans_cyrl700,Source-sans-pro,sans-serif;
  2314.                 letter-spacing:1px;
  2315.                 background:#1964E7;
  2316.                 padding:0 5px
  2317.         }
  2318.         #cl-main-inner .cl-story--image{
  2319.                 display:block;
  2320.                 width:100%;
  2321.                 height:auto;
  2322.                 background-position:center center;
  2323.                 background-size:cover;
  2324.                 margin-bottom:10px
  2325.         }
  2326.         #cl-main-inner .cl-story--news-list{
  2327.                 display:flex;
  2328.                 overflow:visible;
  2329.                 position:relative;
  2330.                 transition:left .3s ease 0s
  2331.         }
  2332.         #cl-main-inner .cl-story--news-list--item{
  2333.                 float:left;
  2334.                 display:block;
  2335.                 overflow:hidden;
  2336.                 width:275px;
  2337.                 min-width:275px;
  2338.                 padding:0 0 15px;
  2339.                 margin-bottom:10px;
  2340.                 position:relative;
  2341.                 outline-style:none
  2342.         }
  2343.         #cl-main-inner .cl-story--news-list--item--time{
  2344.                 display:block;
  2345.                 color:#1964E7
  2346.         }
  2347.         #cl-main-inner .cl-story--news-list--item--title{
  2348.                 display:block;
  2349.                 overflow:hidden;
  2350.                 color:#000;
  2351.                 position:relative;
  2352.                 height:80px
  2353.         }
  2354.         #cl-main-inner .cl-story--news-list .slick-list{
  2355.                 overflow:hidden
  2356.         }
  2357.         #cl-main-inner .cl-story--other-story{
  2358.                 display:block;
  2359.                 overflow:hidden;
  2360.                 margin-top:15px;
  2361.                 font-size:14px
  2362.         }
  2363.         #cl-main-inner .cl-story--other-story>a{
  2364.                 display:block;
  2365.                 padding:10px 0 0;
  2366.                 color:#000;
  2367.                 line-height:16px
  2368.         }
  2369.         #cl-main-inner .cl-story--other-story>a:first-child{
  2370.                 padding-top:15px
  2371.         }
  2372.         #cl-main-inner .cl-story--other-story>a:hover{
  2373.                 color:#1964E7
  2374.         }
  2375.         #cl-main-inner .cl-story--bottom-block{
  2376.                 display:block;
  2377.                 overflow:hidden;
  2378.                 position:absolute;
  2379.                 left:0;
  2380.                 width:100%;
  2381.                 height:auto;
  2382.                 bottom:1px;
  2383.                 padding:55px 20px 20px;
  2384.                 box-sizing:border-box;
  2385.                 background:url(https://s.ura.news/img/bottom_gradient.png) left top repeat-x
  2386.         }
  2387.         #cl-main-inner .cl-story--bottom-block:after{
  2388.                 display:block;
  2389.                 overflow:hidden;
  2390.                 content:' ';
  2391.                 top:65px;
  2392.                 left:20px;
  2393.                 right:20px;
  2394.                 position:absolute;
  2395.                 border-top:1px solid #C8C8C8
  2396.         }
  2397.         #cl-main-inner .cl-story--bottom-block .slick-next,#cl-main-inner .cl-story--bottom-block .slick-prev{
  2398.                 display:block;
  2399.                 overflow:hidden;
  2400.                 border:0;
  2401.                 background:0 0;
  2402.                 height:14px;
  2403.                 line-height:14px;
  2404.                 padding:0;
  2405.                 position:absolute;
  2406.                 top:40px;
  2407.                 z-index:1;
  2408.                 cursor:pointer
  2409.         }
  2410.         #cl-main-inner .cl-story--bottom-block .slick-prev{
  2411.                 left:20px
  2412.         }
  2413.         #cl-main-inner .cl-story--bottom-block .slick-prev:before{
  2414.                 float:left;
  2415.                 content:'←'
  2416.         }
  2417.         #cl-main-inner .cl-story--bottom-block .slick-next{
  2418.                 right:20px
  2419.         }
  2420.         #cl-main-inner .cl-story--bottom-block .slick-next:before{
  2421.                 float:right;
  2422.                 content:'→'
  2423.         }
  2424.         #cl-main-inner .cl-story--bottom-block .slick-disabled{
  2425.                 cursor:default;
  2426.                 opacity:.25
  2427.         }
  2428.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11),#cl-main-inner .publication-item{
  2429.                 display:block;
  2430.                 float:left;
  2431.                 width:275px;
  2432.                 height:350px;
  2433.                 margin:0 calc((100% - 1100px)/ 4) 0 0;
  2434.                 padding:0 0 30px
  2435.         }
  2436.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11) .publication-item--img,#cl-main-inner .publication-item .publication-item--img{
  2437.                 display:block
  2438.         }
  2439.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6),#cl-main-inner .publication-item:nth-child(11),#cl-main-inner .publication-item:nth-child(5),#cl-main-inner .publication-item:nth-child(8){
  2440.                 float:none;
  2441.                 overflow:hidden;
  2442.                 width:calc(50% + 275px);
  2443.                 height:auto
  2444.         }
  2445.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .publication-item:nth-child(11) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title{
  2446.                 display:inline;
  2447.                 font-size:20px
  2448.         }
  2449.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title{
  2450.                 display:inline;
  2451.                 vertical-align:baseline;
  2452.                 font-size:15px
  2453.         }
  2454.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--img,#cl-main-inner .publication-item:nth-child(11) .publication-item--img,#cl-main-inner .publication-item:nth-child(5) .publication-item--img,#cl-main-inner .publication-item:nth-child(8) .publication-item--img{
  2455.                 display:none
  2456.         }
  2457.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16){
  2458.                 display:block;
  2459.                 width:275px;
  2460.                 height:730px;
  2461.                 margin:0 calc((100% - 1100px)/ 4) 30px 0;
  2462.                 float:right;
  2463.                 min-width:0;
  2464.                 max-width:none;
  2465.                 clear:both
  2466.         }
  2467.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16) .cl-game-block-position{
  2468.                 width:275px;
  2469.                 height:350px;
  2470.                 margin:0 0 30px
  2471.         }
  2472.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16) .cl-tooday-smi-position{
  2473.                 width:275px;
  2474.                 height:350px;
  2475.                 margin:0
  2476.         }
  2477.         #cl-main-inner .cl-story-block-position:nth-child(17){
  2478.                 display:block;
  2479.                 width:275px;
  2480.                 height:730px;
  2481.                 margin:0 calc((100% - 1100px)/ 4) 30px 0;
  2482.                 float:right;
  2483.                 min-width:0;
  2484.                 max-width:none
  2485.         }
  2486.         #cl-main-inner .cl-story-block-position:nth-child(17) .cl-game-block-position{
  2487.                 width:275px;
  2488.                 height:350px;
  2489.                 margin:0 0 30px
  2490.         }
  2491.         #cl-main-inner .cl-story-block-position:nth-child(17) .cl-tooday-smi-position{
  2492.                 width:275px;
  2493.                 height:350px;
  2494.                 margin:0
  2495.         }
  2496.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(47),#cl-main-inner .cl-story-block-position~.spec-position:nth-child(63){
  2497.                 display:block;
  2498.                 width:calc(75% + 275px);
  2499.                 clear:both
  2500.         }
  2501.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .top-news~.publication-item:nth-child(6){
  2502.                 float:none;
  2503.                 overflow:hidden;
  2504.                 width:calc(50% + 275px);
  2505.                 height:auto
  2506.         }
  2507.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  2508.                 display:inline
  2509.         }
  2510.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  2511.                 display:inline;
  2512.                 vertical-align:baseline
  2513.         }
  2514.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--img{
  2515.                 display:none
  2516.         }
  2517.         #cl-main-inner .top-news~.cl-right:nth-child(8),#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9){
  2518.                 display:block;
  2519.                 width:275px;
  2520.                 height:730px;
  2521.                 margin:0 calc((100% - 1100px)/ 4) 30px 0;
  2522.                 float:right;
  2523.                 min-width:0;
  2524.                 max-width:none;
  2525.                 clear:both
  2526.         }
  2527.         #cl-main-inner .top-news~.cl-right:nth-child(8) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-game-block-position{
  2528.                 width:275px;
  2529.                 height:350px;
  2530.                 margin:0 0 30px
  2531.         }
  2532.         #cl-main-inner .top-news~.cl-right:nth-child(8) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-tooday-smi-position{
  2533.                 width:275px;
  2534.                 height:350px;
  2535.                 margin:0
  2536.         }
  2537.         #cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(13){
  2538.                 display:none
  2539.         }
  2540.         #cl-main-inner .top-news~.cl-story-block-position:nth-child(10){
  2541.                 display:block;
  2542.                 width:275px;
  2543.                 height:730px;
  2544.                 margin:0 calc((100% - 1100px)/ 4) 30px 0;
  2545.                 float:right;
  2546.                 min-width:0;
  2547.                 max-width:none
  2548.         }
  2549.         #cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-game-block-position{
  2550.                 width:275px;
  2551.                 height:350px;
  2552.                 margin:0 0 30px
  2553.         }
  2554.         #cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-tooday-smi-position{
  2555.                 width:275px;
  2556.                 height:350px;
  2557.                 margin:0
  2558.         }
  2559.         #cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(40),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(56),#cl-main-inner .top-news~.spec-position:nth-child(37),#cl-main-inner .top-news~.spec-position:nth-child(49){
  2560.                 display:block;
  2561.                 width:calc(75% + 275px);
  2562.                 clear:both
  2563.         }
  2564.         #cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(48){
  2565.                 display:none
  2566.         }
  2567.         #cl-main-inner .publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(11) .publication-item--title,#cl-main-inner .publication-item:nth-child(3) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(3) .publication-item--title,#cl-main-inner .publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(7) .publication-item--title{
  2568.                 display:inline
  2569.         }
  2570.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11) .publication-item--title{
  2571.                 display:block;
  2572.                 font-size:20px;
  2573.                 line-height:24px
  2574.         }
  2575.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11) .publication-item--sub-title{
  2576.                 display:block;
  2577.                 font-size:15px;
  2578.                 line-height:20px
  2579.         }
  2580.         #cl-main-inner .cl-right,#cl-main-inner .cl-story-block-position{
  2581.                 display:none;
  2582.                 min-width:0;
  2583.                 max-width:none
  2584.         }
  2585.         #cl-main-inner .cl-right .cl-game-block-position,#cl-main-inner .cl-right .cl-tooday-smi-position,#cl-main-inner .cl-story-block-position .cl-game-block-position,#cl-main-inner .cl-story-block-position .cl-tooday-smi-position{
  2586.                 display:block;
  2587.                 width:275px;
  2588.                 height:350px
  2589.         }
  2590.         #cl-main-inner .cl-right:nth-child(1){
  2591.                 display:block;
  2592.                 float:right;
  2593.                 width:275px;
  2594.                 margin:0 calc((100% - 1100px)/ 4) 0 0
  2595.         }
  2596.         #cl-main-inner .cl-right:nth-child(13){
  2597.                 display:block;
  2598.                 width:275px;
  2599.                 height:730px;
  2600.                 margin:0 calc((100% - 1100px)/ 4) 30px 0;
  2601.                 float:right;
  2602.                 min-width:0;
  2603.                 max-width:none
  2604.         }
  2605.         #cl-main-inner .cl-right:nth-child(13) .cl-game-block-position{
  2606.                 width:275px;
  2607.                 height:350px;
  2608.                 margin:0 0 30px
  2609.         }
  2610.         #cl-main-inner .cl-right:nth-child(13) .cl-tooday-smi-position{
  2611.                 width:275px;
  2612.                 height:350px;
  2613.                 margin:0
  2614.         }
  2615.         #cl-main-inner .spec-position:nth-child(42),#cl-main-inner .spec-position:nth-child(54){
  2616.                 display:block;
  2617.                 width:calc(75% + 275px)
  2618.         }
  2619.         #cl-main-inner .spec-position:nth-child(42)+.publication-item,#cl-main-inner .spec-position:nth-child(54)+.publication-item{
  2620.                 clear:both
  2621.         }
  2622.         #cl-main-inner .top-news~.spec-position:nth-child(51){
  2623.                 display:none
  2624.         }
  2625.         #cl-main-inner .cl-right:nth-child(5){
  2626.                 clear:both
  2627.         }
  2628.         #cl-main-inner .cl-story-block-position:nth-child(7){
  2629.                 margin-right:calc((100% - 1100px)/ 4)
  2630.         }
  2631.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item,#cl-main-inner .publication-item:nth-child(11) .publication-item,#cl-main-inner .publication-item:nth-child(5) .publication-item,#cl-main-inner .publication-item:nth-child(7) .publication-item,#cl-main-inner .publication-item:nth-child(8) .publication-item,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item{
  2632.                 line-height:30px
  2633.         }
  2634.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .publication-item:nth-child(11) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(7) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  2635.                 font-size:28px;
  2636.                 margin-top:0
  2637.         }
  2638.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  2639.                 font-size:17px;
  2640.                 vertical-align:baseline
  2641.         }
  2642.         .footer .btn-w{
  2643.                 margin-top:-382px
  2644.         }
  2645. }
  2646. @media all and (min-width:1366px) and (max-width:1479px){
  2647.         #cl-main-inner{
  2648.                 padding:30px 0 0 calc((100% - 1000px)/ 4)
  2649.         }
  2650.         #cl-main-inner .top-news{
  2651.                 display:block;
  2652.                 width:calc(50% + 250px);
  2653.                 margin:0 calc((100% - 1000px)/ 4) 30px 0
  2654.         }
  2655.         #cl-main-inner .cl-story-block{
  2656.                 overflow:hidden;
  2657.                 position:relative
  2658.         }
  2659.         #cl-main-inner .cl-story--image-link{
  2660.                 display:block;
  2661.                 overflow:hidden;
  2662.                 position:relative
  2663.         }
  2664.         #cl-main-inner .cl-story--image-link:before{
  2665.                 content:"сюжеты";
  2666.                 display:inline-block;
  2667.                 font-size:13px;
  2668.                 text-transform:uppercase;
  2669.                 color:#fff;
  2670.                 position:absolute;
  2671.                 left:10px;
  2672.                 top:10px;
  2673.                 font-family:museo_sans_cyrl700,Source-sans-pro,sans-serif;
  2674.                 letter-spacing:1px;
  2675.                 background:#1964E7;
  2676.                 padding:0 5px
  2677.         }
  2678.         #cl-main-inner .cl-story--image{
  2679.                 display:block;
  2680.                 width:100%;
  2681.                 height:auto;
  2682.                 background-position:center center;
  2683.                 background-size:cover;
  2684.                 margin-bottom:10px
  2685.         }
  2686.         #cl-main-inner .cl-story--news-list{
  2687.                 display:flex;
  2688.                 overflow:visible;
  2689.                 position:relative;
  2690.                 transition:left .3s ease 0s
  2691.         }
  2692.         #cl-main-inner .cl-story--news-list--item{
  2693.                 float:left;
  2694.                 display:block;
  2695.                 overflow:hidden;
  2696.                 width:250px;
  2697.                 min-width:250px;
  2698.                 padding:0 0 15px;
  2699.                 margin-bottom:10px;
  2700.                 position:relative;
  2701.                 outline-style:none
  2702.         }
  2703.         #cl-main-inner .cl-story--news-list--item--time{
  2704.                 display:block;
  2705.                 color:#1964E7
  2706.         }
  2707.         #cl-main-inner .cl-story--news-list--item--title{
  2708.                 display:block;
  2709.                 overflow:hidden;
  2710.                 color:#000;
  2711.                 position:relative;
  2712.                 height:80px
  2713.         }
  2714.         #cl-main-inner .cl-story--news-list .slick-list{
  2715.                 overflow:hidden
  2716.         }
  2717.         #cl-main-inner .cl-story--other-story{
  2718.                 display:block;
  2719.                 overflow:hidden;
  2720.                 margin-top:15px;
  2721.                 font-size:14px
  2722.         }
  2723.         #cl-main-inner .cl-story--other-story>a{
  2724.                 display:block;
  2725.                 padding:10px 0 0;
  2726.                 color:#000;
  2727.                 line-height:16px
  2728.         }
  2729.         #cl-main-inner .cl-story--other-story>a:first-child{
  2730.                 padding-top:15px
  2731.         }
  2732.         #cl-main-inner .cl-story--other-story>a:hover{
  2733.                 color:#1964E7
  2734.         }
  2735.         #cl-main-inner .cl-story--bottom-block{
  2736.                 display:block;
  2737.                 overflow:hidden;
  2738.                 position:absolute;
  2739.                 left:0;
  2740.                 width:100%;
  2741.                 height:auto;
  2742.                 bottom:1px;
  2743.                 padding:55px 20px 20px;
  2744.                 box-sizing:border-box;
  2745.                 background:url(https://s.ura.news/img/bottom_gradient.png) left top repeat-x
  2746.         }
  2747.         #cl-main-inner .cl-story--bottom-block:after{
  2748.                 display:block;
  2749.                 overflow:hidden;
  2750.                 content:' ';
  2751.                 top:65px;
  2752.                 left:20px;
  2753.                 right:20px;
  2754.                 position:absolute;
  2755.                 border-top:1px solid #C8C8C8
  2756.         }
  2757.         #cl-main-inner .cl-story--bottom-block .slick-next,#cl-main-inner .cl-story--bottom-block .slick-prev{
  2758.                 display:block;
  2759.                 overflow:hidden;
  2760.                 border:0;
  2761.                 background:0 0;
  2762.                 height:14px;
  2763.                 line-height:14px;
  2764.                 padding:0;
  2765.                 position:absolute;
  2766.                 top:40px;
  2767.                 z-index:1;
  2768.                 cursor:pointer
  2769.         }
  2770.         #cl-main-inner .cl-story--bottom-block .slick-prev{
  2771.                 left:20px
  2772.         }
  2773.         #cl-main-inner .cl-story--bottom-block .slick-prev:before{
  2774.                 float:left;
  2775.                 content:'←'
  2776.         }
  2777.         #cl-main-inner .cl-story--bottom-block .slick-next{
  2778.                 right:20px
  2779.         }
  2780.         #cl-main-inner .cl-story--bottom-block .slick-next:before{
  2781.                 float:right;
  2782.                 content:'→'
  2783.         }
  2784.         #cl-main-inner .cl-story--bottom-block .slick-disabled{
  2785.                 cursor:default;
  2786.                 opacity:.25
  2787.         }
  2788.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11),#cl-main-inner .publication-item{
  2789.                 display:block;
  2790.                 float:left;
  2791.                 width:250px;
  2792.                 height:355px;
  2793.                 margin:0 calc((100% - 1000px)/ 4) 0 0;
  2794.                 padding:0 0 30px
  2795.         }
  2796.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11) .publication-item--img,#cl-main-inner .publication-item .publication-item--img{
  2797.                 display:block
  2798.         }
  2799.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6),#cl-main-inner .publication-item:nth-child(11),#cl-main-inner .publication-item:nth-child(5),#cl-main-inner .publication-item:nth-child(8){
  2800.                 float:none;
  2801.                 overflow:hidden;
  2802.                 width:calc(50% + 250px);
  2803.                 height:auto
  2804.         }
  2805.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .publication-item:nth-child(11) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title{
  2806.                 display:inline;
  2807.                 font-size:20px
  2808.         }
  2809.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title{
  2810.                 display:inline;
  2811.                 vertical-align:baseline;
  2812.                 font-size:15px
  2813.         }
  2814.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(14) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--img,#cl-main-inner .publication-item:nth-child(11) .publication-item--img,#cl-main-inner .publication-item:nth-child(5) .publication-item--img,#cl-main-inner .publication-item:nth-child(8) .publication-item--img{
  2815.                 display:none
  2816.         }
  2817.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16){
  2818.                 display:block;
  2819.                 width:250px;
  2820.                 height:740px;
  2821.                 margin:0 calc((100% - 1000px)/ 4) 30px 0;
  2822.                 float:right;
  2823.                 min-width:0;
  2824.                 max-width:none;
  2825.                 clear:both
  2826.         }
  2827.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16) .cl-game-block-position{
  2828.                 width:250px;
  2829.                 height:355px;
  2830.                 margin:0 0 30px
  2831.         }
  2832.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16) .cl-tooday-smi-position{
  2833.                 width:250px;
  2834.                 height:355px;
  2835.                 margin:0
  2836.         }
  2837.         #cl-main-inner .cl-story-block-position:nth-child(17){
  2838.                 display:block;
  2839.                 width:250px;
  2840.                 height:740px;
  2841.                 margin:0 calc((100% - 1000px)/ 4) 30px 0;
  2842.                 float:right;
  2843.                 min-width:0;
  2844.                 max-width:none
  2845.         }
  2846.         #cl-main-inner .cl-story-block-position:nth-child(17) .cl-game-block-position{
  2847.                 width:250px;
  2848.                 height:355px;
  2849.                 margin:0 0 30px
  2850.         }
  2851.         #cl-main-inner .cl-story-block-position:nth-child(17) .cl-tooday-smi-position{
  2852.                 width:250px;
  2853.                 height:355px;
  2854.                 margin:0
  2855.         }
  2856.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(47),#cl-main-inner .cl-story-block-position~.spec-position:nth-child(63){
  2857.                 display:block;
  2858.                 width:calc(75% + 250px);
  2859.                 clear:both
  2860.         }
  2861.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .top-news~.publication-item:nth-child(6){
  2862.                 float:none;
  2863.                 overflow:hidden;
  2864.                 width:calc(50% + 250px);
  2865.                 height:auto
  2866.         }
  2867.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  2868.                 display:inline
  2869.         }
  2870.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  2871.                 display:inline;
  2872.                 vertical-align:baseline
  2873.         }
  2874.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--img{
  2875.                 display:none
  2876.         }
  2877.         #cl-main-inner .top-news~.cl-right:nth-child(8),#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9){
  2878.                 display:block;
  2879.                 width:250px;
  2880.                 height:740px;
  2881.                 margin:0 calc((100% - 1000px)/ 4) 30px 0;
  2882.                 float:right;
  2883.                 min-width:0;
  2884.                 max-width:none;
  2885.                 clear:both
  2886.         }
  2887.         #cl-main-inner .top-news~.cl-right:nth-child(8) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-game-block-position{
  2888.                 width:250px;
  2889.                 height:355px;
  2890.                 margin:0 0 30px
  2891.         }
  2892.         #cl-main-inner .top-news~.cl-right:nth-child(8) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-tooday-smi-position{
  2893.                 width:250px;
  2894.                 height:355px;
  2895.                 margin:0
  2896.         }
  2897.         #cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(13){
  2898.                 display:none
  2899.         }
  2900.         #cl-main-inner .top-news~.cl-story-block-position:nth-child(10){
  2901.                 display:block;
  2902.                 width:250px;
  2903.                 height:740px;
  2904.                 margin:0 calc((100% - 1000px)/ 4) 30px 0;
  2905.                 float:right;
  2906.                 min-width:0;
  2907.                 max-width:none
  2908.         }
  2909.         #cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-game-block-position{
  2910.                 width:250px;
  2911.                 height:355px;
  2912.                 margin:0 0 30px
  2913.         }
  2914.         #cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-tooday-smi-position{
  2915.                 width:250px;
  2916.                 height:355px;
  2917.                 margin:0
  2918.         }
  2919.         #cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(40),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(56),#cl-main-inner .top-news~.spec-position:nth-child(37),#cl-main-inner .top-news~.spec-position:nth-child(49){
  2920.                 display:block;
  2921.                 width:calc(75% + 250px);
  2922.                 clear:both
  2923.         }
  2924.         #cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(48){
  2925.                 display:none
  2926.         }
  2927.         #cl-main-inner .publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(11) .publication-item--title,#cl-main-inner .publication-item:nth-child(3) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(3) .publication-item--title,#cl-main-inner .publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(7) .publication-item--title{
  2928.                 display:inline
  2929.         }
  2930.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11) .publication-item--title{
  2931.                 display:block;
  2932.                 font-size:20px;
  2933.                 line-height:24px
  2934.         }
  2935.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(11) .publication-item--sub-title{
  2936.                 display:block;
  2937.                 font-size:15px;
  2938.                 line-height:20px
  2939.         }
  2940.         #cl-main-inner .cl-right,#cl-main-inner .cl-story-block-position{
  2941.                 display:none;
  2942.                 min-width:0;
  2943.                 max-width:none
  2944.         }
  2945.         #cl-main-inner .cl-right .cl-game-block-position,#cl-main-inner .cl-right .cl-tooday-smi-position,#cl-main-inner .cl-story-block-position .cl-game-block-position,#cl-main-inner .cl-story-block-position .cl-tooday-smi-position{
  2946.                 display:block;
  2947.                 width:250px;
  2948.                 height:355px
  2949.         }
  2950.         #cl-main-inner .cl-right:nth-child(1){
  2951.                 display:block;
  2952.                 float:right;
  2953.                 width:250px;
  2954.                 margin:0 calc((100% - 1000px)/ 4) 0 0
  2955.         }
  2956.         #cl-main-inner .cl-right:nth-child(13){
  2957.                 display:block;
  2958.                 width:250px;
  2959.                 height:740px;
  2960.                 margin:0 calc((100% - 1000px)/ 4) 30px 0;
  2961.                 float:right;
  2962.                 min-width:0;
  2963.                 max-width:none
  2964.         }
  2965.         #cl-main-inner .cl-right:nth-child(13) .cl-game-block-position{
  2966.                 width:250px;
  2967.                 height:355px;
  2968.                 margin:0 0 30px
  2969.         }
  2970.         #cl-main-inner .cl-right:nth-child(13) .cl-tooday-smi-position{
  2971.                 width:250px;
  2972.                 height:355px;
  2973.                 margin:0
  2974.         }
  2975.         #cl-main-inner .spec-position:nth-child(42),#cl-main-inner .spec-position:nth-child(54){
  2976.                 display:block;
  2977.                 width:calc(75% + 250px)
  2978.         }
  2979.         #cl-main-inner .spec-position:nth-child(42)+.publication-item,#cl-main-inner .spec-position:nth-child(54)+.publication-item{
  2980.                 clear:both
  2981.         }
  2982.         #cl-main-inner .top-news~.spec-position:nth-child(51){
  2983.                 display:none
  2984.         }
  2985.         #cl-main-inner .cl-right:nth-child(5){
  2986.                 clear:both
  2987.         }
  2988.         #cl-main-inner .cl-story-block-position:nth-child(7){
  2989.                 margin-right:calc((100% - 1000px)/ 4)
  2990.         }
  2991.         .footer .btn-w{
  2992.                 margin-top:-387px
  2993.         }
  2994. }
  2995. @media all and (min-width:1220px) and (max-width:1365px){
  2996.         #cl-main-inner{
  2997.                 padding:30px 0 0 calc((100% - 810px)/ 3)
  2998.         }
  2999.         #cl-main-inner .publication-item{
  3000.                 display:block;
  3001.                 float:left;
  3002.                 width:270px;
  3003.                 height:365px;
  3004.                 margin:0 calc((100% - 810px)/ 3) 0 0;
  3005.                 padding:0 0 30px
  3006.         }
  3007.         #cl-main-inner .publication-item .publication-item--img{
  3008.                 display:block
  3009.         }
  3010.         #cl-main-inner .cl-story-block-position,#cl-main-inner .spec-position+.cl-right{
  3011.                 display:none
  3012.         }
  3013.         #cl-main-inner .cl-right:first-child{
  3014.                 display:block;
  3015.                 width:270px;
  3016.                 margin:0 calc((100% - 810px)/ 3) 30px 0;
  3017.                 float:right;
  3018.                 min-width:0;
  3019.                 max-width:none;
  3020.                 height:auto
  3021.         }
  3022.         #cl-main-inner .cl-right:first-child .cl-game-block-position{
  3023.                 width:270px;
  3024.                 height:365px;
  3025.                 margin:0 0 30px
  3026.         }
  3027.         #cl-main-inner .cl-right:first-child .cl-tooday-smi-position{
  3028.                 width:270px;
  3029.                 height:365px;
  3030.                 margin:0
  3031.         }
  3032.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .publication-item:nth-child(5),#cl-main-inner .publication-item:nth-child(8),#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .top-news~.publication-item:nth-child(11),#cl-main-inner .top-news~.publication-item:nth-child(6){
  3033.                 float:none;
  3034.                 overflow:hidden;
  3035.                 width:calc(33% + 270px);
  3036.                 height:auto
  3037.         }
  3038.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  3039.                 display:inline
  3040.         }
  3041.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  3042.                 display:inline;
  3043.                 vertical-align:baseline
  3044.         }
  3045.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .publication-item:nth-child(5) .publication-item--img,#cl-main-inner .publication-item:nth-child(8) .publication-item--img,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--img{
  3046.                 display:none
  3047.         }
  3048.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(11){
  3049.                 display:block;
  3050.                 float:left;
  3051.                 width:270px;
  3052.                 height:365px;
  3053.                 margin:0 calc((100% - 810px)/ 3) 0 0;
  3054.                 padding:0 0 30px
  3055.         }
  3056.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(11) .publication-item--img{
  3057.                 display:block
  3058.         }
  3059.         #cl-main-inner .cl-right:nth-child(10),#cl-main-inner .cl-story-block-position~.cl-right:nth-child(12),#cl-main-inner .top-news~.cl-right:nth-child(8){
  3060.                 display:block;
  3061.                 width:270px;
  3062.                 height:760px;
  3063.                 margin:0 calc((100% - 810px)/ 3) 30px 0;
  3064.                 float:right;
  3065.                 min-width:0;
  3066.                 max-width:none;
  3067.                 clear:both
  3068.         }
  3069.         #cl-main-inner .cl-right:nth-child(10) .cl-game-block-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(12) .cl-game-block-position,#cl-main-inner .top-news~.cl-right:nth-child(8) .cl-game-block-position{
  3070.                 width:270px;
  3071.                 height:365px;
  3072.                 margin:0 0 30px
  3073.         }
  3074.         #cl-main-inner .cl-right:nth-child(10) .cl-tooday-smi-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(12) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-right:nth-child(8) .cl-tooday-smi-position{
  3075.                 width:270px;
  3076.                 height:365px;
  3077.                 margin:0
  3078.         }
  3079.         #cl-main-inner .cl-story-block-position:nth-child(13),#cl-main-inner .top-news~.cl-story-block-position:nth-child(10),#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9){
  3080.                 display:block;
  3081.                 width:270px;
  3082.                 height:760px;
  3083.                 margin:0 calc((100% - 810px)/ 3) 30px 0;
  3084.                 float:right;
  3085.                 min-width:0;
  3086.                 max-width:none
  3087.         }
  3088.         #cl-main-inner .cl-story-block-position:nth-child(13) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-game-block-position{
  3089.                 width:270px;
  3090.                 height:365px;
  3091.                 margin:0 0 30px
  3092.         }
  3093.         #cl-main-inner .cl-story-block-position:nth-child(13) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-tooday-smi-position{
  3094.                 width:270px;
  3095.                 height:365px;
  3096.                 margin:0
  3097.         }
  3098.         #cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(13){
  3099.                 display:none
  3100.         }
  3101.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(31),#cl-main-inner .cl-story-block-position~.spec-position:nth-child(43),#cl-main-inner .spec-position:nth-child(30),#cl-main-inner .spec-position:nth-child(39),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(28),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(40),#cl-main-inner .top-news~.spec-position:nth-child(28),#cl-main-inner .top-news~.spec-position:nth-child(37){
  3102.                 display:block;
  3103.                 width:calc((200% + 810px)/ 3)
  3104.         }
  3105.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(31)+.publication-item,#cl-main-inner .cl-story-block-position~.spec-position:nth-child(43)+.publication-item,#cl-main-inner .spec-position:nth-child(30)+.publication-item,#cl-main-inner .spec-position:nth-child(39)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(28)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(40)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(28)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(37)+.publication-item{
  3106.                 clear:both
  3107.         }
  3108.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(39){
  3109.                 display:none
  3110.         }
  3111.         #cl-main-inner .top-news{
  3112.                 display:block;
  3113.                 width:calc(33% + 270px);
  3114.                 margin:0 calc((100% - 810px)/ 3) 30px 0
  3115.         }
  3116.         #cl-main-inner .cl-story-block{
  3117.                 overflow:hidden;
  3118.                 position:relative
  3119.         }
  3120.         #cl-main-inner .cl-story--image-link{
  3121.                 display:block;
  3122.                 overflow:hidden;
  3123.                 position:relative
  3124.         }
  3125.         #cl-main-inner .cl-story--image-link:before{
  3126.                 content:"сюжеты";
  3127.                 display:inline-block;
  3128.                 font-size:13px;
  3129.                 text-transform:uppercase;
  3130.                 color:#fff;
  3131.                 position:absolute;
  3132.                 left:10px;
  3133.                 top:10px;
  3134.                 font-family:museo_sans_cyrl700,Source-sans-pro,sans-serif;
  3135.                 letter-spacing:1px;
  3136.                 background:#1964E7;
  3137.                 padding:0 5px
  3138.         }
  3139.         #cl-main-inner .cl-story--image{
  3140.                 display:block;
  3141.                 width:100%;
  3142.                 height:auto;
  3143.                 background-position:center center;
  3144.                 background-size:cover;
  3145.                 margin-bottom:10px
  3146.         }
  3147.         #cl-main-inner .cl-story--news-list{
  3148.                 display:flex;
  3149.                 overflow:visible;
  3150.                 position:relative;
  3151.                 transition:left .3s ease 0s
  3152.         }
  3153.         #cl-main-inner .cl-story--news-list--item{
  3154.                 float:left;
  3155.                 display:block;
  3156.                 overflow:hidden;
  3157.                 width:270px;
  3158.                 min-width:270px;
  3159.                 padding:0 0 15px;
  3160.                 margin-bottom:10px;
  3161.                 position:relative;
  3162.                 outline-style:none
  3163.         }
  3164.         #cl-main-inner .cl-story--news-list--item--time{
  3165.                 display:block;
  3166.                 color:#1964E7
  3167.         }
  3168.         #cl-main-inner .cl-story--news-list--item--title{
  3169.                 display:block;
  3170.                 overflow:hidden;
  3171.                 color:#000;
  3172.                 position:relative;
  3173.                 height:80px
  3174.         }
  3175.         #cl-main-inner .cl-story--news-list .slick-list{
  3176.                 overflow:hidden
  3177.         }
  3178.         #cl-main-inner .cl-story--other-story{
  3179.                 display:block;
  3180.                 overflow:hidden;
  3181.                 margin-top:15px;
  3182.                 font-size:14px
  3183.         }
  3184.         #cl-main-inner .cl-story--other-story>a{
  3185.                 display:block;
  3186.                 padding:10px 0 0;
  3187.                 color:#000;
  3188.                 line-height:16px
  3189.         }
  3190.         #cl-main-inner .cl-story--other-story>a:first-child{
  3191.                 padding-top:15px
  3192.         }
  3193.         #cl-main-inner .cl-story--other-story>a:hover{
  3194.                 color:#1964E7
  3195.         }
  3196.         #cl-main-inner .cl-story--bottom-block{
  3197.                 display:block;
  3198.                 overflow:hidden;
  3199.                 position:absolute;
  3200.                 left:0;
  3201.                 width:100%;
  3202.                 height:auto;
  3203.                 bottom:1px;
  3204.                 padding:55px 20px 20px;
  3205.                 box-sizing:border-box;
  3206.                 background:url(https://s.ura.news/img/bottom_gradient.png) left top repeat-x
  3207.         }
  3208.         #cl-main-inner .cl-story--bottom-block:after{
  3209.                 display:block;
  3210.                 overflow:hidden;
  3211.                 content:' ';
  3212.                 top:65px;
  3213.                 left:20px;
  3214.                 right:20px;
  3215.                 position:absolute;
  3216.                 border-top:1px solid #C8C8C8
  3217.         }
  3218.         #cl-main-inner .cl-story--bottom-block .slick-next,#cl-main-inner .cl-story--bottom-block .slick-prev{
  3219.                 display:block;
  3220.                 overflow:hidden;
  3221.                 border:0;
  3222.                 background:0 0;
  3223.                 height:14px;
  3224.                 line-height:14px;
  3225.                 padding:0;
  3226.                 position:absolute;
  3227.                 top:40px;
  3228.                 z-index:1;
  3229.                 cursor:pointer
  3230.         }
  3231.         #cl-main-inner .cl-story--bottom-block .slick-prev{
  3232.                 left:20px
  3233.         }
  3234.         #cl-main-inner .cl-story--bottom-block .slick-prev:before{
  3235.                 float:left;
  3236.                 content:'←'
  3237.         }
  3238.         #cl-main-inner .cl-story--bottom-block .slick-next{
  3239.                 right:20px
  3240.         }
  3241.         #cl-main-inner .cl-story--bottom-block .slick-next:before{
  3242.                 float:right;
  3243.                 content:'→'
  3244.         }
  3245.         #cl-main-inner .cl-story--bottom-block .slick-disabled{
  3246.                 cursor:default;
  3247.                 opacity:.25
  3248.         }
  3249.         #cl-main-inner .top-news{
  3250.                 margin-bottom:20px
  3251.         }
  3252.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  3253.                 font-size:28px
  3254.         }
  3255.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  3256.                 font-size:17px
  3257.         }
  3258.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  3259.                 line-height:30px
  3260.         }
  3261.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(11) .publication-item--title{
  3262.                 font-size:20px;
  3263.                 line-height:24px
  3264.         }
  3265.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(11) .publication-item--sub-title{
  3266.                 font-size:15px;
  3267.                 line-height:20px
  3268.         }
  3269.         .footer .btn-w{
  3270.                 margin-top:-397px
  3271.         }
  3272. }
  3273. @media all and (min-width:1025px) and (max-width:1219px){
  3274.         body{
  3275.                 overflow-x:auto
  3276.         }
  3277.         .content{
  3278.                 min-width:1025px;
  3279.                 width:100%;
  3280.                 margin:0 auto 0 0
  3281.         }
  3282.         #cl-main-inner{
  3283.                 padding:30px 0 0 calc((100% - 750px)/ 3)
  3284.         }
  3285.         #cl-main-inner .publication-item{
  3286.                 display:block;
  3287.                 float:left;
  3288.                 width:250px;
  3289.                 height:350px;
  3290.                 margin:0 calc((100% - 750px)/ 3) 0 0;
  3291.                 padding:0 0 30px
  3292.         }
  3293.         #cl-main-inner .publication-item .publication-item--img{
  3294.                 display:block
  3295.         }
  3296.         #cl-main-inner .cl-story-block-position,#cl-main-inner .spec-position+.cl-right{
  3297.                 display:none
  3298.         }
  3299.         #cl-main-inner .cl-right:first-child{
  3300.                 display:block;
  3301.                 width:250px;
  3302.                 margin:0 calc((100% - 750px)/ 3) 30px 0;
  3303.                 float:right;
  3304.                 min-width:0;
  3305.                 max-width:none;
  3306.                 height:auto
  3307.         }
  3308.         #cl-main-inner .cl-right:first-child .cl-game-block-position{
  3309.                 width:250px;
  3310.                 height:350px;
  3311.                 margin:0 0 30px
  3312.         }
  3313.         #cl-main-inner .cl-right:first-child .cl-tooday-smi-position{
  3314.                 width:250px;
  3315.                 height:350px;
  3316.                 margin:0
  3317.         }
  3318.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .publication-item:nth-child(5),#cl-main-inner .publication-item:nth-child(8),#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .top-news~.publication-item:nth-child(11),#cl-main-inner .top-news~.publication-item:nth-child(6){
  3319.                 float:none;
  3320.                 overflow:hidden;
  3321.                 width:calc(33% + 250px);
  3322.                 height:auto
  3323.         }
  3324.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  3325.                 display:inline
  3326.         }
  3327.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  3328.                 display:inline;
  3329.                 vertical-align:baseline
  3330.         }
  3331.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .publication-item:nth-child(5) .publication-item--img,#cl-main-inner .publication-item:nth-child(8) .publication-item--img,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(11) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--img{
  3332.                 display:none
  3333.         }
  3334.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(11){
  3335.                 display:block;
  3336.                 float:left;
  3337.                 width:250px;
  3338.                 height:350px;
  3339.                 margin:0 calc((100% - 750px)/ 3) 0 0;
  3340.                 padding:0 0 30px
  3341.         }
  3342.         #cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(11) .publication-item--img{
  3343.                 display:block
  3344.         }
  3345.         #cl-main-inner .cl-right:nth-child(10),#cl-main-inner .cl-story-block-position~.cl-right:nth-child(12),#cl-main-inner .top-news~.cl-right:nth-child(8){
  3346.                 display:block;
  3347.                 width:250px;
  3348.                 height:730px;
  3349.                 margin:0 calc((100% - 750px)/ 3) 30px 0;
  3350.                 float:right;
  3351.                 min-width:0;
  3352.                 max-width:none;
  3353.                 clear:both
  3354.         }
  3355.         #cl-main-inner .cl-right:nth-child(10) .cl-game-block-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(12) .cl-game-block-position,#cl-main-inner .top-news~.cl-right:nth-child(8) .cl-game-block-position{
  3356.                 width:250px;
  3357.                 height:350px;
  3358.                 margin:0 0 30px
  3359.         }
  3360.         #cl-main-inner .cl-right:nth-child(10) .cl-tooday-smi-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(12) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-right:nth-child(8) .cl-tooday-smi-position{
  3361.                 width:250px;
  3362.                 height:350px;
  3363.                 margin:0
  3364.         }
  3365.         #cl-main-inner .cl-story-block-position:nth-child(13),#cl-main-inner .top-news~.cl-story-block-position:nth-child(10),#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9){
  3366.                 display:block;
  3367.                 width:250px;
  3368.                 height:730px;
  3369.                 margin:0 calc((100% - 750px)/ 3) 30px 0;
  3370.                 float:right;
  3371.                 min-width:0;
  3372.                 max-width:none
  3373.         }
  3374.         #cl-main-inner .cl-story-block-position:nth-child(13) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-game-block-position{
  3375.                 width:250px;
  3376.                 height:350px;
  3377.                 margin:0 0 30px
  3378.         }
  3379.         #cl-main-inner .cl-story-block-position:nth-child(13) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(10) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(9) .cl-tooday-smi-position{
  3380.                 width:250px;
  3381.                 height:350px;
  3382.                 margin:0
  3383.         }
  3384.         #cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(13){
  3385.                 display:none
  3386.         }
  3387.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(31),#cl-main-inner .cl-story-block-position~.spec-position:nth-child(43),#cl-main-inner .spec-position:nth-child(30),#cl-main-inner .spec-position:nth-child(39),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(28),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(40),#cl-main-inner .top-news~.spec-position:nth-child(28),#cl-main-inner .top-news~.spec-position:nth-child(37){
  3388.                 display:block;
  3389.                 width:calc((200% + 750px)/ 3)
  3390.         }
  3391.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(31)+.publication-item,#cl-main-inner .cl-story-block-position~.spec-position:nth-child(43)+.publication-item,#cl-main-inner .spec-position:nth-child(30)+.publication-item,#cl-main-inner .spec-position:nth-child(39)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(28)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(40)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(28)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(37)+.publication-item{
  3392.                 clear:both
  3393.         }
  3394.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(39){
  3395.                 display:none
  3396.         }
  3397.         #cl-main-inner .top-news{
  3398.                 display:block;
  3399.                 width:calc(33% + 250px);
  3400.                 margin:0 calc((100% - 750px)/ 3) 30px 0
  3401.         }
  3402.         #cl-main-inner .cl-story-block{
  3403.                 overflow:hidden;
  3404.                 position:relative
  3405.         }
  3406.         #cl-main-inner .cl-story--image-link{
  3407.                 display:block;
  3408.                 overflow:hidden;
  3409.                 position:relative
  3410.         }
  3411.         #cl-main-inner .cl-story--image-link:before{
  3412.                 content:"сюжеты";
  3413.                 display:inline-block;
  3414.                 font-size:13px;
  3415.                 text-transform:uppercase;
  3416.                 color:#fff;
  3417.                 position:absolute;
  3418.                 left:10px;
  3419.                 top:10px;
  3420.                 font-family:museo_sans_cyrl700,Source-sans-pro,sans-serif;
  3421.                 letter-spacing:1px;
  3422.                 background:#1964E7;
  3423.                 padding:0 5px
  3424.         }
  3425.         #cl-main-inner .cl-story--image{
  3426.                 display:block;
  3427.                 width:100%;
  3428.                 height:auto;
  3429.                 background-position:center center;
  3430.                 background-size:cover;
  3431.                 margin-bottom:10px
  3432.         }
  3433.         #cl-main-inner .cl-story--news-list{
  3434.                 display:flex;
  3435.                 overflow:visible;
  3436.                 position:relative;
  3437.                 transition:left .3s ease 0s
  3438.         }
  3439.         #cl-main-inner .cl-story--news-list--item{
  3440.                 float:left;
  3441.                 display:block;
  3442.                 overflow:hidden;
  3443.                 width:250px;
  3444.                 min-width:250px;
  3445.                 padding:0 0 15px;
  3446.                 margin-bottom:10px;
  3447.                 position:relative;
  3448.                 outline-style:none
  3449.         }
  3450.         #cl-main-inner .cl-story--news-list--item--time{
  3451.                 display:block;
  3452.                 color:#1964E7
  3453.         }
  3454.         #cl-main-inner .cl-story--news-list--item--title{
  3455.                 display:block;
  3456.                 overflow:hidden;
  3457.                 color:#000;
  3458.                 position:relative;
  3459.                 height:80px
  3460.         }
  3461.         #cl-main-inner .cl-story--news-list .slick-list{
  3462.                 overflow:hidden
  3463.         }
  3464.         #cl-main-inner .cl-story--other-story{
  3465.                 display:block;
  3466.                 overflow:hidden;
  3467.                 margin-top:15px;
  3468.                 font-size:14px
  3469.         }
  3470.         #cl-main-inner .cl-story--other-story>a{
  3471.                 display:block;
  3472.                 padding:10px 0 0;
  3473.                 color:#000;
  3474.                 line-height:16px
  3475.         }
  3476.         #cl-main-inner .cl-story--other-story>a:first-child{
  3477.                 padding-top:15px
  3478.         }
  3479.         #cl-main-inner .cl-story--other-story>a:hover{
  3480.                 color:#1964E7
  3481.         }
  3482.         #cl-main-inner .cl-story--bottom-block{
  3483.                 display:block;
  3484.                 overflow:hidden;
  3485.                 position:absolute;
  3486.                 left:0;
  3487.                 width:100%;
  3488.                 height:auto;
  3489.                 bottom:1px;
  3490.                 padding:55px 20px 20px;
  3491.                 box-sizing:border-box;
  3492.                 background:url(https://s.ura.news/img/bottom_gradient.png) left top repeat-x
  3493.         }
  3494.         #cl-main-inner .cl-story--bottom-block:after{
  3495.                 display:block;
  3496.                 overflow:hidden;
  3497.                 content:' ';
  3498.                 top:65px;
  3499.                 left:20px;
  3500.                 right:20px;
  3501.                 position:absolute;
  3502.                 border-top:1px solid #C8C8C8
  3503.         }
  3504.         #cl-main-inner .cl-story--bottom-block .slick-next,#cl-main-inner .cl-story--bottom-block .slick-prev{
  3505.                 display:block;
  3506.                 overflow:hidden;
  3507.                 border:0;
  3508.                 background:0 0;
  3509.                 height:14px;
  3510.                 line-height:14px;
  3511.                 padding:0;
  3512.                 position:absolute;
  3513.                 top:40px;
  3514.                 z-index:1;
  3515.                 cursor:pointer
  3516.         }
  3517.         #cl-main-inner .cl-story--bottom-block .slick-prev{
  3518.                 left:20px
  3519.         }
  3520.         #cl-main-inner .cl-story--bottom-block .slick-prev:before{
  3521.                 float:left;
  3522.                 content:'←'
  3523.         }
  3524.         #cl-main-inner .cl-story--bottom-block .slick-next{
  3525.                 right:20px
  3526.         }
  3527.         #cl-main-inner .cl-story--bottom-block .slick-next:before{
  3528.                 float:right;
  3529.                 content:'→'
  3530.         }
  3531.         #cl-main-inner .cl-story--bottom-block .slick-disabled{
  3532.                 cursor:default;
  3533.                 opacity:.25
  3534.         }
  3535.         #cl-main-inner .top-news{
  3536.                 margin-bottom:20px
  3537.         }
  3538.         #cl-main-inner .top-news-announce{
  3539.                 font-size:15px;
  3540.                 line-height:20px
  3541.         }
  3542.         #cl-main-inner .top-news-title{
  3543.                 line-height:24px
  3544.         }
  3545.         .footer .btn-w{
  3546.                 margin-top:-382px
  3547.         }
  3548. }
  3549. @media all and (min-width:768px) and (max-width:1024px){
  3550.         .content,body{
  3551.                 min-width:768px
  3552.         }
  3553.         #cl-main-inner{
  3554.                 padding:20px 0 0 calc((100% - 540px)/ 3)
  3555.         }
  3556.         #cl-main-inner .top-news{
  3557.                 display:block;
  3558.                 width:calc(50% + 270px);
  3559.                 margin:0 calc((100% - 540px)/ 2) 30px 0
  3560.         }
  3561.         #cl-main-inner .cl-story-block{
  3562.                 overflow:hidden;
  3563.                 position:relative
  3564.         }
  3565.         #cl-main-inner .cl-story--image-link{
  3566.                 display:block;
  3567.                 overflow:hidden;
  3568.                 position:relative
  3569.         }
  3570.         #cl-main-inner .cl-story--image-link:before{
  3571.                 content:"сюжеты";
  3572.                 display:inline-block;
  3573.                 font-size:13px;
  3574.                 text-transform:uppercase;
  3575.                 color:#fff;
  3576.                 position:absolute;
  3577.                 left:10px;
  3578.                 top:10px;
  3579.                 font-family:museo_sans_cyrl700,Source-sans-pro,sans-serif;
  3580.                 letter-spacing:1px;
  3581.                 background:#1964E7;
  3582.                 padding:0 5px
  3583.         }
  3584.         #cl-main-inner .cl-story--image{
  3585.                 display:block;
  3586.                 width:100%;
  3587.                 height:auto;
  3588.                 background-position:center center;
  3589.                 background-size:cover;
  3590.                 margin-bottom:10px
  3591.         }
  3592.         #cl-main-inner .cl-story--news-list{
  3593.                 display:flex;
  3594.                 overflow:visible;
  3595.                 position:relative;
  3596.                 transition:left .3s ease 0s
  3597.         }
  3598.         #cl-main-inner .cl-story--news-list--item{
  3599.                 float:left;
  3600.                 display:block;
  3601.                 overflow:hidden;
  3602.                 width:270px;
  3603.                 min-width:270px;
  3604.                 padding:0 0 15px;
  3605.                 margin-bottom:10px;
  3606.                 position:relative;
  3607.                 outline-style:none
  3608.         }
  3609.         #cl-main-inner .cl-story--news-list--item--time{
  3610.                 display:block;
  3611.                 color:#1964E7
  3612.         }
  3613.         #cl-main-inner .cl-story--news-list--item--title{
  3614.                 display:block;
  3615.                 overflow:hidden;
  3616.                 color:#000;
  3617.                 position:relative;
  3618.                 height:80px
  3619.         }
  3620.         #cl-main-inner .cl-story--news-list .slick-list{
  3621.                 overflow:hidden
  3622.         }
  3623.         #cl-main-inner .cl-story--other-story{
  3624.                 display:block;
  3625.                 overflow:hidden;
  3626.                 margin-top:15px;
  3627.                 font-size:14px
  3628.         }
  3629.         #cl-main-inner .cl-story--other-story>a{
  3630.                 display:block;
  3631.                 padding:10px 0 0;
  3632.                 color:#000;
  3633.                 line-height:16px
  3634.         }
  3635.         #cl-main-inner .cl-story--other-story>a:first-child{
  3636.                 padding-top:15px
  3637.         }
  3638.         #cl-main-inner .cl-story--other-story>a:hover{
  3639.                 color:#1964E7
  3640.         }
  3641.         #cl-main-inner .cl-story--bottom-block{
  3642.                 display:block;
  3643.                 overflow:hidden;
  3644.                 position:absolute;
  3645.                 left:0;
  3646.                 width:100%;
  3647.                 height:auto;
  3648.                 bottom:1px;
  3649.                 padding:55px 20px 20px;
  3650.                 box-sizing:border-box;
  3651.                 background:url(https://s.ura.news/img/bottom_gradient.png) left top repeat-x
  3652.         }
  3653.         #cl-main-inner .cl-story--bottom-block:after{
  3654.                 display:block;
  3655.                 overflow:hidden;
  3656.                 content:' ';
  3657.                 top:65px;
  3658.                 left:20px;
  3659.                 right:20px;
  3660.                 position:absolute;
  3661.                 border-top:1px solid #C8C8C8
  3662.         }
  3663.         #cl-main-inner .cl-story--bottom-block .slick-next,#cl-main-inner .cl-story--bottom-block .slick-prev{
  3664.                 display:block;
  3665.                 overflow:hidden;
  3666.                 border:0;
  3667.                 background:0 0;
  3668.                 height:14px;
  3669.                 line-height:14px;
  3670.                 padding:0;
  3671.                 position:absolute;
  3672.                 top:40px;
  3673.                 z-index:1;
  3674.                 cursor:pointer
  3675.         }
  3676.         #cl-main-inner .cl-story--bottom-block .slick-prev{
  3677.                 left:20px
  3678.         }
  3679.         #cl-main-inner .cl-story--bottom-block .slick-prev:before{
  3680.                 float:left;
  3681.                 content:'←'
  3682.         }
  3683.         #cl-main-inner .cl-story--bottom-block .slick-next{
  3684.                 right:20px
  3685.         }
  3686.         #cl-main-inner .cl-story--bottom-block .slick-next:before{
  3687.                 float:right;
  3688.                 content:'→'
  3689.         }
  3690.         #cl-main-inner .cl-story--bottom-block .slick-disabled{
  3691.                 cursor:default;
  3692.                 opacity:.25
  3693.         }
  3694.         #cl-main-inner .publication-item{
  3695.                 display:block;
  3696.                 float:left;
  3697.                 width:270px;
  3698.                 height:360px;
  3699.                 margin:0 calc((100% - 540px)/ 2) 0 0;
  3700.                 padding:0 0 30px
  3701.         }
  3702.         #cl-main-inner .publication-item .publication-item--img{
  3703.                 display:block
  3704.         }
  3705.         #cl-main-inner .cl-right,#cl-main-inner .cl-right:first-child,#cl-main-inner .cl-story-block-position{
  3706.                 display:none
  3707.         }
  3708.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6),#cl-main-inner .publication-item:nth-child(5),#cl-main-inner .publication-item:nth-child(8),#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .top-news~.publication-item:nth-child(6){
  3709.                 float:none;
  3710.                 overflow:hidden;
  3711.                 width:calc(50% + 270px);
  3712.                 height:auto
  3713.         }
  3714.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  3715.                 display:inline
  3716.         }
  3717.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  3718.                 display:inline;
  3719.                 vertical-align:baseline
  3720.         }
  3721.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--img,#cl-main-inner .publication-item:nth-child(5) .publication-item--img,#cl-main-inner .publication-item:nth-child(8) .publication-item--img,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--img{
  3722.                 display:none
  3723.         }
  3724.         #cl-main-inner .cl-right:nth-child(16),#cl-main-inner .cl-story-block-position~.cl-right:nth-child(20),#cl-main-inner .top-news~.cl-right:nth-child(14),#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(17){
  3725.                 display:block;
  3726.                 width:270px;
  3727.                 height:750px;
  3728.                 margin:0 calc((100% - 540px)/ 2) 30px 0;
  3729.                 float:right;
  3730.                 min-width:0;
  3731.                 max-width:none
  3732.         }
  3733.         #cl-main-inner .cl-right:nth-child(16) .cl-game-block-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(20) .cl-game-block-position,#cl-main-inner .top-news~.cl-right:nth-child(14) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(17) .cl-game-block-position{
  3734.                 width:270px;
  3735.                 height:360px;
  3736.                 margin:0 0 30px
  3737.         }
  3738.         #cl-main-inner .cl-right:nth-child(16) .cl-tooday-smi-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(20) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-right:nth-child(14) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(17) .cl-tooday-smi-position{
  3739.                 width:270px;
  3740.                 height:360px;
  3741.                 margin:0
  3742.         }
  3743.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16){
  3744.                 display:none
  3745.         }
  3746.         #cl-main-inner .cl-story-block-position:nth-child(21),#cl-main-inner .top-news~.cl-story-block-position:nth-child(18){
  3747.                 display:block;
  3748.                 width:270px;
  3749.                 height:750px;
  3750.                 margin:0 calc((100% - 540px)/ 2) 30px 0;
  3751.                 float:right;
  3752.                 min-width:0;
  3753.                 max-width:none
  3754.         }
  3755.         #cl-main-inner .cl-story-block-position:nth-child(21) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(18) .cl-game-block-position{
  3756.                 width:270px;
  3757.                 height:360px;
  3758.                 margin:0 0 30px
  3759.         }
  3760.         #cl-main-inner .cl-story-block-position:nth-child(21) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(18) .cl-tooday-smi-position{
  3761.                 width:270px;
  3762.                 height:360px;
  3763.                 margin:0
  3764.         }
  3765.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(35),#cl-main-inner .cl-story-block-position~.spec-position:nth-child(51),#cl-main-inner .spec-position:nth-child(27),#cl-main-inner .spec-position:nth-child(39),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(32),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(48),#cl-main-inner .top-news~.spec-position:nth-child(25),#cl-main-inner .top-news~.spec-position:nth-child(37){
  3766.                 display:block;
  3767.                 width:calc(50% + 270px)
  3768.         }
  3769.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(35)+.publication-item,#cl-main-inner .cl-story-block-position~.spec-position:nth-child(51)+.publication-item,#cl-main-inner .spec-position:nth-child(27)+.publication-item,#cl-main-inner .spec-position:nth-child(39)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(32)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(48)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(25)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(37)+.publication-item{
  3770.                 clear:both
  3771.         }
  3772.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(39){
  3773.                 display:none
  3774.         }
  3775.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(27){
  3776.                 display:none
  3777.         }
  3778.         #cl-main-inner .main-rubric--item{
  3779.                 width:100%;
  3780.                 margin:0 0 20px;
  3781.                 padding:30px;
  3782.                 clear:both;
  3783.                 height:auto!important
  3784.         }
  3785.         #cl-main-inner .main-rubric--item .main-rubric--title{
  3786.                 position:static
  3787.         }
  3788.         #cl-main-inner .main-rubric--item .main-rubric--item-img,#cl-main-inner .main-rubric--item .main-rubric--item-title{
  3789.                 margin-top:0
  3790.         }
  3791.         #cl-main-inner .main-rubric--item .main-rubric--item-img{
  3792.                 margin-bottom:0
  3793.         }
  3794.         #cl-main-inner .top-news{
  3795.                 margin-bottom:20px
  3796.         }
  3797.         #cl-main-inner .top-news-announce{
  3798.                 font-size:15px;
  3799.                 line-height:20px
  3800.         }
  3801.         #cl-main-inner .top-news-title{
  3802.                 line-height:24px
  3803.         }
  3804.         #cl-main-inner .publication-item:nth-child(3) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(3) .publication-item--title,#cl-main-inner .publication-item:nth-child(4) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(4) .publication-item--title,#cl-main-inner .publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(6) .publication-item--title{
  3805.                 display:inline
  3806.         }
  3807.         .footer .btn-w{
  3808.                 margin-top:-392px
  3809.         }
  3810. }
  3811. @media all and (max-width:767px){
  3812.         #cl-main-inner{
  3813.                 padding:20px 0 0 calc((100% - 520px)/ 3);
  3814.                 padding-left:15px
  3815.         }
  3816.         #cl-main-inner .top-news{
  3817.                 display:block;
  3818.                 width:calc(50% + 260px);
  3819.                 margin:0 calc((100% - 520px)/ 2) 30px 0
  3820.         }
  3821.         #cl-main-inner .cl-story-block{
  3822.                 overflow:hidden;
  3823.                 position:relative
  3824.         }
  3825.         #cl-main-inner .cl-story--image-link{
  3826.                 display:block;
  3827.                 overflow:hidden;
  3828.                 position:relative
  3829.         }
  3830.         #cl-main-inner .cl-story--image-link:before{
  3831.                 content:"сюжеты";
  3832.                 display:inline-block;
  3833.                 font-size:13px;
  3834.                 text-transform:uppercase;
  3835.                 color:#fff;
  3836.                 position:absolute;
  3837.                 left:10px;
  3838.                 top:10px;
  3839.                 font-family:museo_sans_cyrl700,Source-sans-pro,sans-serif;
  3840.                 letter-spacing:1px;
  3841.                 background:#1964E7;
  3842.                 padding:0 5px
  3843.         }
  3844.         #cl-main-inner .cl-story--image{
  3845.                 display:block;
  3846.                 width:100%;
  3847.                 height:auto;
  3848.                 background-position:center center;
  3849.                 background-size:cover;
  3850.                 margin-bottom:10px
  3851.         }
  3852.         #cl-main-inner .cl-story--news-list{
  3853.                 display:flex;
  3854.                 overflow:visible;
  3855.                 position:relative;
  3856.                 transition:left .3s ease 0s
  3857.         }
  3858.         #cl-main-inner .cl-story--news-list--item{
  3859.                 float:left;
  3860.                 display:block;
  3861.                 overflow:hidden;
  3862.                 width:260px;
  3863.                 min-width:260px;
  3864.                 padding:0 0 15px;
  3865.                 margin-bottom:10px;
  3866.                 position:relative;
  3867.                 outline-style:none
  3868.         }
  3869.         #cl-main-inner .cl-story--news-list--item--time{
  3870.                 display:block;
  3871.                 color:#1964E7
  3872.         }
  3873.         #cl-main-inner .cl-story--news-list--item--title{
  3874.                 display:block;
  3875.                 overflow:hidden;
  3876.                 color:#000;
  3877.                 position:relative;
  3878.                 height:80px
  3879.         }
  3880.         #cl-main-inner .cl-story--news-list .slick-list{
  3881.                 overflow:hidden
  3882.         }
  3883.         #cl-main-inner .cl-story--other-story{
  3884.                 display:block;
  3885.                 overflow:hidden;
  3886.                 margin-top:15px;
  3887.                 font-size:14px
  3888.         }
  3889.         #cl-main-inner .cl-story--other-story>a{
  3890.                 display:block;
  3891.                 padding:10px 0 0;
  3892.                 color:#000;
  3893.                 line-height:16px
  3894.         }
  3895.         #cl-main-inner .cl-story--other-story>a:first-child{
  3896.                 padding-top:15px
  3897.         }
  3898.         #cl-main-inner .cl-story--other-story>a:hover{
  3899.                 color:#1964E7
  3900.         }
  3901.         #cl-main-inner .cl-story--bottom-block{
  3902.                 display:block;
  3903.                 overflow:hidden;
  3904.                 position:absolute;
  3905.                 left:0;
  3906.                 width:100%;
  3907.                 height:auto;
  3908.                 bottom:1px;
  3909.                 padding:55px 20px 20px;
  3910.                 box-sizing:border-box;
  3911.                 background:url(https://s.ura.news/img/bottom_gradient.png) left top repeat-x
  3912.         }
  3913.         #cl-main-inner .cl-story--bottom-block:after{
  3914.                 display:block;
  3915.                 overflow:hidden;
  3916.                 content:' ';
  3917.                 top:65px;
  3918.                 left:20px;
  3919.                 right:20px;
  3920.                 position:absolute;
  3921.                 border-top:1px solid #C8C8C8
  3922.         }
  3923.         #cl-main-inner .cl-story--bottom-block .slick-next,#cl-main-inner .cl-story--bottom-block .slick-prev{
  3924.                 display:block;
  3925.                 overflow:hidden;
  3926.                 border:0;
  3927.                 background:0 0;
  3928.                 height:14px;
  3929.                 line-height:14px;
  3930.                 padding:0;
  3931.                 position:absolute;
  3932.                 top:40px;
  3933.                 z-index:1;
  3934.                 cursor:pointer
  3935.         }
  3936.         #cl-main-inner .cl-story--bottom-block .slick-prev{
  3937.                 left:20px
  3938.         }
  3939.         #cl-main-inner .cl-story--bottom-block .slick-prev:before{
  3940.                 float:left;
  3941.                 content:'←'
  3942.         }
  3943.         #cl-main-inner .cl-story--bottom-block .slick-next{
  3944.                 right:20px
  3945.         }
  3946.         #cl-main-inner .cl-story--bottom-block .slick-next:before{
  3947.                 float:right;
  3948.                 content:'→'
  3949.         }
  3950.         #cl-main-inner .cl-story--bottom-block .slick-disabled{
  3951.                 cursor:default;
  3952.                 opacity:.25
  3953.         }
  3954.         #cl-main-inner .publication-item{
  3955.                 display:block;
  3956.                 float:left;
  3957.                 width:260px;
  3958.                 height:360px;
  3959.                 margin:0 calc((100% - 520px)/ 2) 0 0;
  3960.                 padding:0 0 30px
  3961.         }
  3962.         #cl-main-inner .publication-item .publication-item--img{
  3963.                 display:block
  3964.         }
  3965.         #cl-main-inner .cl-right,#cl-main-inner .cl-right:first-child,#cl-main-inner .cl-story-block-position{
  3966.                 display:none
  3967.         }
  3968.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10),#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6),#cl-main-inner .publication-item:nth-child(5),#cl-main-inner .publication-item:nth-child(8),#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7),#cl-main-inner .top-news~.publication-item:nth-child(6){
  3969.                 float:none;
  3970.                 overflow:hidden;
  3971.                 width:calc(50% + 260px);
  3972.                 height:auto
  3973.         }
  3974.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--title,#cl-main-inner .publication-item:nth-child(5) .publication-item--title,#cl-main-inner .publication-item:nth-child(8) .publication-item--title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--title{
  3975.                 display:inline
  3976.         }
  3977.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--sub-title,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(5) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(8) .publication-item--sub-title,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--sub-title,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--sub-title{
  3978.                 display:inline;
  3979.                 vertical-align:baseline
  3980.         }
  3981.         #cl-main-inner .cl-story-block-position~.publication-item:nth-child(10) .publication-item--img,#cl-main-inner .cl-story-block-position~.publication-item:nth-child(6) .publication-item--img,#cl-main-inner .publication-item:nth-child(5) .publication-item--img,#cl-main-inner .publication-item:nth-child(8) .publication-item--img,#cl-main-inner .top-news~.cl-story-block-position~.publication-item:nth-child(7) .publication-item--img,#cl-main-inner .top-news~.publication-item:nth-child(6) .publication-item--img{
  3982.                 display:none
  3983.         }
  3984.         #cl-main-inner .cl-right:nth-child(16),#cl-main-inner .cl-story-block-position~.cl-right:nth-child(20),#cl-main-inner .top-news~.cl-right:nth-child(14),#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(17){
  3985.                 display:block;
  3986.                 width:260px;
  3987.                 height:750px;
  3988.                 margin:0 calc((100% - 520px)/ 2) 30px 0;
  3989.                 float:right;
  3990.                 min-width:0;
  3991.                 max-width:none
  3992.         }
  3993.         #cl-main-inner .cl-right:nth-child(16) .cl-game-block-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(20) .cl-game-block-position,#cl-main-inner .top-news~.cl-right:nth-child(14) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(17) .cl-game-block-position{
  3994.                 width:260px;
  3995.                 height:360px;
  3996.                 margin:0 0 30px
  3997.         }
  3998.         #cl-main-inner .cl-right:nth-child(16) .cl-tooday-smi-position,#cl-main-inner .cl-story-block-position~.cl-right:nth-child(20) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-right:nth-child(14) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position~.cl-right:nth-child(17) .cl-tooday-smi-position{
  3999.                 width:260px;
  4000.                 height:360px;
  4001.                 margin:0
  4002.         }
  4003.         #cl-main-inner .cl-story-block-position~.cl-right:nth-child(16){
  4004.                 display:none
  4005.         }
  4006.         #cl-main-inner .cl-story-block-position:nth-child(21),#cl-main-inner .top-news~.cl-story-block-position:nth-child(18){
  4007.                 display:block;
  4008.                 width:260px;
  4009.                 height:750px;
  4010.                 margin:0 calc((100% - 520px)/ 2) 30px 0;
  4011.                 float:right;
  4012.                 min-width:0;
  4013.                 max-width:none
  4014.         }
  4015.         #cl-main-inner .cl-story-block-position:nth-child(21) .cl-game-block-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(18) .cl-game-block-position{
  4016.                 width:260px;
  4017.                 height:360px;
  4018.                 margin:0 0 30px
  4019.         }
  4020.         #cl-main-inner .cl-story-block-position:nth-child(21) .cl-tooday-smi-position,#cl-main-inner .top-news~.cl-story-block-position:nth-child(18) .cl-tooday-smi-position{
  4021.                 width:260px;
  4022.                 height:360px;
  4023.                 margin:0
  4024.         }
  4025.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(35),#cl-main-inner .cl-story-block-position~.spec-position:nth-child(51),#cl-main-inner .spec-position:nth-child(27),#cl-main-inner .spec-position:nth-child(39),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(32),#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(48),#cl-main-inner .top-news~.spec-position:nth-child(25),#cl-main-inner .top-news~.spec-position:nth-child(37){
  4026.                 display:block;
  4027.                 width:calc(50% + 260px)
  4028.         }
  4029.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(35)+.publication-item,#cl-main-inner .cl-story-block-position~.spec-position:nth-child(51)+.publication-item,#cl-main-inner .spec-position:nth-child(27)+.publication-item,#cl-main-inner .spec-position:nth-child(39)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(32)+.publication-item,#cl-main-inner .top-news~.cl-story-block-position~.spec-position:nth-child(48)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(25)+.publication-item,#cl-main-inner .top-news~.spec-position:nth-child(37)+.publication-item{
  4030.                 clear:both
  4031.         }
  4032.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(39){
  4033.                 display:none
  4034.         }
  4035.         #cl-main-inner .cl-story-block-position~.spec-position:nth-child(27){
  4036.                 display:none
  4037.         }
  4038.         #cl-main-inner .main-rubric--item{
  4039.                 width:100%;
  4040.                 margin:0 0 20px;
  4041.                 padding:30px;
  4042.                 clear:both;
  4043.                 height:auto!important
  4044.         }
  4045.         #cl-main-inner .main-rubric--item .main-rubric--title{
  4046.                 position:static
  4047.         }
  4048.         #cl-main-inner .main-rubric--item .main-rubric--item-img,#cl-main-inner .main-rubric--item .main-rubric--item-title{
  4049.                 margin-top:0
  4050.         }
  4051.         #cl-main-inner .main-rubric--item .main-rubric--item-img{
  4052.                 margin-bottom:0
  4053.         }
  4054.         #cl-main-inner .top-news{
  4055.                 margin-bottom:20px
  4056.         }
  4057.         #cl-main-inner .top-news-announce{
  4058.                 font-size:15px;
  4059.                 line-height:20px
  4060.         }
  4061.         #cl-main-inner .top-news-title{
  4062.                 line-height:24px
  4063.         }
  4064.         #cl-main-inner .publication-item:nth-child(3) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(3) .publication-item--title,#cl-main-inner .publication-item:nth-child(4) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(4) .publication-item--title,#cl-main-inner .publication-item:nth-child(6) .publication-item--sub-title,#cl-main-inner .publication-item:nth-child(6) .publication-item--title{
  4065.                 display:inline
  4066.         }
  4067.         .footer .btn-w{
  4068.                 margin-top:-392px
  4069.         }
  4070. }
  4071. .footer{
  4072.         color:#000;
  4073.         font-family:museo_sans_cyrl300;
  4074.         line-height:17px
  4075. }
  4076. .footer-cl-center,.footer-cl-left,.footer-cl-right{
  4077.         display:block;
  4078.         padding:20px
  4079. }
  4080. .footer-cl-left{
  4081.         font-size:12px
  4082. }
  4083. .footer-cl-center{
  4084.         font-size:13px
  4085. }
  4086. .footer-cl-center .like-p,.footer-cl-right{
  4087.         font-size:12px
  4088. }
  4089. .footer-logo{
  4090.         margin-bottom:1em;
  4091.         margin-top:.25em;
  4092.         margin-right:10px;
  4093.         display:block;
  4094.         width:75%;
  4095.         height:auto;
  4096.         float:left
  4097. }
  4098. .footer .adult_only{
  4099.         display:block;
  4100.         width:25px;
  4101.         height:25px;
  4102.         border:2px solid #E93C4F;
  4103.         color:#E93C4F;
  4104.         text-align:center;
  4105.         box-sizing:border-box;
  4106.         overflow:hidden;
  4107.         border-radius:50%;
  4108.         font-size:10px;
  4109.         line-height:21px
  4110. }
  4111. .footer a[href^=tel]{
  4112.         white-space:nowrap;
  4113.         color:inherit
  4114. }
  4115. .footer a[href^=mailto]:hover,.footer a[href^=tel]:hover{
  4116.         text-decoration:underline
  4117. }
  4118. .footer .like-p,.footer p{
  4119.         padding-bottom:1em;
  4120.         padding-top:.25em;
  4121.         margin:0
  4122. }
  4123. .footer .like-p .sh,.footer p .sh{
  4124.         display:inline;
  4125.         font-size:inherit;
  4126.         font-family:inherit;
  4127.         font-weight:inherit;
  4128.         color:inherit;
  4129.         line-height:inherit
  4130. }
  4131. .footer .footer-button,.footer h3{
  4132.         font-family:museo_sans_cyrl700;
  4133.         font-size:13px
  4134. }
  4135. .footer .counter{
  4136.         display:inline-block;
  4137.         margin:0 10px 1em 0;
  4138.         padding:0
  4139. }
  4140. .footer .footer-button{
  4141.         display:inline-block;
  4142.         padding:0 .75em;
  4143.         line-height:30px;
  4144.         border-radius:10px;
  4145.         margin:0 10px 0 0;
  4146.         box-sizing:border-box
  4147. }
  4148. .footer .footer-button.download-mediakit{
  4149.         border:2px solid #1964E7
  4150. }
  4151. .footer .footer-button.send-news{
  4152.         background:#1964E7;
  4153.         color:#fff
  4154. }
  4155. .footer .socials-btn-group{
  4156.         display:inline-block;
  4157.         vertical-align:middle
  4158. }
  4159. .footer .socials-btn-group .icons{
  4160.         display:inline-block;
  4161.         float:none
  4162. }
  4163. .confirl_rules_block{
  4164.         height:auto;
  4165.         transition:all linear .5s
  4166. }
  4167. .confirl_rules_block.ng-hide{
  4168.         height:0
  4169. }
  4170. .bannerSticky{
  4171.         z-index:20000!important;
  4172.         height:90px;
  4173.         width:728px;
  4174.         overflow:hidden;
  4175.         position:fixed;
  4176.         bottom:0;
  4177.         left:400px;
  4178.         transition:all .5s
  4179. }
  4180. @media screen and (min-width:1450px) and (max-width:1599px){
  4181.         .bannerSticky{
  4182.                 left:49%;
  4183.                 transform:translateX(-50%)
  4184.         }
  4185. }
  4186. @media screen and (min-width:1220px) and (max-width:1450px){
  4187.         .bannerSticky{
  4188.                 left:340px
  4189.         }
  4190. }
  4191. @media screen and (min-width:1090px) and (max-width:1219px){
  4192.         .bannerSticky{
  4193.                 left:60%;
  4194.                 transform:translateX(-50%)
  4195.         }
  4196. }
  4197. @media screen and (max-width:1089px){
  4198.         .bannerSticky{
  4199.                 left:50%;
  4200.                 transform:translateX(-50%)
  4201.         }
  4202. }
  4203. .bannerSticky_hidden{
  4204.         visibility:hidden;
  4205.         opacity:0
  4206. }
  4207. .publication-item-meta{
  4208.         display:block;
  4209.         overflow:hidden;
  4210.         color:#C8C8C8;
  4211.         font-size:10px;
  4212.         line-height:25px;
  4213.         white-space:nowrap
  4214. }
  4215. .publication-item-meta .date,.publication-item-meta .time{
  4216.         display:inline-block;
  4217.         line-height:25px
  4218. }
  4219. .publication-item-meta .comments_count{
  4220.         display:inline-block;
  4221.         overflow:hidden;
  4222.         box-sizing:border-box;
  4223.         border:1px solid #C8C8C8;
  4224.         color:#cdcdcd;
  4225.         margin:0 0 0 10px;
  4226.         padding:0 6px;
  4227.         border-radius:5px;
  4228.         vertical-align:bottom
  4229. }
  4230. .publication-item-meta .comments_count:before{
  4231.         content:' ';
  4232.         display:inline-block;
  4233.         width:10px;
  4234.         height:10px;
  4235.         background:url(https://s.ura.news/img/nw/comments.png) no-repeat;
  4236.         vertical-align:middle;
  4237.         margin:0 5px 0 0
  4238. }
  4239. .publication-item-meta .comments_count:hover{
  4240.         border-color:#1964E7;
  4241.         color:#1964E7
  4242. }
  4243. .publication-item-meta .comments_count:hover:before{
  4244.         background-position:0 -10px
  4245. }
  4246. .publication-item-meta .comments_count.comments_count-red{
  4247.         color:#E93C4F;
  4248.         border-color:#E93C4F
  4249. }
  4250. .publication-item-meta .comments_count.comments_count-red:before{
  4251.         background-position:0 -20px
  4252. }
  4253. .publication-item-meta .comments_count.comments_count-red:hover,.publication-item-meta .comments_count.comments_count-red:hover:before{
  4254.         color:#E93C4F;
  4255.         border-color:#E93C4F;
  4256.         background-position:0 -20px
  4257. }
  4258. .img-share-btn,.photo-count-share{
  4259.         background:url(https://s.ura.news/img/svg/share_photo.svg) left center no-repeat;
  4260.         background-size:12px;
  4261.         padding-left:17px;
  4262.         cursor:pointer
  4263. }
  4264. .img-share-btn{
  4265.         width:14px;
  4266.         height:14px;
  4267.         display:inline-block;
  4268.         cursor:pointer;
  4269.         padding-left:0;
  4270.         padding-right:7px;
  4271.         position:relative;
  4272.         top:3px
  4273. }
  4274. .img-share-btn.img-share-btn-close,.photo-count-close{
  4275.         background-image:url(https://s.ura.news/img/filter-close2.png)
  4276. }
  4277. .photo-share-container{
  4278.         position:absolute;
  4279.         top:0;
  4280.         bottom:0;
  4281.         left:70px;
  4282.         right:70px;
  4283.         z-index:110;
  4284.         margin:auto;
  4285.         width:250px;
  4286.         height:50px
  4287. }
  4288. .item-text-incut>.photo-share-container{
  4289.         top:-50px;
  4290.         left:0;
  4291.         right:0
  4292. }
  4293. .photo-share{
  4294.         width:260px;
  4295.         height:50px;
  4296.         background:#FFF;
  4297.         border-radius:3px;
  4298.         line-height:9px;
  4299.         display:flex;
  4300.         justify-content:center
  4301. }
  4302. .photo-share .social_button{
  4303.         display:inline-block;
  4304.         height:50px;
  4305.         cursor:pointer
  4306. }
  4307. .photo-share .social_button:hover{
  4308.         opacity:.8
  4309. }
  4310. .photo-share .social_button>a{
  4311.         width:32px;
  4312.         height:32px;
  4313.         display:inline-block;
  4314.         margin:9px;
  4315.         border-radius:16px;
  4316.         background-image:none;
  4317.         background-repeat:no-repeat;
  4318.         background-position:center
  4319. }
  4320. .photo-share .social_button_fb>a{
  4321.         background-color:#365a9a;
  4322.         background-image:url(https://s.ura.news/img/svg/momenty-fb.svg);
  4323.         background-size:10px
  4324. }
  4325. .photo-share .social_button_tw>a{
  4326.         background-color:#00ace2;
  4327.         background-image:url(https://s.ura.news/img/svg/momenty-tw.svg);
  4328.         background-size:19px
  4329. }
  4330. .photo-share .social_button_vk>a{
  4331.         background-color:#4e7ea2;
  4332.         background-image:url(https://s.ura.news/img/svg/momenty-vk.svg);
  4333.         background-size:20px
  4334. }
  4335. .photo-share .social_button_ok>a{
  4336.         background-color:#ff8e00;
  4337.         background-image:url(https://s.ura.news/img/svg/momenty-ok.svg);
  4338.         background-size:11px
  4339. }
  4340. .photo-share .social_button_cp>a{
  4341.         background-image:url(https://s.ura.news/img/svg/copy_link.svg);
  4342.         background-size:24px
  4343. }
  4344. .photo-share .social_button_close>a{
  4345.         background-image:url(https://s.ura.news/img/nw/login-close2.png);
  4346.         background-size:19px
  4347. }
  4348. .photo-share .social_cp_success{
  4349.         background:#fff;
  4350.         position:absolute;
  4351.         top:0;
  4352.         height:50px;
  4353.         line-height:50px;
  4354.         border-radius:3px;
  4355.         width:260px;
  4356.         box-sizing:border-box;
  4357.         white-space:nowrap;
  4358.         text-align:center;
  4359.         visibility:hidden
  4360. }
  4361. .item-img-lg-share{
  4362.         position:relative;
  4363.         max-width:760px;
  4364.         margin-left:0
  4365. }
  4366. .item-img-lg-share img{
  4367.         cursor:pointer
  4368. }
  4369. .item-img-lg-share .photo-share-container{
  4370.         left:0;
  4371.         right:0;
  4372.         top:-50px
  4373. }
  4374. #vk_allow_messages_from_community{
  4375.         display:inline-block!important;
  4376.         width:auto!important;
  4377.         vertical-align:bottom;
  4378.         margin-left:5px
  4379. }
  4380. #vk_allow_messages_from_community--container{
  4381.         line-height:30px
  4382. }
  4383. .datepicker a,[datepicker] a,datepicker a{
  4384.         color:inherit;
  4385.         text-decoration:none
  4386. }
  4387. .datepicker a:hover,[datepicker] a:hover,datepicker a:hover{
  4388.         text-decoration:none
  4389. }
  4390. .datepicker select,.datepicker select:focus,.datepicker select:hover,[datepicker] select,[datepicker] select:focus,[datepicker] select:hover,datepicker select,datepicker select:focus,datepicker select:hover{
  4391.         width:100%;
  4392.         overflow:hidden;
  4393.         background:0 0;
  4394.         border:0;
  4395.         margin-top:5px
  4396. }
  4397. ._720kb-datepicker-calendar-body,._720kb-datepicker-calendar-days-header,._720kb-datepicker-calendar-header,._720kb-datepicker-calendar-years-pagination-pages,.datepicker,[datepicker],datepicker{
  4398.         font-size:14px;
  4399.         -webkit-box-sizing:border-box;
  4400.         -moz-box-sizing:border-box;
  4401.         -ms-box-sizing:border-box;
  4402.         box-sizing:border-box;
  4403.         width:100%;
  4404.         margin:0 auto;
  4405.         float:left;
  4406.         clear:right;
  4407.         position:relative
  4408. }
  4409. datepicker{
  4410.         float:none
  4411. }
  4412. ._720kb-datepicker-calendar{
  4413.         background:#fff;
  4414.         color:#000;
  4415.         position:absolute;
  4416.         z-index:999;
  4417.         margin:0;
  4418.         width:100%;
  4419.         visibility:hidden;
  4420.         overflow:hidden
  4421. }
  4422. ._720kb-datepicker-calendar._720kb-datepicker-forced-to-open,._720kb-datepicker-calendar._720kb-datepicker-open{
  4423.         visibility:visible
  4424. }
  4425. ._720kb-datepicker-calendar-header{
  4426.         text-align:center
  4427. }
  4428. ._720kb-datepicker-calendar-header-left,._720kb-datepicker-calendar-header-middle,._720kb-datepicker-calendar-header-right{
  4429.         display:block
  4430. }
  4431. ._720kb-datepicker-calendar-header-left,._720kb-datepicker-calendar-header-right{
  4432.         width:28px
  4433. }
  4434. ._720kb-datepicker-calendar-header-left>a:before,._720kb-datepicker-calendar-header-right>a:before{
  4435.         display:block;
  4436.         width:28px;
  4437.         content:'';
  4438.         background-repeat:no-repeat;
  4439.         background-position:center
  4440. }
  4441. ._720kb-datepicker-calendar-header-middle{
  4442.         width:auto
  4443. }
  4444. ._720kb-datepicker-calendar-body{
  4445.         width:100%;
  4446.         text-align:center
  4447. }
  4448. ._720kb-datepicker-calendar-day{
  4449.         cursor:pointer;
  4450.         font-size:14px;
  4451.         padding:0;
  4452.         box-sizing:border-box;
  4453.         float:left
  4454. }
  4455. ._720kb-datepicker-calendar-day._720kb-datepicker-active{
  4456.         border:1px solid rgba(0,57,166,.78)
  4457. }
  4458. ._720kb-datepicker-calendar-header a{
  4459.         width:100%;
  4460.         height:100%;
  4461.         display:block
  4462. }
  4463. ._720kb-datepicker-calendar-header a:hover{
  4464.         background-color:rgba(0,57,166,.18)
  4465. }
  4466. ._720kb-datepicker-calendar-days-header{
  4467.         max-width:100%
  4468. }
  4469. ._720kb-datepicker-calendar-days-header div{
  4470.         float:left;
  4471.         color:rgba(0,0,0,.29);
  4472.         font-weight:400;
  4473.         text-transform:uppercase;
  4474.         text-align:center;
  4475.         letter-spacing:1px
  4476. }
  4477. ._720kb-datepicker-default-button{
  4478.         padding:0 4.5px
  4479. }
  4480. ._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item{
  4481.         width:95%;
  4482.         float:none;
  4483.         margin:0 auto
  4484. }
  4485. ._720kb-datepicker-item-hidden{
  4486.         visibility:hidden
  4487. }
  4488. ._720kb-datepicker-calendar-day._720kb-datepicker-disabled,._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover{
  4489.         cursor:default;
  4490.         opacity:0
  4491. }
  4492. @media only screen and (max-width:1219px) and (min-device-width:1025px){
  4493.         ._720kb-datepicker-calendar{
  4494.                 min-width:240px
  4495.         }
  4496.         ._720kb-datepicker-calendar-header-left,._720kb-datepicker-calendar-header-left>a:before,._720kb-datepicker-calendar-header-right,._720kb-datepicker-calendar-header-right>a:before{
  4497.                 width:18px
  4498.         }
  4499.         ._720kb-datepicker-calendar-month{
  4500.                 width:113px
  4501.         }
  4502.         ._720kb-datepicker-calendar-year{
  4503.                 width:54px
  4504.         }
  4505.         ._720kb-datepicker-calendar-days-header div{
  4506.                 width:34px
  4507.         }
  4508.         ._720kb-datepicker-calendar-day{
  4509.                 margin:4px
  4510.         }
  4511. }
  4512. #popup_body{
  4513.         display:block;
  4514.         overflow:auto;
  4515.         font-family:museo_sans_cyrl300,Arial,sans-serif;
  4516.         width:100%;
  4517.         position:absolute;
  4518.         left:0;
  4519.         top:0;
  4520.         z-index:1010
  4521. }
  4522. .vc-content,.vc-left-inner{
  4523.         position:relative
  4524. }
  4525. .top-pda-collapsed #popup_body{
  4526.         top:50px
  4527. }
  4528. #popup_body a,#popup_body a:visited{
  4529.         color:#1964E7;
  4530.         text-decoration:none
  4531. }
  4532. #popup_body a:hover,#popup_body a:visited:hover{
  4533.         color:#1964E7;
  4534.         text-decoration:underline
  4535. }
  4536. #popup_body p{
  4537.         display:block;
  4538.         padding:0 0 16px
  4539. }
  4540. #popup_body button{
  4541.         display:inline-block;
  4542.         line-height:2.25em;
  4543.         font-size:15px;
  4544.         font-weight:700;
  4545.         border:2px solid #1964E7;
  4546.         border-radius:5px;
  4547.         background:#fff;
  4548.         color:#1964E7;
  4549.         padding:0 1em;
  4550.         margin:0 1em 0 0;
  4551.         cursor:pointer
  4552. }
  4553. #popup_body button.default{
  4554.         color:#fff;
  4555.         background:#1964E7
  4556. }
  4557. #popup_body button.default.btn-disabled,#popup_body button.default.btn-disabled:active,#popup_body button.default.btn-disabled:hover,#popup_body button.default:disabled,#popup_body button.default:disabled:active,#popup_body button.default:disabled:hover{
  4558.         color:#C8C8C8;
  4559.         border-color:#C8C8C8;
  4560.         opacity:.5;
  4561.         cursor:default;
  4562.         background:0 0
  4563. }
  4564. #popup_body button.default.btn-disabled:active:after,#popup_body button.default.btn-disabled:after,#popup_body button.default.btn-disabled:hover:after,#popup_body button.default:disabled:active:after,#popup_body button.default:disabled:after,#popup_body button.default:disabled:hover:after{
  4565.         font-size:24px
  4566. }
  4567. #popup_article,#popup_header{
  4568.         display:block;
  4569.         overflow:hidden;
  4570.         width:100%;
  4571.         text-align:center
  4572. }
  4573. #popup_article_inner,#popup_header_inner{
  4574.         display:block;
  4575.         max-width:400px;
  4576.         padding-left:120px;
  4577.         margin:0 auto;
  4578.         text-align:left
  4579. }
  4580. @media all and (max-width:640px){
  4581.         #popup_body button{
  4582.                 display:block;
  4583.                 width:100%;
  4584.                 margin:0 auto 15px
  4585.         }
  4586.         #modal #popup_body button{
  4587.                 width:75%
  4588.         }
  4589.         #popup_article_inner,#popup_header_inner{
  4590.                 padding:0 20px
  4591.         }
  4592. }
  4593. #popup_header{
  4594.         padding:140px 0 0;
  4595.         background:#1964E7;
  4596.         color:#fff;
  4597.         font-size:24px;
  4598.         font-weight:700;
  4599.         line-height:1.25em;
  4600.         min-height:100px
  4601. }
  4602. #popup_header_inner{
  4603.         padding-bottom:40px;
  4604.         min-height:60px
  4605. }
  4606. @media all and (max-width:640px){
  4607.         #popup_header{
  4608.                 padding:40px 0 0
  4609.         }
  4610.         #popup_header_inner{
  4611.                 padding:100px 20px 40px;
  4612.                 background-position:center top
  4613.         }
  4614. }
  4615. #popup_article{
  4616.         font-size:16px;
  4617.         padding:25px 0 0;
  4618.         color:#000;
  4619.         font-family:museo_sans_cyrl300,Arial,sans-serif;
  4620.         line-height:1.5em
  4621. }
  4622. *{
  4623.         box-sizing:border-box
  4624. }
  4625. body,html{
  4626.         height:100%
  4627. }
  4628. body{
  4629.         min-height:100%;
  4630.         font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  4631.         font-size:14px;
  4632.         line-height:18px;
  4633.         background:#FFF;
  4634.         color:#000;
  4635.         overflow:visible;
  4636.         margin:0;
  4637.         -webkit-text-size-adjust:none;
  4638.         -webkit-font-smoothing:subpixel-antialiased;
  4639.         -webkit-font-smoothing:antialiased;
  4640.         -moz-osx-font-smoothing:grayscale
  4641. }
  4642. .content,body{
  4643.         min-width:768px
  4644. }
  4645. @media (max-width:767px){
  4646.         .content,body{
  4647.                 min-width:auto
  4648.         }
  4649. }
  4650. a{
  4651.         color:#1964E7
  4652. }
  4653. .time,.time2{
  4654.         font-size:12px;
  4655.         line-height:19px;
  4656.         color:#AAA
  4657. }
  4658. h1,h2,h3{
  4659.         font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
  4660. }
  4661. .time2{
  4662.         display:inline-block;
  4663.         margin-left:30px;
  4664.         height:19px
  4665. }
  4666. .w100{
  4667.         width:100%
  4668. }
  4669. .nowrap{
  4670.         white-space:nowrap
  4671. }
  4672. .vc-content{
  4673.         display:flex;
  4674.         width:100%;
  4675.         min-width:768px;
  4676.         max-width:1600px;
  4677.         background:#FFF;
  4678.         margin:0 auto 0 0;
  4679.         z-index:1001
  4680. }
  4681. .vc-left{
  4682.         width:300px;
  4683.         min-width:300px;
  4684.         max-width:300px;
  4685.         height:100%;
  4686.         overflow:hidden;
  4687.         border-right:2px solid #DDD
  4688. }
  4689. @media (max-width:1219px){
  4690.         .vc-left{
  4691.                 width:240px;
  4692.                 min-width:240px;
  4693.                 max-width:240px
  4694.         }
  4695. }
  4696. @media (max-width:859px){
  4697.         .vc-left{
  4698.                 width:185px;
  4699.                 min-width:185px;
  4700.                 max-width:185px
  4701.         }
  4702. }
  4703. .vc-left-inner:before{
  4704.         display:block;
  4705.         content:'';
  4706.         width:100%;
  4707.         height:149px;
  4708.         background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff);
  4709.         position:absolute;
  4710.         bottom:0;
  4711.         left:0;
  4712.         right:0;
  4713.         z-index:202
  4714. }
  4715. .vc-left-scroll{
  4716.         height:100vh;
  4717.         height:-webkit-calc(100vh - 70px);
  4718.         height:-moz-calc(100vh - 70px);
  4719.         height:calc(100vh - 70px);
  4720.         position:-webkit-sticky;
  4721.         position:-moz-sticky;
  4722.         position:-ms-sticky;
  4723.         position:-o-sticky;
  4724.         position:sticky;
  4725.         top:70px;
  4726.         overflow-y:scroll;
  4727.         overflow-x:hidden;
  4728.         -webkit-overflow-scrolling:touch
  4729. }
  4730. .vc-center{
  4731.         width:100%;
  4732.         height:100%;
  4733.         overflow:hidden
  4734. }
  4735. .vc-center-inner{
  4736.         padding-top:35px;
  4737.         padding-left:50px
  4738. }
  4739. @media (max-width:1659px){
  4740.         .vc-center-inner{
  4741.                 padding-left:45px
  4742.         }
  4743. }
  4744. @media (max-width:1023px){
  4745.         .vc-center-inner{
  4746.                 padding-left:30px
  4747.         }
  4748. }
  4749. .left-col{
  4750.         bottom:0;
  4751.         z-index:201;
  4752.         width:100%;
  4753.         background-color:#FFF
  4754. }
  4755. .left-col-inner-page{
  4756.         height:100vh;
  4757.         width:100%;
  4758.         position:relative
  4759. }
  4760. .list-news>.list-scroll-container:first-child>.list-scroll-date,.list-scroll>.list-scroll-container:first-child>.list-scroll-date{
  4761.         display:none
  4762. }
  4763. .list-scroll{
  4764.         background-color:#FFF
  4765. }
  4766. .list-scroll-item{
  4767.         font-size:14px;
  4768.         line-height:18px;
  4769.         border:0;
  4770.         display:block;
  4771.         overflow:hidden;
  4772.         padding:10px 20px
  4773. }
  4774. @media (max-width:1023px){
  4775.         .list-scroll-item{
  4776.                 font-size:13px;
  4777.                 line-height:16px
  4778.         }
  4779. }
  4780. .list-scroll-item>a{
  4781.         padding:0 0 4px;
  4782.         text-decoration:none;
  4783.         color:#000;
  4784.         display:block;
  4785.         position:relative
  4786. }
  4787. .list-scroll-item:hover:not(.old-news) a{
  4788.         color:#000
  4789. }
  4790. .list-scroll-item .time,.list-scroll-item.active>a{
  4791.         color:#1964E7
  4792. }
  4793. .list-scroll-item.active:hover:not(.old-news) a{
  4794.         color:#1964E7
  4795. }
  4796. .list-scroll-item:not(.old-news)>a:hover{
  4797.         color:#1964E7
  4798. }
  4799. .list-scroll-item.active>a:before{
  4800.         display:block;
  4801.         content:'';
  4802.         position:absolute;
  4803.         width:2px;
  4804.         height:100%;
  4805.         left:-20px;
  4806.         background-color:#1964E7
  4807. }
  4808. .list-scroll-item-important>a{
  4809.         font-weight:600
  4810. }
  4811. .list-scroll-item-important .time{
  4812.         color:#E93C4F
  4813. }
  4814. .list-scroll-item-article{
  4815.         font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  4816.         font-size:14px;
  4817.         line-height:18px
  4818. }
  4819. .list-scroll-item-article-title{
  4820.         min-height:80px;
  4821.         font-style:normal
  4822. }
  4823. .list-scroll-item-article-img{
  4824.         display:block;
  4825.         width:80px;
  4826.         height:80px;
  4827.         float:left;
  4828.         position:relative;
  4829.         left:0;
  4830.         background-color:#AAA;
  4831.         background-size:cover;
  4832.         background-repeat:no-repeat;
  4833.         background-position:center;
  4834.         margin-right:12px;
  4835.         margin-bottom:10px
  4836. }
  4837. .list-scroll-item-article-img-lg{
  4838.         display:none
  4839. }
  4840. @media (max-width:1023px){
  4841.         .list-scroll-item-article-title{
  4842.                 min-height:0
  4843.         }
  4844.         .list-scroll-item-article-img{
  4845.                 display:none
  4846.         }
  4847.         .list-scroll-item-article-img-lg{
  4848.                 display:block;
  4849.                 width:150px;
  4850.                 height:80px;
  4851.                 position:relative;
  4852.                 left:0;
  4853.                 background-color:#AAA;
  4854.                 background-size:cover;
  4855.                 background-repeat:no-repeat;
  4856.                 background-position:center;
  4857.                 margin-right:12px;
  4858.                 margin-bottom:10px
  4859.         }
  4860. }
  4861. .list-scroll-date{
  4862.         width:auto;
  4863.         padding:0;
  4864.         color:#8c8c8c;
  4865.         font-size:12px;
  4866.         line-height:20px;
  4867.         text-align:center;
  4868.         text-transform:uppercase;
  4869.         position:relative
  4870. }
  4871. .list-scroll-date:before,.vc-comments-count:before{
  4872.         position:absolute;
  4873.         content:''
  4874. }
  4875. .list-scroll-date:before{
  4876.         display:block;
  4877.         top:10px;
  4878.         left:0;
  4879.         right:0;
  4880.         background-color:#DDD;
  4881.         height:1px
  4882. }
  4883. .list-scroll-date>span{
  4884.         background-color:#FFF;
  4885.         padding:0 10px;
  4886.         font-size:10px;
  4887.         letter-spacing:2px;
  4888.         position:relative
  4889. }
  4890. .vc-comments-count{
  4891.         display:inline-block;
  4892.         vertical-align:middle;
  4893.         padding-left:15px;
  4894.         font-size:11px;
  4895.         font-style:normal;
  4896.         position:relative;
  4897.         color:#AAA
  4898. }
  4899. .vc-comments-count:before{
  4900.         display:block;
  4901.         width:10px;
  4902.         height:10px;
  4903.         background-position:center;
  4904.         background-repeat:no-repeat;
  4905.         background-size:contain;
  4906.         background-image:url(https://s.ura.news/img/svg/999999/comment.svg);
  4907.         top:4px;
  4908.         left:0
  4909. }
  4910. .vc-comments-count-red{
  4911.         color:#E93C4F
  4912. }
  4913. .vc-comments-count-red:before{
  4914.         background-image:url(https://s.ura.news/img/svg/D0021B/comment.svg)
  4915. }
  4916. .incut-box,.it-incut-link{
  4917.         width: