CSS File

1

2

3/* Start:/local/templates/jan_25/components/bitrix/news.detail/index_catalog/style.min.css?17628600924770*/

4section.index__catalog{margin:20px auto 60px}

5section.index__catalog .container-fluid{padding:0 20px}

6section.index__catalog .container-fluid .banner{position:relative;min-height:360px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:16px;position:relative;z-index:1;overflow:hidden;padding:30px 20px}

7section.index__catalog .container-fluid .banner:before{content:"";background:#1f282f;-webkit-transition:opacity ease .5s;transition:opacity ease .5s;opacity:0;position:absolute;z-index:0;top:0;left:0;right:0;bottom:0}

8section.index__catalog .container-fluid .banner:after{content:"";position:absolute;height:300px;left:0;right:0;bottom:0;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));background:linear-gradient(to bottom, transparent 0%, #000000 100%);-webkit-transition:opacity ease .5s;transition:opacity ease .5s;opacity:.8}

9section.index__catalog .container-fluid .banner:hover:before{opacity:.4;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}

10section.index__catalog .container-fluid .banner:hover:after{opacity:0;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}

11section.index__catalog .container-fluid .banner .banner-info{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:16px}

12section.index__catalog .container-fluid .banner .banner-info h2{color:#fff}

13section.index__catalog .container-fluid .banner .banner-info .button{color:#fff;border:1px solid #fff;padding:22px 39px;font-size:12px;text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:all ease .5s;transition:all ease .5s;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;max-width:196px}

14section.index__catalog .container-fluid .banner .banner-info .button:hover{background:#a40029;border-color:#a40029;color:#fff}

15section.index__catalog .container-fluid .banner .banner-info .button span{text-transform:uppercase}

16section.index__catalog .container-fluid .banner .image{position:absolute;z-index:-1;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content}

17@media(min-width: 640px){section.index__catalog .container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px 10px 0;margin:0 0 80px}

18section.index__catalog .container-fluid .banner{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;min-height:560px}

19section.index__catalog .container-fluid .banner .banner-info h2{padding-right:8%}

20section.index__catalog .container-fluid .banner .image img{position:relative;bottom:178px}

21}

22@media(min-width: 1100px){section.index__catalog{margin-top:0}

23section.index__catalog .container-fluid{padding-left:20px;padding-right:20px}

24section.index__catalog .container-fluid .banner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:30px 40px}

25section.index__catalog .container-fluid .banner .banner-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}

26section.index__catalog .container-fluid .banner .banner-info h2{font-size:30px}

27section.index__catalog .container-fluid .banner .banner-info .button span{white-space:nowrap}

28}

29@media(min-width: 1600px){section.index__catalog{margin:40px 0 100px}

30section.index__catalog .container-fluid{gap:40px}

31section.index__catalog .container-fluid .banner{min-height:680px;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 20px);flex:0 0 calc(50% - 20px)}

32section.index__catalog .container-fluid .banner .banner-info{width:100%;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

33section.index__catalog .container-fluid .banner .banner-info h2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}

34section.index__catalog .container-fluid .banner .banner-info .button{margin-left:auto;padding:25px 49px;font-size:14px;font-weight:700}

35section.index__catalog .container-fluid .banner .banner-info .button span{white-space:unset}

36section.index__catalog .container-fluid .banner .image{width:100%}

37section.index__catalog .container-fluid .banner .image img{bottom:0;width:100%}

38}

39

40/* End */

...