@charset "utf-8";
/*story*/
.story_inner{margin-bottom:100px;}

.story_head{display:flex;user-select:none;cursor:pointer;}
.story_head > *{width:50%;padding:0 0 40px;}
.story_head.last > *{padding-bottom:0;}

.story_head_date{display:flex;align-items:center;justify-content:flex-end;color:#FF0506;font-size:30px;font-weight:500;padding-right:61px;transition:.2s ease-out;}
.story_head_inner, .story_list{border-left:4px solid #D9D9D9;}
.story_head_name{display:flex;align-items:center;min-height:90px;color:#fff;font-size:21px;font-weight:600;text-transform:uppercase;background-color:#737373;padding:20px 28px;margin-left:83px;position:relative;transition:.2s ease-in;}

/**/
.story_head_name:after, .story_head_name:before{content:'';display:block;position:absolute;position:absolute;top:0;bottom:0;margin:auto 0;}
.story_head_name:after{width:85px;height:5px;background:#D9D9D9;left:-85px;}
.story_head_name:before{width:18px;height:18px;background-color:#fff;border:5px solid #FF0506;left:-94px;z-index:1;}

.story_head:hover .story_head_date, .story_head.active .story_head_date{font-weight:700;}
.story_head:hover .story_head_name, .story_head.active .story_head_name{background-color:#5c5c5c;}

/*head linear*/
.story_head.first .story_head_inner{border-left-color:transparent;position:relative;}
.story_head.first .story_head_inner:after{content:'';display:block;width:4px;height:calc(50% + 28px);background-color:#D9D9D9;position:absolute;left:-4px;bottom:0;}

.story_head:not(.active).last .story_head_inner{border-left-color:transparent;position:relative;}
.story_head:not(.active).last .story_head_inner:after{content:'';display:block;width:4px;height:calc(50%);background-color:#D9D9D9;position:absolute;left:-4px;top:0;}

/*head stats icon*/
.story_head_name span{display:block;width:28px;height:28px;background-image: url(/tmp/img/about/story/icons/add.svg);position:absolute;bottom:-23px;left:-22px;}
.story_head.active .story_head_name span{background-image: url(/tmp/img/about/story/icons/remove.svg);}

.story_head.last .story_head_name span{display:none;}/*Временно*/
.story_head.last .story_head_name{background:transparent;}/*Временно*/
.story_head.last .story_head_name:after{display:none;}/*Временно*/

/*body*/
.story_body{display:flex;}
.story_body > *{width:50%;padding-bottom:25px;}
.story_body > div:first-child{padding-right:40px;}

.story_body picture{display:block;position:relative;overflow:hidden;transition:.2s ease-in;}
.story_body picture::before{content:'';display:block;width:100%;height:100%;background-color:rgba(26, 54, 93, 0.5);opacity:0;position:absolute;top:0;left:0;z-index:1;transition:.3s ease-in;}
.story_body picture:hover::before{opacity:1;}
.story_body picture:hover img{transform:scale(1.04);}

.story_list_item{color:#323131;font-size:22px;font-weight:400;background-color:#D9D9D9;padding:22px 28px;margin:41px 0 0 83px;position:relative;transition:.2s ease-in;}
.story_list_item:after{content:'';display:block;width:85px;height:5px;background:#D9D9D9;position:absolute;left:-85px;bottom:0;}
.story_list_item:before{content:'';display:block;width:18px;height:18px;background-color:#fff;border:5px solid #D9D9D9;position:absolute;left:-94px;bottom:-6px;z-index:1;}
.story_list_item:hover{background-color:#BFBFBF;}

.story_list > div{position:sticky;top:130px;}

.story_body img{display:block;padding:0;margin:0;transition:.2s ease-out;}

/*story columns*/
.story_body .col_2,.story_body .col_3{display:grid;grid-gap:22px;justify-content:space-between;}
.story_body .col_2{grid-template-columns:repeat(2, auto);}
.story_body .col_3{grid-template-columns:repeat(3, auto);}

/*image sizes*/
/*style_1*/
.story_img_1 .item_1{display:table;margin:0 auto 22px;}
.story_img_1 img{height:auto;}

.story_img_1 .item_1 img{width:100%;max-width:478px;height:auto;max-height:216px;aspect-ratio:478 / 216;}
.story_img_1 .item_2 img{width:100%;max-width:185px;height:auto;max-height:150px;aspect-ratio:185 / 150;}

/*style_2*/
.story_img_2 img{max-width:192px;width:100%;max-height:272px;height:auto;aspect-ratio:192 / 272;border:1px solid #eee;}

/*style_3*/
.story_img_3 img{max-width:307px;width:100%;max-height:230px;height:auto;aspect-ratio:318 / 238;}

/*style_4*/
.story_img_4{margin-top:22px;}
.story_img_4 img{max-width:307px;width:100%;max-height:457px;height:auto;aspect-ratio:318 / 475;border:1px solid #eee;}

/*style_5*/
.story_img_5{margin-top:22px;}
.story_img_5 img{max-width:1927px;width:100%;max-height:135px;height:auto;aspect-ratio:192 / 135;border:1px solid #eee;}

/*display lists*/
.story_head.active + .story_body{display:flex;}
.story_body{display:none;}

@media (max-width: 1243px){
	.story_body > div:first-child{padding-right:20px;}
}

@media (max-width: 1150px){
	/*head*/
	.story_head_date{font-size:26px;}
	.story_head_name{min-height:70px;font-size:20px;}
	
	/*body*/
	.story_list_item{font-size:19px;padding:18px 23px;margin:35px 0 0 83px;}
}

@media (max-width: 965px){
	/*head*/
	.story_head_date{justify-content:flex-start;width:110px;font-size:19px;padding-right:0;}
	.story_head_inner{width:calc(100% - 110px);}
	
	.story_head_name{font-size:17px;padding:20px;margin-left:35px;}
	.story_head_name:after{width:35px;left:-35px;}
	.story_head_name:before{left:-46px;}
	
	/*body*/
	.story_body > div:first-child{padding-right:12px;}
	
	.story_list_item{font-size:17px;padding:15px 18px;margin:25px 0 0 35px;}
	.story_list_item:after{width:35px;left:-35px;}
	.story_list_item:before{left:-45px;}
	
	/*story columns*/
	.story_body .col_2, 
	.story_body .col_3{grid-gap:10px;}
	
	/*style_1*/
	.story_img_1 .item_1 img{margin-bottom:10px;}
}

@media (max-width: 660px){
	/*story*/
	.story_inner{margin-bottom:40px;}
	
	/*body*/
	.story_body > *{width:100%;}
	.story_body > div:first-child{max-width:410px;margin:25px auto 0;}
	
	/*display lists*/
	.story_head.active + .story_body{display:block;}
}
/*-*/