.scroll-menu-item__link_b{
	display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px 15px;
background: #FFFFFF;
/* tag */

box-shadow: 0px 4px 8px rgba(145, 193, 238, 0.2);
border-radius: 6px;
color: #475678;
	/* font-family: 'Raleway'; */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;

}
.scroll-menu-block{
	
    flex-direction: column;
}
.scroll-menu{
	
    align-items: center;
}
.menu-item-title{

display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px 30px;
height: 42px;

background: #F5F7FC;
border-radius: 3px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 15px;

color: #1F2B45;
}
.scroll-menu-item {
    margin-right: 10px;
}
.menu-item-title_cont{
    margin-right: 60px;
	
}
.menu-item-title_cont_2{
    margin-right: 23px;
	
}
.scroll-menu-item__link_l{
	display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px 5px;
background: #FFFFFF;
/* tag */

border-radius: 6px;
color: #475678;
	/* font-family: 'Raleway'; */
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
}
.scroll-menu-item__link:hover,.scroll-menu-item__link_l:hover,.scroll-menu-item__link_b:hover{
	/* background-color:#07EBFE; */
color: #7685A8;
}

.category-keysy-publishdate{
	font-family: 'Proxima Nova';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
/* identical to box height */
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_32)'%3E%3Cpath d='M13.9375 1.25H12.5V0.5C12.5 0.223875 12.2762 0 12 0C11.7238 0 11.5 0.223875 11.5 0.5V1.25H4.5V0.5C4.5 0.223875 4.27616 0 4 0C3.72384 0 3.5 0.223875 3.5 0.5V1.25H2.0625C0.925219 1.25 0 2.17522 0 3.3125V13.9375C0 15.0748 0.925219 16 2.0625 16H13.9375C15.0748 16 16 15.0748 16 13.9375V3.3125C16 2.17522 15.0748 1.25 13.9375 1.25ZM2.0625 2.25H3.5V2.75C3.5 3.02613 3.72384 3.25 4 3.25C4.27616 3.25 4.5 3.02613 4.5 2.75V2.25H11.5V2.75C11.5 3.02613 11.7238 3.25 12 3.25C12.2762 3.25 12.5 3.02613 12.5 2.75V2.25H13.9375C14.5234 2.25 15 2.72663 15 3.3125V4.5H1V3.3125C1 2.72663 1.47663 2.25 2.0625 2.25ZM13.9375 15H2.0625C1.47663 15 1 14.5234 1 13.9375V5.5H15V13.9375C15 14.5234 14.5234 15 13.9375 15Z' fill='%237685A8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_32'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position:left center;
background-repeat:no-repeat;
letter-spacing: 0.02em;
text-transform: uppercase;
padding-left:24px;
color: #7685A8;

}
.keys-gallery{
/*   display: grid;
   grid-template-columns: repeat(2, 49%);           
  grid-auto-rows: 565px;   
  grid-gap: 30px; */
  /* 
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(630px, 1fr)); */
  /* grid-auto-rows: 630px; */
  /* grid-auto-flow: dense; */
}
.sort-block{
	    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
	font-family: 'Proxima Nova';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
/* identical to box height, or 138% */

color: #475678;display: flex;
    justify-content: flex-end;
    align-items: center;

}
.sort-date {
	
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sort-date span{
	margin-left:3px;
color: #1BD9FE;
border-bottom:dashed 1px #1BD9FE;
cursor:pointer;
}
.sort-date span:hover{
color: #7685A8;
}
.sort-date:after{
	content:' ';
	margin-top:3px;
	display:inline-flex;
	height:22px;
	width:16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1_80' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_80)'%3E%3Cpath d='M7.99999 14.3L3.54999 9.8667L4.24999 9.15003L7.49999 12.4V1.63336H8.49999V12.4L11.75 9.15003L12.45 9.8667L7.99999 14.3Z' fill='%231BD9FE'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-position:center;
}
.keys-el-item{
	box-sizing: border-box;
overflow:hidden;

background: #FFFFFF;
border: 1px solid rgba(192, 198, 212, 0.15);
/* новый */

box-shadow: 0px 8px 12px rgba(145, 193, 238, 0.3);
border-radius: 3px;
	padding:40px;
}
.keys-el-item{
	    position: relative;
}
.middle-keys-content-big{
    display: block;
    height: auto;
    width: 100%;
overflow:hidden;
}
.middle-keys-content-big img{
	width:100%;
	height:auto;
}
.top-keys-logo{
	height:40px;
	
}
.top-keys-logo img{
	height:100%;
	width:auto;
	
}
.top-keys-logo-blok{
	    display: flex;
		justify-content: space-between;
		gap:10px;
}
.top-keys-terms{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.top-keys-terms-item{
/* 	display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 10px;
gap: 10px;

background: #F5F7FC;
border-radius: 3px;
margin:3px;

 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 7px;
    gap: 5px;
    background: #F5F7FC;
    border-radius: 3px;
    margin: 3px;
	
    font-size: 12px;
}
.top-keys-terms-item:hover{
    background: #E3EEF8;

}
.top-keys-header a:hover{
	color: #475678;
}
.keys-item-link{
	
padding-bottom:0px;
}
.small-keys .keys-item-link{
	
padding-bottom:0px;
border-bottom: 1px dashed #fff;
}
.small-keys .keys-item-link:hover{
border-bottom: 1px dashed #475678;
color: #1F2B45!important;
}
.top-keys-header{
	font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 32px;
/* or 123% */
margin-bottom:11px;

margin-top:25px;
color: #1F2B45;
}
.middle-keys-content-small_bottom-text{
	font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
	display:flex;
    margin-top: 10px;
}
.middle-keys-content-small_bottom-text:before{
	content:' ';
	margin-top:0px;
	height:20px;
	width:35px;
	margin-right:10px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%231BD9FE'/%3E%3Cg clip-path='url(%23clip0_1_118)'%3E%3Cpath d='M14.7071 8.07017L9.43165 13.3452C9.041 13.7359 8.4073 13.7359 8.01628 13.3452L5.29307 10.6218C4.90227 10.2311 4.90227 9.59732 5.29307 9.20652C5.68395 8.81564 6.3176 8.81564 6.7083 9.20637L8.72418 11.2223L13.2916 6.6548C13.6825 6.26393 14.3162 6.26422 14.7069 6.6548C15.0976 7.0456 15.0976 7.67915 14.7071 8.07017Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_118'%3E%3Crect width='10' height='10' fill='white' transform='translate(5 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	
    background-repeat: no-repeat;
}
.middle-keys-content-small{
	position: relative;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
}
.middle-keys-content-small_bottom{
	position:absolute;
	bottom:0;
}
.bottom-keys-content{
    position: absolute;
    right: 40px;
    bottom: 40px;
	/* left: auto; */
	left: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom-keys-content a:hover{
	color:#07EBFE;
}
.middle-keys-content-small_top-left-col1{
	font-style: normal;
font-weight: 300;
font-size: 25px;
line-height: 25px;
/* identical to box height, or 100% */
width: 110px;
display: flex;
align-items: center;
text-align: right;
    justify-content: flex-end;
padding-right:18px;
color: #1F2B45;
}
.middle-keys-content-small_top-left-col2{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
/* identical to box height, or 125% */
    display: flex;
    align-items: center;
    justify-content: flex-start;
/* max-width:90%; */
max-width:60%;

color: #6177AE;
}
.middle-keys-content-small_top{
	display: flex;
}
.middle-keys-content-small_top-left{
	    width: 65%;
}
.middle-keys-content-small_top-right{
	width: 30%;
}
.middle-keys-content-small_top-left-row:first-child{
	border-top: 1px dashed #CBDFF1;
	margin-top: 25px;
}
.middle-keys-content-small_top-left-row:last-child{
	margin-bottom: 30px;
}
.middle-keys-content-small_top-left-row{
	display: flex;
	border-bottom: 1px dashed #CBDFF1;
    padding: 12px 0;
}
.middle-keys-content-small_top-right img{
	    margin-left: -40px;
}
.small-keys{
	height: 565px;
}
.big-keys{
	height: 1160px;
}

.ic_ar_r{
	display:inline-flex;
	height:11px;
	width:30px;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='6' viewBox='0 0 30 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5391 2.288L26.1133 0.995792C25.8493 0.756683 25.8654 0.381652 26.1487 0.15891C26.4329 -0.064543 26.8765 -0.0503104 27.1404 0.188799L29.812 2.61049C30.0633 2.83892 30.0625 3.1926 29.8095 3.41962L27.1379 5.81498C26.9996 5.93738 26.8132 6 26.6269 6C26.454 6 26.2819 5.94663 26.1453 5.83917C25.8628 5.61501 25.8493 5.23998 26.1158 5.00229L27.556 3.71126L0.527453 3.71126C0.235833 3.71126 -1.13952e-07 3.39308 -1.3115e-07 2.99963C-1.48349e-07 2.60618 0.235833 2.288 0.527453 2.288L27.5391 2.288Z' fill='%2307EBFE'/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-position:center;
}
.ic_cub{
	display:inline-flex;
	height:14px;
	width:14px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_318)'%3E%3Cpath d='M1.65895 2.4705V12.34H11.5296V12.14C11.5296 11.1243 11.5296 10.1082 11.5296 9.09209C11.5296 8.48891 11.9567 8.14195 12.548 8.25537C12.7018 8.27959 12.8438 8.35269 12.953 8.46388C13.0622 8.57508 13.1329 8.7185 13.1546 8.87299C13.171 8.9744 13.1789 9.077 13.1783 9.17973C13.1803 10.196 13.1803 11.212 13.1783 12.2276C13.1783 13.3046 12.48 14.0005 11.402 14.0005C8.19328 14.0005 4.98452 14.0005 1.77575 14.0005C0.698791 14.0005 2.62733e-05 13.303 -0.000488281 12.2276C-0.000488281 9.01888 -0.000488281 5.81016 -0.000488281 2.60144C-0.000488281 1.52139 0.69416 0.823863 1.76958 0.822832C2.81104 0.822832 3.85301 0.819223 4.89447 0.822832C5.51193 0.822832 5.8608 1.25176 5.74246 1.85082C5.66682 2.23438 5.36477 2.46947 4.92843 2.46947C3.9127 2.47256 2.89645 2.46947 1.88021 2.46947L1.65895 2.4705Z' fill='%231BD9FE'/%3E%3Cpath d='M11.1885 1.65075H9.38391C9.26196 1.65075 9.1395 1.65642 9.01806 1.64714C8.51225 1.61053 8.22565 1.28626 8.2416 0.781029C8.25652 0.308279 8.57297 0.00359515 9.06488 0.00256407C10.447 -0.000529169 11.8291 -0.000529169 13.2112 0.00256407C13.665 0.00256407 13.9964 0.341274 13.9974 0.80062C13.9974 2.16989 13.9974 3.53917 13.9974 4.90844C13.9974 5.43584 13.6887 5.75547 13.1865 5.7596C12.6719 5.76372 12.356 5.45027 12.3503 4.91205C12.3436 4.2934 12.3503 3.67785 12.3503 3.06075V2.81535C12.2664 2.8932 12.215 2.93753 12.1671 2.98548C10.785 4.36712 9.40278 5.74877 8.02034 7.13042C7.61899 7.53099 7.07768 7.49954 6.75351 7.06443C6.64441 6.92348 6.58698 6.74925 6.59082 6.57092C6.59466 6.3926 6.65954 6.22101 6.77461 6.0849C6.82885 6.02127 6.88639 5.96052 6.94698 5.90292L11.012 1.8384C11.0588 1.78943 11.1051 1.73839 11.1885 1.65075Z' fill='%231BD9FE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_318'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-position:center;
	margin-left: 10px;
}
.middle-keys-content-big{
transition: all 25s linear 0s;
height:872px;
position: relative;
    background-repeat-x: no-repeat;
	background-size: cover;
	}
	
.middle-keys-content-big:hover {
    background-position: bottom center!important;
    overflow: hidden;
}
.middle-keys-content-big:after{
content: ' ';
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.big-keys{
	 grid-row: 1 / 3;                                   /* 5 */
  grid-column: 2 / 3; 
}

.first_row_wrap{
	display: grid;
    grid-template-columns: repeat(2, 49%);
    grid-auto-rows: 565px;
    grid-gap: 30px;
	margin-bottom:30px;
}
.second_row_wrap{
  display: grid;
   grid-template-columns: repeat(2, 49%);            /* 2 */
  grid-auto-rows: 565px;   
  grid-gap: 30px;
	margin-bottom:30px;
}
.second_row_wrap_BIG{
	    grid-template-columns: repeat(2, 49%);
    grid-auto-rows: 1160px;
}
.second_row_wrap_BIG .big-keys{
	grid-row: unset;
    grid-column: unset;
}
.keys-el-item:hover {
	
transition: all 0.5s linear 0s;
    -webkit-transform:scale(1.04); /* Safari and Chrome */
    -moz-transform:scale(1.04); /* Firefox */
    -ms-transform:scale(1.04); /* IE 9 */
    -o-transform:scale(1.04); /* Opera */
     transform:scale(1.04);
}
@media screen and (max-width: 1200px){
.first_row_wrap{
	display: flex;    
	flex-direction: column;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.second_row_wrap{
  display: flex;    
  flex-direction: column;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
		
	}
	
	
@media screen and (max-width: 700px) {
	.middle-keys-content-small{
    height: auto;
    max-height: auto;
}
.top-keys-header{
	font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
/* or 130% */


color: #1F2B45;
}		
.top-keys-terms-item {
background: #F5F7FC;
border-radius: 3px;
padding: 4px 8px;
gap: 10px;
}
.top-keys-logo-blok {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
}

.keys-el-item {
	background: #FFFFFF;
border: 1px solid rgba(192, 198, 212, 0.15);
/* новый */

box-shadow: 0px 8px 12px rgba(145, 193, 238, 0.3);
border-radius: 3px;
    padding: 20px 16px 40px 16px;
}
.top-keys-terms {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.middle-keys-content-small_top-left-row {
    display: flex;
    border: none;
    padding: 12px 0;
    flex-direction: column;
}
.middle-keys-content-small_top-left-col1 {
justify-content: start;}
.middle-keys-content-small_top-left-row:first-child {
    border-top: none;
    margin-top: 5px;
}
.middle-keys-content-small_top-left-col1{
	font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 22px;

color: #1F2B45;
}
.middle-keys-content-small_top-left-col2{
	font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
/* or 133% */


color: #667EB9;
}
.middle-keys-content-small_top-right img {
/*     margin-left: -30px;
    margin-top: 46px;
    height: 120px; */
	margin-left: -68px;
    margin-top: 42px;
    height: 150px;
}

.middle-keys-content-small_bottom{
	display:none;
}
.bottom-keys-content {
    position: absolute;
    /* width: 100%; */
    right: 5px;
    left: 5px;
    text-align: center;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.middle-keys-content-small_top-left-row:last-child {
    margin-bottom: 0;
}
.small-keys {
    height: auto;
}
.big-keys {
    height: 768px;
}
.middle-keys-content-big {
    height: 500px;
	    background-size: 100%;
}
.small-keys .bottom-keys-content{
	border-top: 1px dashed #CBDFF1;
    padding-top: 15px;
}
.middle-keys-content-small{
	    margin-bottom: 20px;
}
.first_row_wrap {
    max-width: 377px;
    margin-left: auto;
    margin-right: auto;
}
.second_row_wrap {
    max-width: 377px;
    margin-left: auto;
    margin-right: auto;
}
.mob_label{
	font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #7685A8;    
margin-bottom: 5px
}
.selectric-wrapper {
    position: relative;
    cursor: pointer;
    background: #FFFFFF;
    border-bottom: 1px solid rgba(145, 193, 238, 0.44);
	margin-bottom:10px;
}
.selectric .button{
	box-shadow: none;
}
.selectric .label{
	font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 22px;
color: #1F2B45;
}
}
.ajax-label{
	cursor:pointer;
}
.cases-list.ajax-block .keys-gallery.DESC{
	display:flex;
    flex-direction: column-reverse;
}
.keys-gallery.DESC .second_row_wrap.big:last-child{
	display:none;
}
.sort-date.DESC:after {
    transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
	
.middle-keys-content-small_bottom{
	display:none;
}
}

.middle-keys-content-big_wbo {
    position: relative;
    border-radius: 12px;
}

.content-big_wbo {
    position: absolute;
    bottom: 51px;
    padding: 0 30px;
    display: flex
;
    width: 100%;
    justify-content: space-between;
}

.content-big_wbo-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
}

.keys-item-link_wbo {
    cursor: pointer;
}

.middle-keys-content-big_wbo:after {
    content: none;
}

@media screen and (max-width: 700px) {
    .middle-keys-content-big {
        height: 500px!important;
        max-height: 500px!important;
        background-size: 100%;
    }
}