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 */

41

42

43/* Start:/local/templates/jan_25/components/bitrix/news.detail/index_about/style.min.css?17628600916501*/

44section.index__about{padding-top:52px;overflow:hidden}

45section.index__about .container-fluid{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column}

46section.index__about .container-fluid h2{font-size:30px;font-weight:400;line-height:1.2;margin-bottom:11px;padding:0 40px}

47section.index__about .container-fluid .top{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column;gap:15px;margin-bottom:50px}

48section.index__about .container-fluid .top .left{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column;gap:26px;padding:0 40px}

49section.index__about .container-fluid .top .left .info{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column;gap:11px}

50section.index__about .container-fluid .top .left .info .detail__text{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column;gap:4px}

51section.index__about .container-fluid .top .left .info .detail__text p{font-size:14px;line-height:1.3;margin:0}

52section.index__about .container-fluid .top .left .button{color:#000;border:1px solid #000;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;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}

53section.index__about .container-fluid .top .left .button:hover{background:#a40029;border-color:#a40029;color:#fff}

54section.index__about .container-fluid .top .left .button span{text-transform:uppercase}

55section.index__about .container-fluid .top .right .image img{width:130%;max-width:unset;position:relative;left:55px}

56section.index__about .container-fluid .statistics{padding:0 20px;margin-bottom:11px}

57section.index__about .container-fluid .statistics .statistics__list{display:-webkit-box;display:-ms-flexbox;display:flex;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-ms-flex-direction:column;flex-direction:column;gap:11px}

58section.index__about .container-fluid .statistics .statistics__list .statistics__list-item{min-height:280px;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:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center;gap:14px;font-weight:300;border:1px solid #c2ccd7}

59section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .name{font-size:42px}

60section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .description{font-size:16px;text-align:center}

61@media(min-width: 640px){section.index__about{padding-top:137px}

62section.index__about .container-fluid h2{padding:0 60px}

63section.index__about .container-fluid .top{

-webkit-box-orient:horizontal;

-webkit-box-direction:normal;

-ms-flex-direction:row;flex-direction:row;

-webkit-box-align:center;

-ms-flex-align:center;align-items:center;gap:0}

64section.index__about .container-fluid .top .left{padding:0 0 0 60px;

-webkit-box-flex:0;

-ms-flex:0 0 50%;flex:0 0 50%}

65section.index__about .container-fluid .top .left .info .detail__text p{font-size:20px;margin-bottom:20px;line-height:24px}

66section.index__about .container-fluid .top .right .image img{width:100%;left:0}

67section.index__about .container-fluid .statistics{margin-bottom:40px}

68section.index__about .container-fluid .statistics .statistics__list{

-webkit-box-orient:horizontal;

-webkit-box-direction:normal;

-ms-flex-direction:row;flex-direction:row;

-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px 20px}

69section.index__about .container-fluid .statistics .statistics__list .statistics__list-item{

-webkit-box-flex:0;

-ms-flex:0 0 calc(50% - 10px);flex:0 0 calc(50% - 10px);line-height:1.2}

70section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .description{font-size:14px}

71}

72@media(min-width: 1100px){section.index__about .container-fluid h2{margin-bottom:32px}

73section.index__about .container-fluid .top{margin-bottom:35px}

74section.index__about .container-fluid .top .left .info .detail__text{margin-bottom:20px}

75section.index__about .container-fluid .top .right{position:relative;top:-62px}

76section.index__about .container-fluid .statistics .statistics__list{

-ms-flex-wrap:nowrap;flex-wrap:nowrap}

77section.index__about .container-fluid .statistics .statistics__list .statistics__list-item{

-webkit-box-flex:0;

-ms-flex:0 0 calc(25% - 15px);flex:0 0 calc(25% - 15px);min-height:250px;gap:22px}

78}

79@media(min-width: 1400px){section.index__about{padding-top:177px}

80section.index__about .container-fluid h2{font-size:42px}

81section.index__about .container-fluid .top{

-webkit-box-align:unset;

-ms-flex-align:unset;align-items:unset}

82section.index__about .container-fluid .statistics .statistics__list{gap:40px}

83section.index__about .container-fluid .statistics .statistics__list .statistics__list-item{

-webkit-box-flex:0;

-ms-flex:0 0 calc(25% - 30px);flex:0 0 calc(25% - 30px);padding:68px 3em;min-height:320px}

84section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .name{font-size:50px}

85section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .description{font-size:18px}

86}

87@media(min-width: 1600px){section.index__about .container-fluid h2{padding-left:100px;padding-right:100px}

88section.index__about .container-fluid .top{min-height:550px}

89section.index__about .container-fluid .top .left{padding-left:100px}

90section.index__about .container-fluid .top .left .button{padding:25px 49px;font-size:14px;font-weight:700}

91section.index__about .container-fluid .statistics{padding:0 40px}

92section.index__about .container-fluid .statistics .statistics__list .statistics__list-item{padding:68px 3em}

93section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .name{font-size:60px}

94section.index__about .container-fluid .statistics .statistics__list .statistics__list-item .description{font-size:20px;line-height:1.2;text-align:center}

95}

96

97/* End */

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

99/* /local/templates/jan_25/components/bitrix/news.detail/index_about/style.min.css?17628600916501 */