/* Основа */
p{
    font-size: 15px !important;
    line-height: 170% !important;
}
.main-content-container p{
    font-size: 16px !important;
    line-height: 160% !important;
    padding-bottom: 0px !important;
    width: 100% !important;
}
.main-content-container li{
    font-size: 16px !important;
}
.h1{
    display: block !important;
    width: 100% !important;
}
a,
a:visited,
ul.head-menu > li > a,
ul.level-second-menu > li > a,
.tabs-menu > li > a{
    color: #3392EA !important;
}
a:hover,
ul.head-menu > li > a:hover,
ul.level-second-menu > li > a:hover,
.tabs-menu > li > a:hover{
    color: #5FAEF7 !important;
}
/* Хедер */
.head{
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}
.logo{
    width: 150px !important;
    height: 80px !important;
    background-image:url('/x/images/logo-rucont-new.svg');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin: 0 40px 0 0 !important;
}
.logo > a{
    float: left !important;
    width: 100% !important;
    height: 100% !important;
}
.logo > a img{
   display:none !important; 
}
.logo > .line-2{
    display: none !important;
}
.head-menu{
    display: flex !important;
    gap: 20px !important;
    flex-wrap:wrap !important;
}
.sub-head-text-wrapper{
    max-width: 400px;
    width: auto !important;
    height: auto !important;
}
.sub-head-text{
    padding: 0 !important;
}
.logo-right{
    margin: 0 0 0 40px !important;
}
.logo-right a{
    float: left !important;
}
.head-menu > li:last-child{
    margin: 0 0 0 auto !important;
}
ul.head-menu::after{
    display: none !important;
}
.sub-head{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto 40px auto !important;
}
.sub-head .clear{
    display: none !important;
}
.header-banner-2-container{
    display: flex !important;
    justify-content: center !important;
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
/* Контент */
.tabs-menu{
    display: flex !important;
    flex-wrap: wrap !important;
    flex-shrink: 0 !important;
    margin: 0 0 10px 0 !important;
}
.tabs-menu > li{
    display: inline-block !important;
    padding: 0 !important;
    font-size: 14px !important;
}
.tabs-menu > li > a{
    padding: 12px 25px !important;
    float: left !important;
}
.tabs-menu > li.active{
    border: 1px solid #e1e1e1 !important;
}
.sub-menu-tabs-wrapper{
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.content{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 30px auto !important;
}
.content .clear{
    display: none !important;
}
.main-content-container{
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    width:100% !important;
    order: 2 !important;
}
.number-list-number,
.number-list-text{
    font-size: 12px !important;
}
.right-col-social-link{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items:center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
}
.content .left-tab{
    width: auto !important;
    min-width: 374px !important;
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    box-sizing: border-box !important;
    margin: 0 20px 20px 0 !important;
    order: 1 !important;
}
.content .right-tab{
    width: auto !important;
    flex-basis: 0 !important;
    flex-grow: 2 !important;
    box-sizing: border-box !important;
    order: 2 !important;
    margin: 0 0 20px 0 !important;
}
.content .left-tab .catalog-tabs{
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-width: 338px !important;
}
.content .left-tab .catalog-tabs .tabs-content{
    height: 100% !important;
}
.content .left-tab .catalog-tabs .tabs-content .tabs-content-wrapper{
    box-sizing: border-box !important;
    height: 100% !important;
}
.content .left-tab .catalog-tabs .tabs-content > .tabs-content-wrapper > .tab{
    height: 100% !important;
}
.content .left-tab .catalog-tabs .tabs-menu > li{
    order: 2 !important;
}
.content .left-tab .catalog-tabs .tabs-menu > li:last-child{
    order: 1 !important;
}
.tab-item-lists{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    grid-template-rows: repeat(auto-fill, minmax(190px, 1fr)) !important;
    gap: 20px !important;
}
.content .right-tab .tab-item-list{
    width:auto !important;
}
.tab-item-list > a{
    color: #4f595f !important;
}
.tab-item-list > a.tab-item-list-image{
    width:100% !important;
    height:auto !important;
}
.tab-item-list > a.tab-item-list-image:hover{
    background-color: #f1f1f1 !important;
}
.tab-item-list > a.tab-item-list-image img{
    width:100% !important;
    height:auto !important;
    border-radius: 6px !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    min-width: 60px !important;
    max-width: 100px !important;
    box-sizing: border-box !important;
    border: 1px solid #e1e1e1 !important;
}
.news-tabs-place li:last-child{
    display: none !important;
}
.news-tabs-place{
    margin: 30px 0 0 0 !important;
    order: 3 !important;
    width: 100% !important;
}
.news-tabs-place .catalog-tabs{
    width:100% !important;
}
.social-link{
    margin: 0 !important;
}
.img-link.biblio-link.black {
    background: url('/x/images/library-outline.svg') no-repeat center top !important;
}
.img-link.user-link.black{
    background: url('/x/images/account-outline.svg') no-repeat center top !important;
    background-size: 50% !important;
}
.img-link.user1-link.black{
    background: url('/x/images/office-building-outline.svg') no-repeat center top !important;
}
.img-link.author-link.black{
    background: url('/x/images/pencil-outline.svg') no-repeat center top !important;
}
.img-link.participant-link.black{
    background: url('/x/images/briefcase-outline.svg') no-repeat center top !important;
}
.b-content-wrapper{
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.b-content-left{
    width: 100% !important;
    max-width: 180px !important;
}
.b-item-cover{
    width: 100% !important;
}
.b-content-row{
    display: flex !important;
}
.b-content-center{
    width: calc(100% - 180px) !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.b-content-social:nth-child(2),
.b-content-social:nth-child(3),
.b-content-like,
.b-content-back{
    display: none !important;
}
.b-content-social a{
    float: left !important;
    width: 180px !important;
    height: 55px !important;
    background: url('/x/images/google-play-rucont.svg') no-repeat center top !important;
    border-radius: 12px !important;
}
.b-content-social a:hover{
    background: url('/x/images/google-play-rucont.svg') no-repeat center top, #dddddd !important;
}
.b-content-social a img{
    display: none;
}
.b-content-access{
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.b-content-access > span{
    margin: 0 !important;
}
.b-content-right h2,
.b-content-right .b-content-tags,
.b-content-right i,
.b-content-right hr,
.b-content-right div:nth-child(5),
.b-content-right div:nth-child(6),
.b-content-right a:nth-child(7),
.b-content-right div:nth-child(8){
    display: none !important;
}
.b-content-block h1{
    font-size: 30px !important;
    margin: 0 0 40px 0 !important;
    color: black !important;
    line-height: 140% !important;
}
.b-info-content-pad{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}
.b-info-content-pad > a{
    max-width: 100% !important;
}
.b-info-content-pad > a > img{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    max-width: 260px !important;
    max-height: 70px !important;
}
ul.sub-menu-tabs-level-2{
    font-size: 16px !important;
}
.b-news-all{
    display: flex !important;
    flex-wrap:wrap !important;
    gap: 40px !important;
    width:100% !important;
}
.b-news-all > .item{
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    min-width: 260px !important;
    max-width: 420px !important;
}
.b-news-all > .item > h2{
    margin: 8px 0 15px 0 !important;
    font-size: 22px !important;
    line-height: 130% !important;
}
.b-news-all > .item .content{
    padding: 0 !important;
    margin: 0 !important;
}
.ms-formlabel{
    font-size: 14px !important;
}
.ms-formtable{
    font-size: 14px !important;
    line-height: 140% !important;
    margin: 0 0 10px 0 !important;
}
.ms-formtable th{
    padding: 10px 0 !important;
}
.ms-formtable td, th{
    border: none !important;
}
.b-content-description{
    margin: 0 0 30px 0 !important;
}
.b-content .b-content-arch-wrapper{
    display: flex !important;
    flex-wrap:wrap !important;
    gap: 20px !important;
    padding: 10px !important;
}
.b-content .b-content-arch-wrapper .b-content-arch-item{
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    gap: 10px !important;
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    min-width: 120px !important;
    max-width: 150px !important;
}
.b-content .b-content-arch-wrapper .b-content-arch-item a.logo{
    margin: 0 !important;
    width: 100% !important;
    max-height: 220px !important;
    height: auto !important;
}
.b-content .b-content-arch-wrapper .b-content-arch-item a.logo img{
    margin: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 12/17 !important;
}
.b-content .b-content-arch-wrapper .b-content-arch-item .b-arch-buttons{
    display: flex !important;
    flex-direction:column !important;
    gap: 2px !important;
}

.b-content .b-content-arch-wrapper .b-content-arch-item .b-arch-buttons > a{
    padding: 5px 10px !important;
    white-space: normal !important;
    text-decoration: none !important;
}
.b-content .b-content-wrapper > .b-content{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px 40px !important;
    margin: 30px 0 !important;
}
.b-content .b-content-wrapper > .b-content hr{
    display:none !important;
}
.b-content .b-content-wrapper > .b-content h2{
    width: 100% !important;
}
.b-content .b-content-wrapper > .b-content > .tab-item-list{
    width: auto !important;
    max-width: 120px !important;
}
.b-content .b-content-wrapper > .b-content > .tab-item-list .item-name,
.tabs-content-wrapper .tab-item-list .item-name{
    margin: 10px 0 5px 0 !important;
}
.b-content .b-content-wrapper > .b-content > .tab-item-list .item-name,
.b-content .b-content-wrapper > .b-content > .tab-item-list .item-price,
.tabs-content-wrapper .tab-item-list .item-name,
.tabs-content-wrapper .tab-item-list .item-price{
    font-size: 14px !important;
}
#news-tab-partners > p:first-child{
    display: none !important;
}
.level-second-menu-wrapper{
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    display: flex !important;
}
.level-second-menu{
    display: flex !important;
    flex-wrap:wrap !important;
    gap: 10px 40px !important;
    width:100% !important;
    margin: 40px auto 0 auto !important;
}
ul.level-second-menu::after{
    display: none !important;
}
.news-item-short-title{
    font-size: 18px !important;
    color: #3392EA !important;
    text-decoration: none !important;
    margin: 10px 0 !important;
}
.news-item-short-date{
    font-size:14px !important;
}
/* Новости */
.tabs-content > .tabs-content-wrapper > .tab.active{
    display: flex;
    flex-wrap: wrap !important;
}
#news-tab-news{
    position: relative !important;
    padding: 0 0 20px 0 !important;
    gap: 80px !important;
}
.news-item-short{
    margin: 0 !important;
    flex-basis: 0 !important;
    flex-grow: 1 !important;
}
div.all-news{
    display: none !important;
}
a.all-news{
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    border: none !important;  
}
.tabs-content > .tabs-content-wrapper > .tab.active .clear{
    display: none !important;
}
.news-item-short-news-detail{
    content: none !important;
    color: #3392EA !important;
    font-size: 16px !important;
    margin: 10px 0 !important;
    text-decoration: underline !important;
}
.news-item-short-news-detail:hover{
    color: #5FAEF7 !important;
}
.news-item-short-news-detail::before{
    content:"Подробнее " !important;
}
/* Футер */
.footer{
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.footer-wrapper{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 20px 0 !important;
}
.footer-menu li:nth-child(2),
.footer-menu li:nth-child(3){
    display: none !important;
}
.footer-menu > li > a{
    font-size: 18px !important;
}
.design-developer{
    display: none !important;
}
.footer-assembly{
    display: none !important;
}
/* Залогиненный */
.head.login-state{
    background: transparent !important;
    padding: 0 !important;
}
.login-cabinet-place{
    width:100% !important;
    max-width: 1620px !important;
    padding: 10px 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    color: inherit !important;
}
.login-cabinet-place > a{
    padding: 5px !important;
    margin: 0 !important;
    order: 2 !important;
}
.login-cabinet-place > a:nth-child(3){
    order: 1 !important;
}
.login-cabinet-place > .clear{
    display: none !important;
}
.login-cabinet-place > a.login-cabinet-place-logout{
    order: 4 !important;
}
.login-cabinet-place-user-nick-name{
    color: #3392EA !important;
    font-weight: bold !important;
    text-decoration: none !important;
    cursor: default !important;
}
.login-cabinet-place-user-nick-name:hover{
    color: #3392EA !important;
}
.sub-menu-tabs-level-1{
    display: flex !important;
    flex-wrap: wrap !important;
    font-size: 16px !important;
    margin: 0 -25px !important;
}
.sub-menu-tabs-level-1 > li,
.sub-menu-tabs-level-1 > li.active{
    border: none !important;
}
.sub-menu-tabs-level-1 > li.active > a{
    background-color: transparent !important;
}
.sub-menu-tabs-level-1 > li > span{
    display: block !important;
    padding: 10px !important;
}
.sub-menu-tabs-level-1 > li > a{
    padding: 10px !important;
}
/* Каталог */
.b-catalog-item,
.b-search-results-item{
    width: 100% !important;
    padding: 0 0 0 60px !important;
    margin: 0 0 -30px 0 !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    box-sizing: border-box !important;
}
.b-catalog-item .left,
.b-search-results-item .left{
    background: none !important;
    width: auto !important;
}
.b-catalog-item .left .point,
.b-search-results-item .left .point{
    color: #515151 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
.b-catalog-item .left .point_gray,
.b-search-results-item .left .point_gray{
    background: transparent !important;
}
.b-catalog-item h2,
.b-catalog-item h2 a,
.b-search-results-item h2,
.b-search-results-item h2 a{
    margin: 0 !important;
    font-size: 18px !important;
    letter-spacing: normal !important;
}
.b-search-results-item h2{
    margin: 0 0 10px 0 !important;
}
.b-search-results-letters{
    margin: auto 0 !important;
}
.b-search-results-legend{
    margin: 0 !important;
}
.b-search-results-item p{
    font-size: 14px !important;
    line-height: 170% !important;
    max-width: 800px !important;
}
.b-search-results-item .snippet{
    padding: 0 !important;
    margin: 0 !important;
}
.b-search-results-item > br:last-child{
    display: block !important;
    margin-bottom: 20px !important;
}
.b-pager-2{
    font-family: inherit !important;
    font-size: 20px !important;
    margin: 0 0 0 20px !important;
    float: left !important;
}
/* Поиск */
#ctl00_pnl{
    width:100% !important;
    max-width: 1620px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.search-form{
    width: 100% !important;
}
.search-form-table table{
    width: 100% !important;
}
.search-form-table table tr{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 10px !important;
}
.search-form-table table tr td:nth-child(3){
    width: auto !important;
}
.search-form-table table tr td:nth-child(4){
    margin: 0 0 0 auto !important;
}
.b-catalog-item_level-2 .left{
    margin: 0 !important;
}
/* Расширенный поиск */
#ctl00_ctl11_pnl,
#ctl00_ctl12_pnl,
#ctl00_ctl13_pnl,
#ctl00_ctl14_pnl{
    width: 100% !important;
}
.b-search-ext{
    width: 100% !important;
    padding: 20px !important;
}
.tabletitle{
    font-size: 16px !important;
    margin: 20px 0 !important;
}
.ms-formbody{
    padding: 0 !important;
}
.ms-formbody div{
    font-size: 14px !important;
}
.b-search-ext .ms-formlabel{
    padding: 10px 30px 10px 0 !important;
    width: 290px !important;
}
.b-content-description .ms-formtable tr{
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 0 0 15px 0 !important;
}
/* Страница товара */
.b-book-buttons{
    display: flex !important;
    gap: 10px !important;
    flex-wrap:wrap !important;
}
.b-book-button,
.b-book-buttons > a,
.b-book-buttons > a.gray,
.b-book-buttons > .x2 > a{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    border: none !important;
    background-color: #3392EA !important;
}
.b-book-buttons > a:hover,
.b-book-buttons > a.gray:hover,
.b-book-buttons > .x2 > a:hover{
    background-color: #5FAEF7 !important;
}
.b-content-arch-years{
    margin: 0 0 10px 0 !important;
}
.b-content-arch-years > li{
    padding: 0 !important;
    font-size: 12px !important;
}
.b-content-arch-years > li > a{
    padding: 12px 24px !important;
    display: block !important;
    color: #3392EA !important;
}
.b-content-arch-years > li > a:hover{
    background-color: #f1f1f1 !important;
    text-decoration: underline !important;
}
.b-content-arch-years > li.active{
    border: 1px solid #e1e1e1 !important;
    padding: 12px 24px !important;
}
.b-multi-button,
.b-book-buttons > a,
.b-book-buttons > .x2 > a,
.b-arch-buttons > a,
.b-content-button{
    text-decoration: none !important;
    border: none !important;
    background-color: #3392EA !important;
    color: #ffffff !important;
}
.b-multi-button:hover,
.b-book-buttons > a:hover,
.b-book-buttons > .x2 > a:hover,
.b-arch-buttons > a:hover,
.b-content-button:hover{
    background-color: #5FAEF7 !important;
}
@media (max-width:1280px){
    #ctl00_ctl11_moCollection_select_select{
        top: 0 !important;
        left: 0 !important;
    }
}
@media (max-width:1080px){
    .b-content-block .b-content-row{
        display: flex !important;
        flex-direction: column !important;

    }
    .b-content-block .b-content-row .b-content-center{
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .b-content > .b-content-row{
        display: flex !important;
        flex-direction: column !important;
    }
    
    .b-content > .b-content-row .b-content-right{
        padding: 0 !important;
    }
    .b-content-block h1{
        font-size: 22px !important;
        word-break: break-all !important;
        word-wrap: break-word !important;        
    }
    #ctl00_ctl10_mChangePwd{
        top: 0 !important;
        left: 0 !important;
    }

}
@media (max-width:680px){
    .h1{
        font-size: 30px !important;
        word-break: break-all !important;
        word-wrap: break-word !important;
    }
    .header-banner-2-container{
        display: none !important;
    }
    .content{
        display: flex !important;
        flex-direction:column !important;
        gap: 40px !important;
    }
    .content .right-col-social-link{
        width: 100% !important;
        order: 3 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px 40px !important;
    }
    .content .right-col-social-link > *{
        margin: 0 !important;
    }
    .main-content-container{
        margin: 0 !important;
    }
    .content .left-tab{
        margin: 0 0 40px 0 !important;
        min-width: 220px !important;
        width: 100% !important;
        flex-basis: auto !important;
    }
    .content .left-tab .catalog-tabs{
        min-width: 220px !important;
        width: 100% !important;
    }
    .head,
    .sub-head,
    .level-second-menu-wrapper,
    .content,
    .footer,
    #ctl00_pnl{
        padding: 0 10px !important;
        
    }
    ul.level-second-menu{
        gap: 10px 20px !important;
    }
    ul.level-second-menu > li{
        font-size: 18px !important;
        word-break: break-all !important;
        word-wrap: break-word !important;
    }
    .b-catalog-item,
    .b-search-results-item{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 !important;
        margin: 0 0 -20px 0 !important;
    }
    .b-catalog-item .left,
    .b-search-results-item .left{
        position: static !important;
    }
    .b-catalog-item h2,
    .b-catalog-item h2 a,
    .b-search-results-item h2,
    .b-search-results-item h2 a{
        font-size: 16px !important;
    }
}

.dn{
    display: none !important;
}
.popup-container{
    display: flex;
    z-index: 60;
}
.popup--medium{
    border: 1px solid #e1e1e1 !important;
    color: #000 !important;
    background-color: #FFF;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 10px 15px;
    z-index: 50;
    line-height: 130%;
}
.popup--top-left{
    position: fixed;
    top: 10px;
    left:10px;
}
.popup--top-right{
    position: fixed;
    top: 10px;
    right:10px;
}
.popup--bottom-left{
    position: fixed;
    bottom: 10px;
    left:10px;
}
.popup--bottom-right{
    position: fixed;
    bottom: 10px;
    right:10px;
}
#we-using-cookies-popup{
    padding: 10px 10px 10px 15px;
}
.button-2--medium{
    border: 1px solid #e1e1e1 !important;
    background-color: #FFF;
    padding: 8px 14px;
    cursor:pointer;
    color: #5FAEF7 !important;
}
.button-2--medium:hover{
    text-decoration: underline;
}