.banner{position:relative}.banner__wrapper{position:relative;display:-ms-grid;display:grid;-webkit-box-align:end;-ms-flex-align:end;align-items:end;height:280px}.banner__wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0.6;background-color:#031321}.banner__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-size:cover;background-color:#4f5a64;background-position:50% 50%;background-image:url("https://spk.7sy.kz/wp-content/uploads/2021/07/ed2_5345-scaled.jpg")}.banner__inner{position:relative;color:#fff;padding-bottom:30px;z-index:3}.banner__nav-wrapper{position:absolute;top:0;right:0;left:0;z-index:6}.banner__nav{position:relative;display:block;padding-top:20px;padding-bottom:20px;color:#fff;cursor:pointer;background-image:linear-gradient(0deg,rgba(255,255,255,0.3) 0,rgba(255,255,255,0.3) 1px,transparent 0,transparent)}.banner__nav:hover .banner__nav-title:after{background-image:url("../images/arrow-right-hover.svg")}.banner__nav-title{padding-right:20px;position:relative;display:block;font-size:15px;font-weight:400;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.banner__nav-title:after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);display:block;width:18px;height:10px;background-position:50%;background-size:100% 100%;background-repeat:no-repeat;background-image:url("../images/arrow-right-light.svg")}.banner__list{overflow:hidden;position:absolute;top:57px;right:0;left:0;max-height:0px;background-color:#f5f5f5;-webkit-transition:max-height 0.3s ease-out;transition:max-height 0.3s ease-out}.banner__list-item{display:-ms-grid;display:grid;border-right:2px solid #ebebeb;border-left:2px solid #ebebeb;border-bottom:2px solid #ebebeb}.banner__list-link{overflow:hidden;padding:18px 40px;width:100%;color:#333;line-height:1;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.banner__list-link:hover{color:#1e88e5}.banner__crumbs{position:absolute;top:90px;right:0;left:0;z-index:4}.banner__crumbs-list{position:relative}.banner__crumbs-list-item{position:relative;display:inline-block;line-height:1.67;margin-right:24px}.banner__crumbs-list-item:before{content:"";position:absolute;top:50%;left:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:2px;margin-left:10px;width:8px;height:10px;background-size:100% 100%;background-repeat:no-repeat;background-position:50%;background-image:url("../images/arrow-right-gray.svg")}.banner__crumbs-list-item:last-child{margin-right:0}.banner__crumbs-list-item:last-child:before{content:none}.banner__crumbs-list-link{color:#ccc;font-size:13px;font-weight:300;line-height:1.2;border-bottom:1px solid transparent;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.banner__crumbs-list-link:hover{border-color:#ccc}.banner__title{font-weight:300;position:relative;font-size:27px;line-height:1.2;}.banner__desc{display: none;position:absolute;top:100%;left:0;padding-top:35px;color:#000;font-size:17px;line-height:1.8;font-weight:500}@media (min-width:1080px){.banner__wrapper{height:460px}.banner__inner{padding-bottom:90px}.banner__nav{display:-ms-grid;display:grid;grid-column-gap:20px;-ms-grid-columns:auto 20px auto;grid-template-columns:auto auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.banner__nav-title{margin:auto 0;padding:22px 0 23px}.banner__nav-title:after{content:none}.banner__list{overflow:visible;position:static;display:-ms-grid;display:grid;grid-column-gap:20px;grid-auto-flow:column;grid-auto-columns:auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;max-height:none;background-color:transparent;-webkit-transition:0.3s ease-out;transition:0.3s ease-out}.banner__list-item{border:none}.banner__list-link{padding:22px 0 23px;max-width:220px;color:#fff;font-size:13px;line-height:1.2;font-weight:400}.banner__list-link_active{border-bottom:2px solid #fff}.banner__list-link_active:hover{color:#fff}.banner__crumbs{top:120px}.banner__title{margin-top:58px;font-size:50px}.banner__desc{position:static;max-width:66%;margin-top:20px;padding-top:0;padding-bottom:0;color:#fff;font-weight:300}}