.glossary-block{padding-top:2.5rem}@media (min-width:500px){.glossary-block{padding-top:3rem}}
.glossary-block__nav{
    position: sticky;
    top: 100px;
    height: 100%;
    margin-bottom:2.5rem;
    transition: 0.5s;
    max-width: 312px;
}
.hide + .content *.glossary-block__nav{
    top: 25px;
}
.glossary-block__nav>:last-child{margin-bottom:0}@media (min-width:990px){.glossary-block__nav{margin-bottom:3.75rem}}@media (min-width:500px) and (max-width:989.98px){.glossary-block__nav{margin-bottom:4rem}}
.glossary-block__row:first-of-type{
    margin-top: 24px;
}
.glossary-block__row{
    display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;
    margin-bottom:1rem;
    row-gap: 6px;

}@media (min-width:500px){.glossary-block__row{margin-bottom:2rem}}
.glossary-block__section{position:relative}
.glossary-block__section:not(:last-child){margin-bottom:2px}

.glossary-block__item{
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    text-align: center;
    padding: 8px 10px;
    border:1px solid #E2E7EF;
    font-size: 16px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.glossary-block__item:hover{
    border-color: #4B525B;
}

.glossary-block__item:hover  .glossary-block__link{
    color:#4B525B;text-decoration:none
}
.glossary-block__offset{position:absolute;top:-5rem;left:0;width:100%;height:1px;pointer-events:none;visibility:hidden}@media (min-width:500px){.glossary-block__item:not(:last-child){margin-right:.75rem}}@media (max-width:499.98px){.glossary-block__item:not(:last-child){margin-right:1rem}}
.glossary-block__link{display:block;font-size:16px;font-weight:500;color:#919dab;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:color;-o-transition-property:color;transition-property:color;transition: .3s linear;}
@media (min-width:500px){.glossary-block__link{font-size:16px;}}
.container{width:calc(100% - 60px);max-width:1544px;margin:0 auto;position:relative;display: flex;column-gap: 24px;}
.search-block__query{
    position: relative;
}
.glossary-block__list .glossary-block__section:first-of-type .card-links{
    padding-top: 0;
}
.card-links{
    position:relative;background-color:#fff;
    padding: 20px;
    column-gap: 24px;
    display: flex;
}

.card-links__items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 30px;
    width: 100%;
    flex:1 1;
    align-items: center;
}
@media (min-width:500px){.card-links__item{display:inline-block;width:100%;margin-bottom:1rem}}@media (max-width:499.98px){.card-links__item:not(:last-child){margin-bottom:.625rem}}
.card-links__char{font-size:48px;width: 70pxы;color:#14182E}
.card-links__link{display:inline-block;font-size:.875rem;line-height:1.5rem;color:#4B525B}@media (min-width:990px){.card-links__link{position:relative}
    .card-links__link:before{position:absolute;bottom:-.375rem;left:0;width:0;height:1px;background-color:currentColor;content:"";-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width;-o-transition-property:width;transition-property:width}}@media (min-width:500px){.card-links__link{font-size:1rem}}
.card-links__link:hover{text-decoration:none;color:#4B525B}
.card-links__link:hover:before{width:100%}
.field{height:100%;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;position:relative}
.field .input{background-color:rgba(0,0,0,0);border:1px solid #E2E7EF;border-radius:0;font-size:1rem;line-height:1.5;padding: 17px 24px;color:#001e42;outline:none;width:calc(100% - 60px);-webkit-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease;min-height:1.75rem;}
.field .input:focus,.field .input:hover{border-color:#09122a}
.field .input::-ms-clear{display:none}
.field .input::-webkit-input-placeholder{padding-left:0;margin-left:0;text-indent:0}
.field .input::-moz-placeholder{padding-left:0;margin-left:0;text-indent:0}
.field .input:-ms-input-placeholder{padding-left:0;margin-left:0;text-indent:0}
.field .input:-moz-placeholder{padding-left:0;margin-left:0;text-indent:0}
.field .input--date~.label{width:100%}
.field .input--date~.label~.icon{position:absolute;right:0;bottom:13px}
.field .control {
    position: relative;
}
.search-block__button{
    background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;position:absolute;right:20px;
    top:50%;
    transform: translateY(-50%);
}
.search-block__button svg{width:1.375rem;height:1.375rem}


.glossary__word{
    margin-top: 90px;
}

.glossary__back{
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #2B298F;
    padding-left: 26px;
    transition: 0.3s;
}

.glossary__back:hover{
    opacity: 0.6;
}

.glossary__word-title{
    margin: 20px 0 ;
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
}

.glossary__word-text {
    color: #4B525B;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    max-width: 757px;
}

.glossary__word-text + .glossary__word-text {
    margin-top: 20px;
}
.glossary__back::before{
    content: '';
    width: 16px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../img/blueArrowBack.png) no-repeat center/contain;
}

.account-page{
    position: relative;
}



.account-list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 50px;
}

.account-list__item{
    font-size: 18px;
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.account-list__item-image{
    margin-right: 14px;
}


.account-list__item .soon{
    background: #7EAE4E;
    display: inline-block;
    padding: 0 6px;
    color: white;
}


.account-page .content-page-main-ekran-content-container.logicon-detail-container-mod{
    height: auto!important;
}


.account-page-header{
    padding-bottom: 150px;
}


.account-page .content-page-main-ekran-picture-container.logicon-mod{
    top: auto;
}


.account-page .content-page-main-ekran-picture-container.logicon-mod{
    bottom: 0;
    top: auto;
}

.account-info-wrapper{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    box-sizing: border-box;
}
.account-info{
    display: grid;
    background: #EEF8FE;
    flex: 1 1;
    align-items: center;
    align-content: center;
    padding-left: 40px;
    box-sizing: border-box;
}

.account-info-text {
    padding-left: 18px;
    position: relative;
    color: #4B525B;
    line-height: 140%;
}

.account-info-text:before{
    content: '➜';
    position: absolute;
    font-size: 10px;
    left: 0;
    color: #969DAB;
    top: 3px;
}

.container-text{
    max-width: 650px;
    position: relative;
    padding-left: 50px;
    padding-right: 40px;
    justify-self: end;
}

.account-info-text + .account-info-text{
    margin-top: 16px;
}

.container-text + .container-text {
    margin-top: 50px;
}

.account-info-title{
    margin-bottom: 20px;
}

.account-info-image{
    flex: 1 1;
    margin: 70px 70px 70px 50px;
    width: 90%;
    box-sizing: border-box;
    max-width: 684px;
}

.video{
    padding: 90px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.video__container{
    position: relative;
    max-width: 1282px;
}

.video__image{
    width: 100%;
    border-radius: 10px;
}

.video__button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.account-info-title{
    font-size: 20px;
}


.account-info-wrapper .account-info-image:nth-child(1){
    justify-self: end;
    margin-right: 50px;
}

.account-info-wrapper  .account-info:nth-child(2){
    padding-left: 0;
}

.account-info-wrapper  .account-info:nth-child(2) .container-text {
    justify-self: flex-start;
    margin-left: 150px;

}

.account-info-text-image{
    position: absolute;
    left: -24px;
    top: 0;
}

.prezentation-account{
    background:#E2EBF7;
    padding: 80px 0;
}

@media (min-width: 2560px){
    .content-page-main-ekran-picture-bg img{
        width: auto;

    }
}



@media (max-width:1300px) {
    .card-links__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .glossary__word {
        margin-top: 60px;
    } {
    .card-links__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .glossary__word {
        margin-top: 60px;
    }

}
}


@media (max-width:1270px) {
    .account-info-wrapper{
        grid-template-columns:1fr;
    }
    .account-info{
        justify-content: center;
        padding: 40px;
    }


    .container-text{
        padding-right: 0;
    }

    .container-text{
        width:calc(100% - 40px)
    }

    .account-info-image{
        margin: 0 auto;
    }
    .account-info-wrapper .account-info-image:nth-child(1){
        margin: 0 auto;
        grid-row: 2;
    }

    .account-info-wrapper .account-info:nth-child(2){
        padding: 40px;
    }

    .account-info-wrapper .account-info:nth-child(2) .container-text{
        margin-left: 0;
    }
}


@media (max-width: 1023px){
    .content-page-main-ekran-picture-bg img{
        left:auto !important;
        right: 0;
    }
}

.video__container .video-js{
    width: 100%;
    border-radius: 10px;
    min-height:690px;
}

@media (max-width:840px) {
    .container{
        flex-direction: column;
    }
    .glossary-block__nav{
        position: static;
        max-width: 100%;
    }

    .account-page-header{
        padding-bottom: 50px;
    }

    .account-page .content-page-main-ekran-picture-container.logicon-mod{
        bottom: 0;
        top: auto;
    }
    .account-list__item{
        grid-column: 1/-1;
    }

    .glossary__word{
        margin-top: 40px;
    }
}

@media (max-width:600px){
    .video__container .video-js{
        min-height: 100%;
    }
    .card-links__items{
        grid-template-columns:1fr;
    }
}