/* ======================================= */
/* ========== CKE-редактор =============== */
/* ======================================= */
.inline-edit-status-block {
    z-index: 1000;
    opacity: .6; }

.cke_reset_all textarea {
    white-space: normal !important; }

body.cke_editable.cke_editable_themed {
    background: #fff;
    color: black; }

/* ======================================= */

:root{
    --blue:#123b68;
    --blue2:#1d4d82;
    --orange:#f58220;
    --links:#1b6193;
    --links2:#0093fb;
    --light:#f4f7fb;
}
body{
    /*font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;*/
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    /*background:#f4f7fb;*/
    /*background: #eef2f7;*/
    background: #dfe9f5;
    color:#1e293b;
}

/* ============================================== */
/* ========== ПОДВАЛ к низу страницы ============ */
/* ============================================== */
html,body{
    height:100%;
}
body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    margin:0;
}
.page-inner{
    flex:1 0 auto;
    display:flex;
    flex-direction:column;
}
.content-wrap{
    flex:1 0 auto;
}
.site-footer{
    /*margin-top:auto;*/
    flex-shrink:0;
}
/* ============================================== */


a {
    text-decoration:none;
    color: var(--links);
    transition: all .3s;
}
.whitebox a {
    color: var(--links2);
    word-break: break-word;
}
a:focus {
    outline: none;
}
s {position: relative;}
s > a {position: absolute; top: -50px;}

h1, h2, h3 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
}
h1{
    font-size: 32px;
    color: #000;
    font-weight: 300;
    /*margin: 0 0 10px 0;*/
}
h2{
    font-size: 18px;
    color: #000;
    font-weight: 300;
    /*margin: 0 0 8px 0;*/
}

/* =========================================== */
/* ======= ГЛАВНАЯ 2026 ====================== */
/* =========================================== */
.hero{
    position:relative;
    /*min-height:70vh;*/
    min-height: auto;
    padding-bottom: 120px;
    padding-top: 50px;
    /*overflow:hidden;*/
    border-radius:0 0 40px 40px;
    background: linear-gradient(90deg,rgba(10, 35, 65, 0.9) 15%, rgba(10, 35, 65, 0) 60%),
            url('/site/public/elfinder/Img/hero_bg_3.jpg') center center / cover no-repeat,
            #0a377a;
    display:flex;
    align-items:center;
    max-width: 1500px;
    margin: auto;
}
.hero::after{
    content:'';
    position:absolute;
    inset:0;
    background: radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 40%);
    pointer-events:none;
}
.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}
.logo-block{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:40px;
    max-width: 40%;
}
.hero-subtitle{
    font-family: "Montserrat", sans-serif;
    color:var(--orange);
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.04em;
    margin-bottom:10px;
    font-size:20px;
}
.hero-title{
    font-family: "Montserrat", sans-serif;
    font-size:clamp(52px,6vw,80px);
    line-height:.95;
    font-weight:800;
    margin-bottom:25px;
}
.hero-description{
    font-size:26px;
    max-width:650px;
    line-height:1.4;
    color:rgba(255,255,255,.92);
    margin-bottom:45px;
}
.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.btn-main,
.btn-outline-light {
    font-family: "Montserrat", sans-serif;
    padding: 12px 34px;
    border-radius:12px;
    max-width: 250px;
    font-weight:700;
    font-size:18px;
    line-height: 1.2;
    transition:.25s;
}
.btn-main{
    background:var(--orange);
    color:#fff;
}
.btn-main:hover{
    background:#ff9c40;
    color:#fff;
    /*transform:translateY(-2px);*/
}
.btn-outline-light{
    border:2px solid rgba(255,255,255,.4);
    backdrop-filter:blur(6px);
}

/* ================================ */
/* ======= КАРТОЧКИ - МЕНЮ ======== */
/* ================================ */
.cards-section{
    margin-top:-110px;
    position:relative;
    z-index:10;
    /*margin-bottom: 50px;*/
}
.menu-card{
    background:#fff;
    border-radius:28px;
    /*padding:40px 30px;*/
    padding:20px;
    height:100%;
    transition:.25s;
    box-shadow: 0 10px 30px rgba(15,23,42,.1);
}
.menu-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(15,23,42,.1);
}
.menu-image{
    width:100%;
    /*aspect-ratio:16/9;*/
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}
.menu-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.menu-icon{
    width:78px;
    height:78px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:28px;
    color:#fff;
}
.icon-orange{background:#f28b2a;}
.icon-blue{background:#4772a8;}
.icon-green{background:#4bb7b0;}
.icon-purple{background:#8b5cf6;}
.icon-red{background:#ef7f5a;}
.menu-card h3{
    font-size: 22px;
    /* margin-bottom: 16px; */
    font-weight: 700;
    text-align: center;
}
.menu-card p{
    color:#64748b;
    font-size:17px;
    line-height:1.5;
    margin:0;
}
/*========= ГЛАВНАЯ - СЕКЦИЯ КАРТОЧЕК - ДОБАВКА ==========*/
.menu-card-wrap{
    position:relative;
    height: 100%;
}
@media (min-width:768px){
    .menu-card-wrap.submenu h3:after {
        content: "\f077";
        font-family: 'FontAwesome';
        margin-left: 5px;
        font-size: 80%;
        color: var(--orange);
    }
}

/* POPUP */
.menu-popup{
    position:absolute;
    left:0;
    bottom:20%;
    width:100%;
    padding-bottom:18px;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.25s;
    z-index:5;
    pointer-events:none;
}
.menu-popup:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:18px;
    /*background:#0d2340;*/
    /*background:#f58220;*/
    background:#fff;
    border-radius:28px;
    box-shadow:0 20px 50px rgba(0,0,0,.22);
}
.menu-popup ul{
    position:relative;
    z-index:2;
    list-style:none;
    margin:0;
    padding:24px 26px 28px;
}
.menu-popup li+li{
    margin-top:10px;
}
.menu-popup a{
    display: block;
    /*color:#fff;*/
    color:#333;
    text-decoration:none;
    font-size:20px;
    line-height:1.3;
    font-weight:500;
    transition:.2s;
    text-align: center;
}
.menu-popup a:hover{
    /*color:#ff9f2f;*/
    /*color:#0d2340;*/
    color:#f58220;
    padding-left:6px;
}
/* Показать popup */
.menu-card-wrap:hover .menu-popup{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

@media (max-width:1199px){
    .hero{
        min-height:auto;
        padding: 40px 0 120px;
    }
}

/* TABLET */
@media (max-width:991px){
    .hero{
        min-height:auto;
        padding: 60px 0 120px;
        background-position:center;
    }
    .logo-block{
        margin-bottom:30px;
    }
    .logo-square{
        width:72px;
        height:72px;
        font-size:42px;
    }
    .logo-text{
        font-size:40px;
    }
    .hero-title{
        font-size:56px;
    }
    .hero-description{
        font-size:22px;
    }
    .cards-section{
        margin-top:-90px;
    }
    .menu-card{
        /*padding:20px;*/
    }
    .menu-card h3{
        font-size:24px;
    }
}

/* MOBILE */
@media (max-width:768px){
    .hero{
        padding: 30px 0 80px;
        min-height:auto;
        background-position:68% center;
        border-radius: 0 0 18px 18px;
    }
    .logo-block{
        gap:14px;
        min-width: 180px;
    }
    .logo-square{
        width:58px;
        height:58px;
        font-size:34px;
        border-width:3px;
    }
    .logo-text{
        font-size:32px;
    }
    .hero-subtitle{
        font-size:15px;
    }
    .hero-title{
        font-size:42px;
    }
    .hero-description{
        font-size:20px;
        margin-bottom:35px;
    }
    .hero-buttons{
        flex-direction:column;
    }
    .btn-main,
    .btn-outline-light{
        width:100%;
        text-align:center;
    }
    .cards-section{
        margin-top:-70px;
    }
    .menu-card-wrap.submenu .menu-card{
        border-radius: 24px 24px 0 0;
        padding-bottom: 1px;
    }
    .menu-card:hover{
        transform:translateY(0);
        box-shadow:0 10px 30px rgba(15,23,42,.05);
    }

    .section-title{
        font-size:38px;
    }
}
@media(max-width:767px){
    .menu-card-wrap{
        height: auto;
    }
    .menu-popup{
        position:relative;
        bottom:auto;
        left:auto;
        width:100%;
        opacity:1;
        visibility:visible;
        transform:none;
        padding:16px 0 0;
        padding-top: 0;
        pointer-events:auto;
    }
    .menu-popup:before{
        bottom:0;
        border-radius: 0 0 24px 24px;
        box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
    }
    .menu-popup ul{
        padding: 10px 24px 22px;
    }
    .menu-popup a{
        font-size:18px;
        /*line-height: 1.2;*/
    }
}

/*========= ГЛАВНАЯ - СЕКЦИЯ ПАРТНЕРЫ ==========*/
.partners-section{
    padding:60px 0 0;
}
.partners-row{
    display:flex;
    gap:28px;
    align-items:stretch;
}
.partners-group{
    flex:1;
    background:#fff;
    border-radius:28px;
    padding:20px;
    box-shadow:0 8px 30px rgba(0,0,0,.04);
}
.partners-title{
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    color: #145a9d;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}
.partners-title a{
    color:inherit;
    text-decoration:none;
    transition:.2s;
}
.partners-title a:hover{
    color:#ff9f2f;
}
.partners-logos{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}
.partner-card{
    flex:1;
    min-width:140px;
    height:120px;
    background:#f4f7fb;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 12px 20px;
    transition:.25s;
}
.partner-card:hover{
    transform:translateY(-4px);
    background:#eef4fb;
    box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.partner-card img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    display:block;
    object-fit:contain;
}

@media(max-width:991px){
    .partners-row{
        flex-direction:column;
    }
    .partners-group{
        /*padding:24px;*/
        /*border-radius:24px;*/
    }
    .partners-title{
        font-size:26px;
    }
}

@media(max-width:575px){
    .partners-section{
        padding:30px 0 40px;
    }
    .partners-group{
        /*padding:20px;*/
        /*border-radius:24px;*/
    }
    .partners-title{
        font-size:22px;
        margin-bottom:18px;
    }
    .partners-logos{
        gap:14px;
    }
    .partner-card{
        height:96px;
        border-radius:18px;
        padding:16px;
    }
}

/*=====================================*/
/*========= FOOTER ====================*/
/*=====================================*/
.site-footer{
    position:relative;
    padding:42px 0 34px;
    background:linear-gradient(180deg,#3f3f42 0%,#343437 100%);
    color:#d8dde3;
    box-shadow:0 -6px 20px rgba(0,0,0,.08);
}
.site-footer:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:rgba(255,255,255,.08);
}
.footer-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding-bottom:22px;
    margin-bottom:22px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-title{
    font-size:24px;
    line-height:1.1;
    /*font-weight:600;*/
    color:#fff;
}
.footer-reception{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 28px;
    border-radius:12px;
    background:#145a9d;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    white-space:nowrap;
    transition:.25s;
    box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.footer-reception:hover{
    background:#ff9f2f;
    color:#fff;
    transform:translateY(-2px);
}
.footer-body{
    display:flex;
    justify-content:space-between;
    gap:40px;
}
.footer-left{
    max-width:760px;
}
.footer-left p{
    margin:0 0 10px;
    font-size:15px;
    line-height:1.55;
    color:#d0d5db;
}
.footer-right{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}
.footer-counters{
    margin-bottom:18px;
}
.footer-counters img{
    display:block;
    border-radius:6px;
    opacity:.92;
}
.footer-contacts{
    text-align:right;
}
.footer-contacts p{
    margin:0 0 6px;
    font-size:15px;
    line-height:1.45;
    color:#d0d5db;
}
.site-footer a{
    color:#fff;
    text-decoration:none;
    transition:.2s;
}
.site-footer a:hover{
    /*color:#ffc266;*/
}
@media(max-width:991px){
    .site-footer{
        padding:34px 0 30px;
    }
    .footer-top{
        flex-direction:column;
        align-items:flex-start;
    }
    .footer-title{
        /*font-size:24px;*/
    }
    .footer-body{
        flex-direction:column;
        gap:26px;
    }
    .footer-right{
        align-items:flex-start;
    }
    .footer-contacts{
        text-align:left;
    }
}
@media(max-width:575px){
    .site-footer{
        padding:28px 0 24px;
    }
    .footer-title{
        font-size:20px;
        line-height:1.25;
    }
    .footer-reception{
        width:100%;
        height:50px;
        font-size:16px;
        border-radius:14px;
    }
    .footer-left p,
    .footer-contacts p{
        font-size:14px;
        line-height:1.5;
    }
}





/*=====================================*/
/*======= ВТОРЫЕ СТРАНИЦЫ =============*/
/*=====================================*/
.page-inner{
    /*background:#eef2f7 url('/img/bg-pattern.svg') center top no-repeat;*/
    /*background:#eef2f7;*/
    /*padding:0 0 60px*/
}
.page-top:before{
    content:"₽";
    position:absolute;
    right:7%;
    top:20px;
    font-size:240px;
    font-weight:700;
    color:rgba(255,255,255,.1);
    line-height:1;
}
.page-top{
    background:
            linear-gradient(90deg, rgb(8 34 78 / 72%) 0%, rgb(12 61 126 / 0%) 100%),
            url(/site/public/elfinder/Img/page_top_bg_2.jpg) center center no-repeat,
            #03296e;
    background-size: cover;
    position: relative;
    overflow: visible;
    padding: 0 0 90px;
    min-height: 260px;
}
.page-top>.container{
    position:relative;
    z-index:30;
}


.topbar{
    height: 120px;
    position:relative;
    z-index:2;
}
.logo-block-2nd img{
    height: 70px;
}
.btn-top{
    background:#ff9228;
    color:#fff;
    border-radius:10px;
    padding:11px 24px;
    font-weight:700;
    text-decoration:none;
    transition:.2s;
}
.btn-top:hover{
    background:#ff7f00;
    color:#fff;
}
.hero-inner{
    padding: 0 0 24px;
    position:relative;
    z-index:0;
}
.hero-inner h1{
    font-size:42px;
    font-weight: 700;
    color:#fff;
    line-height:1.15;
    margin:0 0 18px;
}
.hero-inner .lead{
    max-width:780px;
    font-size:20px;
    line-height:1.5;
    color:rgba(255,255,255,.88);
    margin:0;
}
.content-wrap{
    margin-top:-90px;
    position:relative;
    z-index:0;
}
.whitebox{
    background:#fff;
    border-radius:26px;
    box-shadow:0 10px 40px rgba(13,43,84,.08);
    padding:42px 46px;
    min-height: 250px;
}
.whitebox-in{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.whitebox h2{
    font-size: 32px;
    font-weight:400;
    color:#17447d;
    margin: 40px 0 22px;
}
.whitebox h3{
    font-size:28px;
    font-weight:700;
    color:#17447d;
    margin: 32px 0 18px;
}
.whitebox h2:nth-child(1),
.whitebox h3:nth-child(1) {
    margin-top: 0;
}

.whitebox p,.whitebox li{
    font-size:18px;
    line-height:1.4;
    color:#3f4d5f;
    word-wrap: break-word;
}
.whitebox ul{
    padding-left:22px;
    margin:0;
}

/*.whitebox li+li{margin-top:8px;}*/
.info-note{background:#f4f8fd;border-radius:18px;padding:24px 28px;margin-top:34px;}
.info-note p:last-child{margin-bottom:0;}
.footer-cta{margin-top:34px;background:linear-gradient(135deg,#113564 0%,#194a85 100%);border-radius:22px;padding:30px 34px;color:#fff;}
.footer-cta h4{font-size:32px;font-weight:800;margin:0 0 10px;}
.footer-cta p{font-size:18px;color:rgba(255,255,255,.82);margin:0 0 22px;}
/*.btn-orange{display:inline-block;background:#ff9228;color:#fff;text-decoration:none;padding:14px 28px;border-radius:12px;font-weight:700;transition:.2s;}*/
/*.btn-orange:hover{background:#ff7f00;color:#fff;}*/
.site-footer{background:linear-gradient(135deg,#2d2f36 0%,#1f2025 100%);padding:38px 0;color:#cfd5df;margin-top:60px;}
/*.site-footer a{color:#ff9d2f;text-decoration:none;}*/

@media(max-width:991px){
    .hero-inner h1{
        font-size:36px;
    }
    .whitebox{padding:30px 24px;}
    .whitebox h2{font-size:30px;}
    .whitebox h3{font-size:24px;}
}


@media(max-width:991px){
    .page-top{
        /*padding-bottom: 60px;*/
        /*min-height: 190px;*/
    }
}

@media(max-width:575px){
    .page-top{
        /*background-position:68% center;*/
        /*min-height:170px;*/
    }

    .hero-inner h1{
        font-size:30px;
        /*max-width:220px;*/
    }

}

/*======= МЕНЮ  ВТОРЫХ СТРАНИЦ =============*/
.whitebox-in h1 {display: none;}
.site-section-menu{padding:8px 0}
.site-section-menu>.menu{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:18px;
    list-style:none;
    padding:0;
    margin:0
}
.site-section-menu>.menu>li{
    position:relative;
    margin:0;
    padding:0
}
.site-section-menu>.menu>li>a{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 92px;
    padding: 18px 70px 18px 28px;
    background: #fff;
    border: 1px solid #e7edf6;
    border-radius: 12px;
    text-decoration: none;
    color: #18467f;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    box-shadow: 0 6px 20px rgba(18, 56, 104, .05);
    transition: .22s;
    overflow: hidden;
}
.site-section-menu>.menu>li>a:before{
    content:"";
    position:absolute;
    left:0;
    top:20px;
    bottom:20px;
    width:4px;
    background:#ff9228;
    border-radius:0 4px 4px 0
}
.site-section-menu>.menu>li>a:after{
    content:"›";
    position:absolute;
    right:26px;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#f6f8fc;
    color:#ff9228;
    font-size:34px;
    font-weight:300;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.22s
}
.site-section-menu>.menu>li>a:hover{
    transform:translateY(-3px);
    border-color:#d6e3f2;
    box-shadow:0 12px 34px rgba(18,56,104,.12);
    color:#123d73
}
.site-section-menu>.menu>li>a:hover:after{
    transform:translateY(-50%) translateX(4px);
    background:#ff9228;
    color:#fff
}
.site-section-menu>.menu>li.act>a,
.site-section-menu>.menu>li.active>a{
    background:linear-gradient(135deg,#123d73 0%,#184f91 100%);
    color:#fff;
    border-color:transparent
}
.site-section-menu>.menu>li.act>a:after,
.site-section-menu>.menu>li.active>a:after{
    background:rgba(255,255,255,.15);
    color:#fff
}
@media(max-width:991px){
    .site-section-menu>.menu{
        grid-template-columns:1fr;
        gap:12px
    }
    .site-section-menu>.menu>li>a{
        min-height:78px;
        font-size:22px;
        padding:16px 62px 16px 22px;
        border-radius:18px
    }
}
@media(max-width:575px){
    .site-section-menu>.menu>li>a{
        font-size:19px;
        line-height:1.25
    }
}


/*======= МЕНЮ ВТОРЫХ СТРАНИЦ =============*/
/* MENU */
.topmenu{
    gap: 26px;
    z-index: 100;
}
.mob-overlay{
    /*z-index:0;*/
}

.mob-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:.25s;
    z-index:90;
}
.mob-overlay.show{
    opacity:1;
    visibility:visible;
}

.topmenu a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.2s;
}
.topmenu a:hover,.topmenu a.active{
    color:#ff9d2f;
}
.topmenu>.menu{
    display:flex;
    align-items:center;
    gap:24px;
    margin:0;
    padding:0;
    list-style:none;
}
.topmenu>.menu>li{position:relative}
.topmenu>.menu>li>a{
    display:flex;
    align-items:center;
    height:76px;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    /*transition:.2s;*/
    white-space:nowrap;
}
.topmenu>.menu>li:hover>a,
.topmenu>.menu>li.act>a,
.topmenu>.menu>li.current>a,
.topmenu>.menu>li>a:hover{
    color:#ff9d2f;
    /*color: var(--orange);*/
}
.topmenu>.menu>li.dropdown>a:after{
    content:"";
    width:6px;
    height:6px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    margin:-4px 0 0 8px;
    /*transition:.2s;*/
}
.topmenu>.menu>li.dropdown:hover>a:after{
    transform:rotate(225deg);
    margin-top:2px;
}
.topmenu>.menu>li>ul{
    position:absolute;
    left:0;top:100%;
    min-width:260px;
    background:#fff;
    border-radius:16px;
    padding:10px 0;
    margin:0;
    list-style:none;
    box-shadow:0 14px 40px rgba(0,0,0,.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.2s;
    z-index:100;
}
.topmenu>.menu>li:hover>ul{
    opacity:1;
    visibility:visible;
    transform:none;
}
.topmenu>.menu>li>ul>li>a{
    display:block;
    padding:11px 20px;
    color:#23436f;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    line-height:1.35;
    /*transition:.2s;*/
}
.topmenu>.menu>li>ul>li>a:hover,
.topmenu>.menu>li>ul>li.current>a,
.topmenu>.menu>li>ul>li.act>a{
    background:#f4f7fb;
    /*color:#ff9228;*/
    /*color:#ff9d2f;*/
    color: var(--orange);
}
.topmenu>.menu>li>ul>li+li>a{
    border-top:1px solid #ffffff36;
}

/* MOBILE MENU */
.mob-toggle{
    display:none;
    width:46px;
    height:46px;
    border:0;
    border-radius:10px;
    background:#ff9228;
    position:relative;
    flex:none;
    z-index:110
}
.mob-toggle span,.mob-toggle:before,.mob-toggle:after{content:"";position:absolute;left:11px;width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s;}
.mob-toggle span{top:22px;}
.mob-toggle:before{top:15px;}
.mob-toggle:after{top:29px;}
.mob-toggle.open span{opacity:0;}
.mob-toggle.open:before{transform:rotate(45deg);top:22px;}
.mob-toggle.open:after{transform:rotate(-45deg);top:22px;}

@media(max-width:991px){
    .topbar{height: 100px;}
    .btn-top{display:none;}
    .mob-toggle{
        display:block;
        z-index:100;
    }

    .topmenu{
        position:fixed;
        /*left:-100%;*/
        left: -320px;
        top:0;
        width:320px;
        height:100vh;
        background:#102f5b;
        padding: 60px 0;
        overflow:auto;
        transition:.3s;
        box-shadow:0 0 40px rgba(0,0,0,.25)
        /*display:none*/
        margin: 0;
        transform: none;
        z-index: 20;
        display: block;
    }
    .topmenu.open{left:0}

    .topmenu>.menu{
        display:block;
        padding:0;
        margin:0;
        list-style:none
    }
    .topmenu>.menu>li{border-bottom:1px solid rgba(255,255,255,.06)}
    .topmenu>.menu>li>a{
        height:auto;
        padding:16px 22px;
        font-size:18px;
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .topmenu>.menu>li.dropdown>a:after{
        width:8px;
        height:8px;
        margin:0;
        transform:rotate(45deg)
    }
    .topmenu>.menu>li.dropdown.open>a:after{transform:rotate(225deg)}
    .topmenu>.menu>li>ul{
        position:static;
        min-width:0;
        background:rgb(0 0 0 / 20%);
        box-shadow:none;
        border-radius:0;
        padding:0;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none
    }
    .topmenu>.menu>li.dropdown.open>ul{display:block}
    .topmenu>.menu>li>ul>li>a{
        padding:13px 22px 13px 38px;
        color:#d9e5f7;
        border:0;
        font-size:16px;
        background:none
    }
    .topmenu>.menu>li>ul>li>a:hover{background:rgba(255,255,255,.05)}
    .mob-overlay{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.45);
        backdrop-filter:blur(3px);
        opacity:0;
        visibility:hidden;
        transition:.25s;
        z-index: 0;
    }
    .mob-overlay.show{opacity:1; visibility:visible}
    body.menu-open{overflow:hidden}
}

@media (min-width: 768px) {
    .we-in-social {
        top: 80px !important;
    }
}

/*========== ПЕРЕНОСЫ ==========*/
.t-hyphens-auto {
    hyphens: auto;
}

/*=============================================*/
/*========== УНИВЕРСАЛЬНЫЙ ПАГИНАТОР ==========*/
/*=============================================*/
/* UNIVERSAL PAGINATION BS3 + BS5 */
.pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:25px 0;
    padding:0;
    list-style:none;
}
.pagination>li{
    display:block;
    margin:0;
}
.pagination>li>a,
.pagination>li>span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 14px;
    border-radius:12px;
    border:1px solid #d8e1ee;
    background:#fff;
    color:#18457d;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:.2s;
    box-shadow:0 2px 8px rgba(0,0,0,.03);
}
.pagination>li>a:hover,
.pagination>li>span:hover{
    background:#f3f7fc;
    border-color:#b7cae5;
    color:#ff9228;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover{
    background:#18457d;
    border-color:#18457d;
    color:#fff;
    cursor:default;
}
.pagination>.disabled>a,
.pagination>.disabled>span{
    opacity:.45;
    pointer-events:none;
}
.pagination>.next>a,
.pagination>.prev>a{
    font-size:22px;
    font-weight:700;
    padding-bottom:3px;
}
@media(max-width:575px){
    .pagination{
        gap:6px;
    }
    .pagination>li>a,
    .pagination>li>span{
        min-width:38px;
        height:38px;
        font-size:14px;
        border-radius:10px;
    }
}


/*=================================================*/
/*=========== СПИСОК ПУБЛИКАЦИЙ ===================*/
/*=================================================*/
/* NEWS ITEM */
.b-pub-list-content .news-item{
    display:flex;
    gap:24px;
    padding:22px 0;
    border-bottom:1px solid #e8edf5;
    position:relative;
    align-items:flex-start
}
.b-pub-list-content .news-item:last-child{
    border-bottom:0
}
.b-pub-list-content .news-thumb{
    width:130px;
    height:88px;
    flex:none;
    border-radius:10px;
    overflow:hidden;
    background:#eef2f7;
    box-shadow:0 3px 12px rgba(0,0,0,.06)
}
.b-pub-list-content .news-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.b-pub-list-content .news-body{
    flex:1;
    min-width:0;
    padding-right:72px
}
.b-pub-list-content .news-date{
    display:inline-flex;
    align-items:center;
    gap: 4px;
    font-size:13px;
    font-weight:700;
    color:#6f7b8f;
    margin-bottom:10px
}
.b-pub-list-content .news-date:before{
    content:"🗓";
    font-size: 24px;
    line-height: 0;
    color:#ff9228
}
.b-pub-list-content .news-title{
    display:block;
    font-size:20px;
    font-weight:700;
    line-height:1.2;
    color:#1b4a84;
    text-decoration:none;
    margin-bottom:12px;
    transition:.2s
}
.b-pub-list-content .news-title:hover{
    color:#ff9228
}
.b-pub-list-content .news-tag{
    display:inline-block;
    padding:4px 10px;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    background:#edf4ff;
    color:#2b61a5
}
.b-pub-list-content .news-go{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    border-radius: 30px;
    background:#fff;
    border: 2px solid #e5ebf5;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size: 22px;
    color:#ff9228;
    box-shadow:0 3px 10px rgba(0,0,0,.05);
    transition:.2s
}
.b-pub-list-content .news-go:hover{
    transform:translateY(-50%) scale(1.06)
}
@media(max-width:991px){
    .b-pub-list-content .news-title{
        font-size:18px
    }
}
@media(max-width:767px){
    .b-pub-list-content .news-item{
        gap:14px;
        padding:18px 0
    }
    .b-pub-list-content .news-thumb{
        width:90px;
        height:70px;
        border-radius:8px
    }
    .b-pub-list-content .news-body{
        padding-right:0
    }
    .b-pub-list-content .news-title{
        font-size:16px;
        line-height:1.35;
        margin-bottom:8px
    }
    .b-pub-list-content .news-go{
        display:none
    }
    .b-pub-list-content .news-date{
        font-size:12px;
        margin-bottom:6px
    }
    .b-pub-list-content .news-tag{
        font-size:10px;
        padding:3px 8px
    }
}
/*========================================================*/




.no-display {
	display: none;
}


.breadcrumb {
    font-size:13px;
    color:rgba(255,255,255,.7);
    padding:14px 0 8px;
    position:relative;
    z-index:0;
}
.breadcrumb a{
    color:#fff;
    text-decoration:none;
    opacity:.8
}
.breadcrumb a:hover{
    color: var(--orange);
}
.breadcrumb span{
    margin:0 8px;
    opacity:.5
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    /*color: #000;*/
    content: ">";
}
.breadcrumb>.active {
    /*color: #000;*/
}
.breadcrumb>li {
    display: inline;
}



.m-container{
    padding: 0;
    min-height: 100%;
    /* отрицательный нижний отступ на высоту футера */
    /*margin-bottom: -58px;*/
    margin-bottom: -97px;
}
.b-content{
    position: relative;
}
.footer-push {
    margin: 0;
    padding: 0;
    /*height: 58px;*/
    height: 97px;
}
.b-footer{
    position: relative;
    background: #1b6193;
    padding: 0;
}
.m-container .b-head {
    margin: 0;
    position: relative;
}
.m-container .b-head .logo img {
    width: 170px;
    margin: 10px 0;
    transition: all .5s;
    opacity: 1;
    transform: scale(1);
}
.m-container .b-head .logo img:hover {
    /*opacity: .7;*/
    transform: scale(1.1);
}
.m-container .b-head .name {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    position: absolute;
    top: 25px;
    left: 250px;
    font-size: 19px;
    color: #2ea8ff;
    line-height: 20px;
}
.m-container .b-head .asprof-logo {
    position: absolute;
    top: 8px;
    right: 34px;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    background: url(/site/themes/lapuzzle/images/SPKFR_logo_Simple-1.svg) center no-repeat;
    background-color: #fff;
    background-size: 70%;
    box-shadow: 3px 3px 6px #00000070;
    z-index: 20;
}
.m-container .b-head .name a{
    text-decoration: none;
}
.m-container .b-head .name .sm{
    font-size: 14px;
    color: #1b6193;
    line-height: 16px;
}




@media (max-width:575px){
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.b-body {
    overflow: hidden;
    background: linear-gradient(to bottom, rgb(0 0 0 / 40%) 0%,rgba(255,189,79,0) 330px,rgba(255,189,79,0) 100%);
}
.main-col-2nd h1:first-child {
    margin-top: 0;
    margin-bottom: 15px;
}
.container .main-menu {
    margin-left: 190px;
    margin-top: -40px;
    border-top: 1px solid #f58220;
}
.main-menu ul.menu.m-level-1 {
    margin-bottom: 0;
    padding: 0;
}
.b-top-line-menu a{
    line-height: 31px;
    color: #fff;
    display: inline-block;
    padding: 0 1px;
    text-decoration: none;
}
.b-full-head {
    box-shadow: 0 4px 4px rgba(0,0,0,.3);
    position: relative;
    z-index: 10;
	font-family: 'Open Sans', sans-serif;
	min-width: 100%;
    margin-bottom: 0px;
    background-color: #1a4a7b;
}
.b-full-head:hover {
}

.b-full-head ul.level-1 {
     display: table;
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    padding: 0 40px;
}
.b-full-head ul > li {
    text-decoration: none;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transition: all .5s;
}
.b-full-head ul > li > a {
	white-space: nowrap;
    display: block;
    color: #ffffff;
    font-weight: 700;
    padding: 10px 10px;
    text-decoration: none;
    vertical-align: middle;
    transition: all .5s;
	position: relative;
}
.b-full-head ul > li.dropdown > a {
	padding-right: 30px;
}
.b-full-head ul > li.dropdown > a:after {
    content: '\e114';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 12px;
    bottom: 10px;
    font-size: .9em;
    z-index: 10001;
    /*color: #ffbf54;*/
    color: #f58220;
}

.b-full-head ul > li:hover > a {
    background: rgb(22,47,85);
    background: linear-gradient(180deg, rgba(22,47,85,1) 0%, rgba(22,47,85,0) 100%);
}

.b-full-head ul > li.act > a {
    color: #f58220;
    font-weight: bold;
}

.b-full-head ul > li.first {
	/* border-left:none; */
}

.b-full-head ul > li.dropdown {
    position: relative;

}
.b-full-head ul.menu > li:hover{
   /*  border-top: 6px solid #ea2f24; */
}
.b-full-head ul.menu > li:hover:nth-child(2n) {
    /* border-top: 6px solid #1b6193; */
}

.b-full-head ul.menu > li > ul{
	/* display: none; */
    overflow: hidden;
    max-height: 0;
    position: absolute;
    /* top: 51px; */
    margin: 0 auto;
    text-align: left;
    background: #fff;
    /* padding: 20px 40px 20px 40px; */
	padding: 0 10px;
    z-index: 10;
    box-shadow: 0 4px 4px 0px rgba(0,0,0,.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	min-width: 100%;
    background-color: #1a4a7b;

}
.b-full-head ul.menu > li:hover > ul{
    display: block;
	max-height: 400px;
	padding: 15px 10px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    /*background-color: #1a4a7b;*/
}

.b-full-head ul.menu > li.num6 > ul, 
.b-full-head ul.menu > li.num7 > ul {
    /* right: 0; */
}

.b-full-head ul.menu > li:hover > a{
    /* position: relative; */
    /* box-shadow: 0 2px 5px rgba(0,0,0,.3) inset; */
}

.b-full-head ul.menu > li > ul li{
    border: none;
    display: list-item;
    float: none;
    text-align: left;
    /* list-style-type: disc; */
    background: none;
 }

.b-full-head ul.menu > li > ul > li a {
    /* display: inline; */
    display: block;
    padding: 5px 50px 5px 10px;
    /* font-size: 12px; */
    font-weight: normal;
    white-space: nowrap;
    background-color: inherit;
}
/*.b-full-head ul.menu > li > ul > li a:hover{*/
    /*color: #e93325;*/
	/*background-color: #fdedd2;*/
/*}*/

.b-full-head ul.menu > li > a:before {
    /* content: ''; */
    /* display: inline-block; */
    /* width: 0px; */
    /* height: 51px; */
    /* vertical-align: middle; */
}
.b-full-head ul.menu > li > a > span{
    /* overflow: hidden; */
    /* width: 100%; */
    /* max-height: 5.7rem; */
    /* vertical-align: middle; */
    /* display: inline-block; */
}

.b-footer .name{
    margin-top: 9px;
    padding: 0 3px;
    color: #e0e9f0;
    font-size: 13px;
    font-weight: 700;
    border-left: 1px solid #84a7c0;
    height: 42px;
    padding-left: 9px;
    line-height: 14px;
}
.b-footer .b-text-1{
    position: absolute;
    left: 268px;
    top: 8px;
    color: #e0e9f0;
    font-size: 10px;
    width: 155px;
    line-height: 12px;
}
.b-footer .b-text-2{
    position: absolute;
    left: 428px;
    top: 8px;
    color: #e0e9f0;
    font-size: 10px;
    width: 400px;
    line-height: 12px;
}
.b-footer .b-counters{
    position: absolute;
    top: 11px;
    right: 0;
    width: 128px;
}


.b-main-setka-2{
    position: relative;
    height: 180px;
}
.b-main-setka-2 .b1{
    position: absolute;
    left: 16px;
    top: 0;
    width: 675px;
    height: 170px;
    border: 1px solid #c7d8e4;
}
.b-main-setka-2 .b2{
    position: absolute;
    left: 430px;
    top: 0;
    width: 260px;
    height: 170px;
    border: 1px solid #c7d8e4;
    overflow: hidden;
}
.b-main-setka-2 .b3{
    position: absolute;
    right: 16px;
    top: 0;
    width: 240px;
    height: 170px;
    border: 1px solid #c7d8e4;
}

.b-main-setka{
    position: relative;
    height: 1671px;
}
.b-main-setka .b-1, .b-main-setka .b-2, .b-main-setka .b-3, .b-main-setka .b-4, .b-main-setka .b-5, .b-main-setka .b-6, .b-main-setka .b-8, .b-main-setka .b-9, .b-main-setka .b-10, .b-main-setka .b-banner, .b-main-setka .b-18, .b-main-setka .b-19, .b-main-setka .b-20{
    position: absolute;
    background: #fff;
    border: 1px solid #c7d8e4;
    font-size: 12px;
}
.b-main-setka .b-banner{
    top: 20px;
    left: 50px;
    width: 600px;
    height: 90px;
    border: none;
    background: none;
}


.b-main-setka .b-1{
    width: 400px;
    height: 1419px;
    top: 128px;
    left: 16px;
}
.b-main-setka .b-2 {
    width: 260px;
    height: 349px;
    top: 1198px;
    left: 430px;
}
.b-main-setka .b-3{
    width: 250px;
    height: 200px;
    top: 544px;
    right: 16px;
}
.b-main-setka .b-4 {
    width: 260px;
    height: 292px;
    top: 128px;
    left: 430px;
    overflow: hidden;
}
.b-main-setka .b-5{
    width: 314px;
    height: 90px;
    top: 1565px;
    left: 16px;
}
.b-main-setka .b-6{
    width: 600px;
    height: 90px;
    top: 1565px;
    left: 344px;
    border: none;
}
.b-main-setka .b-7 {
    position: absolute;
    width: 240px;
    height: 773px;
    top: 1199px;
    right: 16px;
    border: none;
}
.b-main-setka .b-8 {
    position: absolute;
    width: 240px;
    height: 154px;
    top: 436px;
    right: 16px;
}

.b-main-setka .b-9 {
    position: absolute;
    width: 240px;
    height: 178px;
    top: 602px;
    right: 16px;
}
.b-main-setka .b-10 {
    position: absolute;
    width: 260px;
    height: 344px;
    top: 436px;
    left: 430px;
    overflow: hidden;
}
.b-main-setka .b-18 {
    position: absolute;
    width: 516px;
    height: 393px;
    top: 793px;
    left: 430px;
    background: #222222;
}
.b-main-setka .b-19 {
    position: absolute;
    width: 240px;
    height: 91px;
    top: 20px;
    left: 704px;
    background: #ffffff;
}
.b-main-setka .b-20 {
    position: absolute;
    width: 240px;
    height: 291px;
    top: 129px;
    left: 704px;
    background: #ffffff;
}

/* PUBLICATIONS MAIN */
.b-pub-main{
    position: relative;
    padding-left: 260px;
    height: 240px;
    overflow: hidden;
}
.b-pub-main .b-bg-img{
    position: absolute;
    left: 0;
    top:0;
    background: url("/site/themes/lapuzzle/images/Artinvest_Main_News_Color.jpg") 0 0 no-repeat;
    -webkit-filter: grayscale(100%);
    filter: gray;
    height: 240px;
    width: 240px;
    transition: .5s all;
}
.b-pub-main:hover .b-bg-img{
    -webkit-filter: grayscale(0%);
    filter: none;
}
.b-pub-main h2, .b-pub-main h2 a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 30px;
}
.b-pub-main .b_anonce_main{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 15px;
    font-size: 14px;
    height: 88px;
    overflow: hidden;
    position: relative;
    color: #666666;
}
.b-pub-main .b_anonce_main .title{
    font-size: 18px;
    color: #000;
    display: block;
}
.b-pub-main a.all {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    left: 110px;
    bottom: 10px;
    background: #000;
    color: #fff;
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    transition: .5s all;
}
.b-pub-main a.all:hover {
    background: #1a6093;
}


.b-pub-m h2 a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 30px;
}
.b-pub-m a.all{
    font-family: 'Open Sans', sans-serif;
    float: right;
    bottom: 10px;
    background: #000;
    color: #fff;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0 10px;

}
.b-pub-m a.all:hover{
    color:#f5821f;
}
.b-pub-list-main .b-item-news{
    width: 490px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: 300;
    color: #666666;
    -webkit-filter: grayscale(100%);
    filter: gray;
}
.b-pub-list-main .b-item-news:hover{
    -webkit-filter: grayscale(0%);
    filter: none;
}
.b-pub-list-main .b-item-news:nth-child(2n){
    margin-left: 200px;
}
.b-pub-list-main .b-item-news .b-img{
    margin-right: 20px;
    float: left;
}
.b-pub-list-main .b-item-news .title{
    font-size: 18px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}
.b-pub-list-main .b-item-news .b-inf{
    position: relative;
    overflow: hidden;
    height: 180px;
}
.b-pub-list-content .b-item-news-in{
    /*height: 100px;*/
    /*overflow: hidden;*/
    /*margin-bottom: 20px;*/
}
.b-pub-list-content .b-item-news-in .image{
    float: left;
    margin-right: 20px;
    display: block;
    width: 100px;
    height: 100px;
    background: url(/site/themes/lapuzzle/images/News_list_stub_100px.png) 0 0 no-repeat;
}
.b-pub-list-content .b-item-news-in .title{
    font-size: 18px;
    color: #000;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
}
.b-pub-list-content .b-item-news-in .title:hover{
    color: #f5821f;
}
.b-pub-list-content .b-item-news-in .b-inf{
    height: 100px;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #666666;
}
.b-pub-btn{
    margin-top: 30px;
}
.pub-to-all{
    display: block;
    float: right;
}
.b-pub-social{
    float: left;
}
.b-item-news-in{
    padding: 10px 0;
    /*border-bottom: 1px solid #e0e0e0;*/
    /*height: 160px;*/
    /*overflow: hidden;*/
    position: relative;
}
.b-item-news-in.poll {
    height: auto;
}
.b-item-news-in .date{
    font-size: 12px;
    color: #222222;
}
.b-item-news-in a.title {
    font-size: 19px;
    color: #1b6193;
    /* font-weight: bold; */
    line-height: 1.1em;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
}
.b-item-news-in .descr {
    color: #222222;
    font-size: 13px;
    line-height: 1.3em;
}
.b-item-news-in .img{
    float: left;
    width: 135px;
    height: 120px;
    text-align: left;
    margin-top: 3px;
}
.b-item-news-in .texts {
    position: relative;
    margin-left: 145px;
    height: 140px;
    overflow: hidden;
}

.b-article .b-img {
    float: left;
    margin: 5px 15px 5px 0;
    /* border: 1px solid #bcbdc1; */
    text-align: center;
    padding: 0;
}

/*=============================*/

.in_grayscale {
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: .3s all;
}
.in_grayscale:hover{
    -webkit-filter: grayscale(100%);
    filter: gray;
}

.towhite{
    position: absolute;
    bottom: 0;
    background: url("/site/themes/lapuzzle/images/to_white.png") 0 0 repeat-x;
    height: 56px;
    width: 100%;
}
.b-item-news .b-foto{
    height: 293px;
    display: block;
}
.b-item-news.n1 .title{
    font-size: 15px;
    line-height: 18px;
}





.content h1 {
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #1b6193;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0 0 15px 0;
}
.content h2{
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0 0 5px 0;
    font-weight: bold;
}


h1.title{
    font-size: 16px;
    color: #1b6193;
    border:none;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 20px;
}
.b-event-list .b-item{
    float: left;
    width: 325px;
    padding-right: 20px;
    height: 130px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.b-event-list .b-item:nth-child(2n){
    width: 325px;
    padding-right: 0px;
}

.b-event-list .date{
    float: left;
    background: #1b6193;
    width: 40px;
    height: 59px;
    text-align: center;
    color: #e4ecf2;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin-right: 9px;
    margin-top: 3px;
}
.b-event-list .b-item:first-child .date{
    background-color: #ea2f24;
    color: #fff;
}

.b-event-list .b-item a.title{
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #1b6193;
    text-decoration: none;
}
.b-event-list .date .day{
    padding-top: 6px;
    display: block;
    font-size: 24px;
    line-height: 20px;
}
.b-event-list .descr{
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.4;
    color: #222222;
}




.b-event .date{
    float: left;
    background: #1b6193;
    width: 33px;
    height: 49px;
    text-align: center;
    color: #e4ecf2;
    font-size: 10px;
    line-height: 12px;
    margin-right: 9px;
    margin-top: 3px;
}
.b-event .b-item-news:first-child .date{
    background-color: #ea2f24;
    color: #fff;
}

.b-event .b-item-news a.title{
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}
.b-event .date .day{
    padding-top: 3px;
    display: block;
    font-size: 20px;
    line-height: 20px;
}
.b-event .b-news-body{
    display: none;
}

.b-question table.result{
    width: 100%;
}
.b-question table.result td{
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.table td{
    padding: 3px 4px;
    border-color: #ccc;
}
.b-poll-main{
    position: relative;
    height: 143px;
    overflow: hidden;
}
.b-poll-main .title{
    font-size: 12px;
    color: #1b6193;
    line-height: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}
.b-poll-main .description{

}
.b-site-map > ul{
    margin: 0;
    padding: 0;
}
.b-site-map > ul > li{
    list-style: none;
    padding: 0;
    margin: 0 0 6px 0;
}
.b-site-map > ul > li > a {
    display: block;
    border: 1px solid #a9c4d7;
    font-weight: bold;
    padding-left: 5px;
    max-width: 650px;
    background: #eff4f7;
    text-decoration: none;
    box-shadow: 2px 2px 2px #ccc;
}
.b-site-map > ul > li > a:hover{
    background: #a9c4d7;
}
.b-site-map > ul > li > ul{
    margin-left: 16px;
    margin-top: 8px;
}

.content .table th, .content .table td{
    font-size: 13px;
    line-height: 15px;
}
.content .table th{
    background-color: #E3ECF3;
}
.content .table p{
    margin: 0; padding: 0;
}
.tableWrapper {overflow: auto; width: 100%;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #96B6CD;
}
.table-bordered {
    border: 1px solid #96B6CD;
}
.b-file{
    display: block;
}
.b-file{
    clear: both;
    padding-top:9px;
    padding-bottom:9px;
    display: block;
    text-decoration: none !important;
    border-bottom: 1px solid #e0e0e0;
}
.b-file:hover{
    background: #f1f1f1;
}
.b-file .img{
    display: table-cell;
    vertical-align: top;
}
.b-file .inf{
    display: table-cell;
    vertical-align: top;
}
.doc-small .b-file .inf{
    line-height: 15px;
    font-size: 12px;
}


.f-icon{
    width: 42px;
    margin-right: 6px;
}
.doc-small .f-icon{
    width: 27px;
    margin-left: 3px;
}
.m-t-20{
    margin-top: 20px;
}
.f-note{
    display: block;
    font-size: 12px;
    color: #ababab;
}
.doc-small .f-note{
    font-size: 9px;
}
.f-name{
    display: inline;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}
.doc-small{
    margin-bottom: 20px;
}
.doc-small .f-name{
    font-size: 12px;
    line-height: 12px;
}
.doc-small .date{
    display: none;
}
    /* ACORDION */
.panel-group .panel {
    border-color: #9ab6cc;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
    /*box-shadow: 2px 2px 6px #0000001a;*/
    border: 1px solid #e8edf5;
}
.panel-default>.panel-heading {
    background-color: #dce6ef;
}
h4.panel-title a{
    padding-right: 20px;
    display: inline-block;
    /*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right -25px no-repeat;*/
    color: #0a6792;
    font-weight: bold;
}
h4.panel-title a:hover{
    /*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right -25px no-repeat;*/
}
h4.panel-title a.collapsed{
    /*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right 4px no-repeat;*/
}
h4.panel-title a.collapsed:hover{
    /*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right 4px no-repeat;*/
}
h4.panel-title a:hover{
    text-decoration: none;
}

h4.panel-title {
    margin-bottom: 0;
}
h4.panel-title:hover{}
h4.panel-title.collapsed{}
h4.panel-title.collapsed:hover{}
h4.panel-title:hover{}

.panel-body {}
.accordion-button{
    cursor:pointer;
    /*box-shadow:none!important;*/
    font-size: 20px;
    position: relative;
    padding-right: 60px!important;
}
.accordion-button:not(.collapsed){
    background:none;
    color:inherit;
}
.accordion-button:after{
    /*display:none;*/
}
.accordion-item{
    border:none;
    background:none;
}
.accordion-body{
    padding:15px;
}
.accordion-button:after{
    content: '';
    position: absolute;
    right: 26px;
    top: 50%;
    width:11px;
    height:11px;
    border-right: 5px solid #18467f;
    border-bottom: 5px solid #18467f;
    transform: translateY(-70%) rotate(45deg);
    transition: .2s;
}
/* закрыт = стрелка вниз */
.accordion-button.collapsed:after{
    transform:translateY(-70%) rotate(45deg);
}
/* открыт = стрелка вверх */
.accordion-button:not(.collapsed):after{
    transform:translateY(-25%) rotate(-135deg);
}
.accordion-button:hover:after{
    border-color:#ff9228;
}




h2.sm{
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}
h2 .date{
    color: #9b9b9b;
}

.change-fonts {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}
.change-fonts i{
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #ffffff;
    background-color: #909090;
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    margin-right: 4px;
}
.change-fonts i span{
    font-size: 10px;
    display: inline-block;
    top: -1px;
    position: relative;
}
.change-fonts i:hover{
    background-color: #1b6193;
}
.b-answer label{
    font-weight:  normal;
}
.b-answer{
    margin-bottom: 15px;
}
.b-event .b-list-news{
    height: 468px;
    overflow: hidden;
    position: relative;
}
.t-head{
    display: block;
    font-size: 12px;
    color: #fff;
    margin-bottom: 4px;
    background: #1b6193;
    height: 19px;
    line-height: 19px;
    padding-left: 5px;
    text-decoration: none;
}
a.t-head{
    color: #e2ebf2;
}
.t-head:hover{
    text-decoration: none;
}
.b-crsl-bot {
    position: relative;
    border-top: 1px solid #cccccc;
    margin: 0 auto;
    background: #eaeaea;
}
.b-crsl-bot .b-head {
    font-family: "Roboto" , Arial, Helvetica, sans-serif;
    background: #0c4da2;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
    position: absolute;
    top: -15px;
    left: 397px;
    z-index: 1000;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.38);
    height: auto;
}
.menu .num1{
    /* white-space: nowrap; */
}
.menu .num6{
    /* width: 210px; */
}
.b-search{
    position: absolute;
    background: #fff;
    opacity: 0.25;
    width: 156px;
    height: 25px;
    right: 18px;
    top: -23px;
    border-radius: 3px;
    padding: 1px 4px;
}
.b-search:hover, .b-search:focus, .b-search:active{
    opacity: 1;
}
.b-share {
    margin-bottom: 20px;
    margin-top: 10px;
    padding-right: 10px;
    text-align: right;
}
#ya-site-form0 .ya-site-form__search-input{
    padding: 1px !important;
}

/* Сервис "Если вы заметили ошибку" */
.found-error {
    font-size: 12px;
    color: #333333;
    float: left;
    padding-top: 2px;
    /* margin-bottom: 12px; */
}
.found-error .select {
    display: inline-block;
    background: #338fff;
    color: #fff;
    padding: 2px 4px;
}
.found-error .ctrl-enter {
    border: 1px solid #999999;
    padding: 2px 3px;
}

/* ----- Список участников ------ */

.b-search-members ul.b-filter {
    padding: 0;
    list-style: none;
}
.b-search-members ul.b-filter > li > input {
    padding: 4px 10px;
    border-radius: 4px;
    width: 550px;
}
.b-list-members {
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
.b-list-members .b-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    /* min-height: 55px; */
}
.b-list-members .b-item .b-logo {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}
.b-list-members .b-item .member-name {
    margin-left: 141px;
    font-size: 15px;
    line-height: 1.2em;
}


/* ------------ ГАЛЕРЕЯ -------------- */
.year-block {
    margin-top: 5px;
    margin-bottom: 15px;
    /* text-align: center; */
    border-bottom: 1px solid #d8d8d8;
}
.year-block > ul {
    display: inline-block;
    border: none;
    margin-bottom: 4px;
    padding-left: 5px;
}
.year-block ul li {
    position: relative;
    display: block;
    float: left;
    list-style: none;
    font-size: 1;
    font-weight: bold;
    color: #000000;
    line-height: 18px;
    background: #ededee;
    padding: 10px 15px;
    border-radius: 8px;
    margin-right: 6px;
}
.year-block ul li+li:before{
    /* content: "•"; */
    position: absolute;
    left: -11px;
    color: #dcb6b8;
}
.year-block ul li.active {
    background: #000000;
    color: #fff;
}
.year-block ul li a {
    color: #000000;
    text-decoration: none;
}
.year-block ul li:hover a {
    color: #0059be;
}
.year-block ul li:first-child a{
    background: none;
}

ul.b-menu-gallery {
    /* margin: 20px 0 0 0; */
    margin: 0;
    padding: 0;
}
ul.b-menu-gallery li{
    list-style: none;
}
ul.b-menu-gallery li > a {
    display: block;
    padding: 12px;
    /*font-size: 15px;*/
    color: #333333;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 2px 3px 25px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    margin-bottom: 10px;
}
ul.b-menu-gallery li.current > a {
    /*border-right: 5px solid #f58220;*/
    /*color: #f58220;*/
    color: #0059be;
}
ul.b-menu-gallery li > a:hover {
    color: #0059be;
}
ul.b-menu-gallery li > a .date{
    font-size: 12px;
    line-height: 13px;
    display: block;
    margin-bottom: 3px;
}
h2.h-gallery {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 0;
}

.b-gallery-all span.date {
    color: #949494;
    font-size: 80%;
    /* font-weight: bold; */
}

.out_grayscale {
    -webkit-filter: grayscale(100%);
    filter: gray;
    transition: .3s all;
}
.out_grayscale:hover{
    -webkit-filter: grayscale(0%);
    filter: none;
}
.in_grayscale {
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: .3s all;
}
.in_grayscale:hover{
    -webkit-filter: grayscale(100%);
    filter: gray;
}
.b-article-image {
    float: left;
    margin: 5px 20px 10px 0;
    overflow: hidden;
    border-radius: 12px;
}

/* ========== COLORBOX ============= */
a.lightbox.cboxElement,
a.highslide.cboxElement,
a.colorbox.cboxElement {
    cursor: url(/site/themes/lapuzzle/images/zoomin.png), pointer;
}
div#cboxOverlay {
    cursor: url(/site/themes/lapuzzle/images/close.png), pointer !important;
}
div#cboxOverlay {
    opacity: 0.8 !important;
}

/* -------------------------- */

/* ------------ ПОДВАЛ -------------- */
.b-footer {
    /*background: #14324e;*/
    /* height: 80px; */
    /*background: #1a4a7b;*/
    background: #444;
    box-shadow: 0 -4px 8px rgb(0 0 0 / 30%);
}
.b-footer .name {position: relative; left: 5px; border-left: none; font-size: 14px; line-height: 1.2;}
.b-footer .b-text-1 {left: 14px; top: 47px; width: 430px;}
.b-footer .b-text-2 {left: 455px; font-size: 13px; width: 500px; line-height: 18px;}
.b-footer .b-counters {top: 10px; left: 310px;}



/* ------ Поправки в основные стили ------ */

/* --------- FINSKILLS ----------------- */
.FSR .b-omni {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.3px;
}
.FSR .left-block {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.6);
}
.FSR .content h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-weight: 300;
    color: #1b6293;
    border-bottom: none;
    margin-bottom: 15px;
    padding-top: 0;
}
.FSR .content h1.title {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 1.05em;
    font-weight: normal;
    color: #1b6293;
    /* border-bottom: none; */
    margin-bottom: 15px;
    padding-top: 0;
}
.FSR .content h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: #1b6293;
    margin-top: 15px;
    font-weight: normal;
}
.FSR .b-breadcrums {
    /* padding-right: 230px; */
}
.FSR figcaption.uk-overlay-panel {
    padding: 15px;
}
.FSR figcaption.uk-overlay-panel a {
    /* font-weight: bold; */
    text-decoration: none !important;
}
.FSR figcaption.uk-overlay-panel a:hover {
    color: #ffbd4f !important;
}

.FSR figcaption.uk-overlay-panel.uk-ignore {
    padding: 0;
}
.FSR figcaption.uk-overlay-panel.uk-ignore a {
    display: block;
    /* font-weight: bold; */
    padding: 10px 15px;
    font-size: 1.2em;
}
.FSR .uk-panel.uk-panel-box a {
    display: block;
    text-decoration: none;
    height: 100%;
    color: #fff;
}
.FSR .uk-panel.pnl2:hover {}

/* ------- Карусель на главной --------- */
.carousel-control {width: 7%;}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0px;
    margin-right: 3px;
}
.carousel-indicators .active {
    margin-right: 3px;
}

/* ------ Формы ------ */
.error {
    color: red;
    font-style: italic;
}

/* -------------------------- */



/* ======================================================= */
/* ======================================================= */
/* ============= ДОПОЛНЕНИЯ ============================== */
/* ======================================================= */
/* ======================================================= */

/* ===================================== */
/* ===== Цвет текста, фона, границ ===== */
/* ===================================== */

.txt-clr0 {color: #000000;}
.txt-clr1 {color: #2db3c4;}
.txt-clr2 {color: #ffbd4f;}
.txt-clr3 {color: #f1878a;}
.txt-clr4 {color: #93d6a7;}
.txt-clr5 {color: #4690d8;}
.txt-clr6 {color: #c4c734;}
.txt-clr7 {color: #f33939;}
.txt-clr8 {color: #097b67;}
.txt-clr9 {color: #d6ad35;}
.txt-clr10 {color: #ffffff;}

.bg-clr0 {background-color: #000000;}
.bg-clr1 {background-color: #2db3c4;}
.bg-clr2 {background-color: #ffbd4f;}
.bg-clr3 {background-color: #f1878a;}
.bg-clr4 {background-color: #93d6a7;}
.bg-clr5 {background-color: #4690d8;}
.bg-clr6 {background-color: #c4c734;}
.bg-clr7 {background-color: #f33939;}
.bg-clr8 {background-color: #097b67;}
.bg-clr9 {background-color: #d6ad35;}
.bg-clr10 {background-color: #ffffff;}

.brd-clr0 {border-color: #000000;}
.brd-clr1 {border-color: #2db3c4;}
.brd-clr2 {border-color: #ffbd4f;}
.brd-clr3 {border-color: #f1878a;}
.brd-clr4 {border-color: #93d6a7;}
.brd-clr5 {border-color: #4690d8;}
.brd-clr6 {border-color: #c4c734;}
.brd-clr7 {border-color: #f33939;}
.brd-clr8 {border-color: #097b67;}
.brd-clr9 {border-color: #d6ad35;}
.brd-clr10 {border-color: #ffffff;}
/* ---------------------------------------------- */


/* ================================== */
/* ===== Коррекция стилей UIKit ===== */
/* ================================== */

.uk-button {
    font: inherit;
    color: inherit;
    padding: 4px 12px;
    background: inherit;
    line-height: 30px;
}
.uk-button:hover, .uk-button:focus {
    background-color: inherit;
    color: inherit;
}
.uk-button:hover {
    opacity: .8;
}
.uk-panel-box > .uk-panel-teaser {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}
.uk-panel-teaser {
    margin-bottom: 10px;
}
.uk-panel.uk-panel-box p{
    line-height: 1.3em;
}

/*Правки UIKIT*/
/*Паддинги в панелях*/
.uk-panel-box.p0 {
    padding: 0; }

.uk-panel-box.p5 {
    padding: 5px; }

.uk-panel-box.p10 {
    padding: 10px; }

.uk-panel-box.p15 {
    padding: 15px; }

.uk-panel-box.p20 {
    padding: 20px; }

.uk-panel-box.p25 {
    padding: 25px; }

.uk-panel-box.p30 {
    padding: 30px; }
/* ---------------------------------------------- */





/* ---------------------------------------------- */
/* ------------ Насильственная ширина ----------- */
/* ---------------------------------------------- */
@media (min-width: 768px) {
    .b-body {
        /*padding-bottom: 20px;*/
    }
}
@media (min-width: 992px) {
    /*.FSR-td-left {width: 620px;}*/
    /*.FSR-td-rigth {width: 320px;}*/
    /*.w240 {width: 260px;}*/
    /*.w660 {width: 680px;}*/
    /*.w255 {width: 330px;}*/
    /*.w260 {width: 295px;}*/
    /*.w270 {width: 285px;}*/
    /*.w300 {width: 315px;}*/
    /*.w315 {width: 390px;}*/
    /*.w400 {width: 415px;}*/
    /*.w410 {width: 425px;}*/
    /*.w515 {width: 590px;}*/
    /*.w600 {width: 615px;}*/
    /*.w620 {width: 635px;}*/
    /*.w650 {width: 665px;}*/
    /*.w670 {width: 685px;}*/
    /*.w675 {width: 690px;}*/
    /*.w930 {width: 945px;}*/
    /*.w940 {width: 955px;}*/
    /*.w255s {width: 275px;}*/
    /*.w650s {width: 670px;}*/
}

/* ------ Отступы ------ */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

/* ==== Выравнивание текста ==== */
/* --- Текст по центру и т.п.--- */
.tac, .t-a-c {text-align: center;}
.tal, .t-a-l {text-align: left;}
.tar, .t-a-r {text-align: right;}

/* ------ Блок по центру ------ */
.b-a-c, .bac {
    margin-left: auto;
    margin-right: auto;
}

@media print {
    .NoPrint, .no-print {
        display: none !important;
    }
}

/* --------------------------------------- */
/* ---------- Правки в бутстрап ---------- */
/* --------------------------------------- */
.container {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

.row {
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
}

/*.navbar-toggle .icon-bar { !* Правки в бутстрап для мобильного меню *!
    display: block;
    width: 30px;
    height: 5px;
    border-radius: 6px;
    !*background-color: #d9d8d8;*!
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}*/




/* Кнопка вверх */
.scrollup{
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    z-index: 10000;
    background: url('/site/themes/lapuzzle/images/icon_top.png') no-repeat;
}
.scrollup:focus {
    opacity:0.3;
}
.scrollup:hover {
    opacity: 0.5;
}


/* -------------------------------------------------------------- */
/* ----------- Адаптивность ------------------------------------- */
/* -------------------------------------------------------------- */

/* Адаптивное видео  */
.videoWrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 51.5%;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1000px) {
    .page_content {
        margin-left: 0px;
        margin-right: 0px;
    }
}

/* ================================================ */
/* ======= Прятки для разной ширины экрана ======== */
/* ================================================ */
@media (max-width: 1200px) {.no-large {display: none !important;}}
@media (max-width: 992px) {.no-middle {display: none !important;}}
@media (max-width: 768px) {.no-tablet {display: none !important;}}
@media (max-width: 460px) {.no-mobile {display: none !important;}}
/*-----------*/
@media (min-width: 460px) {.on-mobile {display: none !important;}}
@media (min-width: 768px) {.on-tablet {display: none !important;}}
@media (min-width: 992px) {.on-middle {display: none !important;}}
@media (min-width: 1200px) {.on-large {display: none !important;}}
/* ------------------------------------------------ */


/* ======== СРЕДНИЙ ЭКРАН =============================================== */
/*.on-middle {display: none;}*/
/*@media (max-width: 1200px) {*/
    /*.no-middle {display: none !important;}*/
    /* .on-middle {display: block;} */
/*}*/

/* Мобильное меню */
.mobile-menu-button {display: none;}
.mobile-menu {}
.mobile-menu ul.level-1.menu.m-level-1 {padding-bottom: 0;}
.mobile-menu ul.level-1.menu.m-level-2 {padding-top: 0;}

/* Мобильный поиск */
.bt-mobile-search {display: none;}
.mobile_search {display: none;}


/* ======== ПЛАНШЕТ =========================================================== */
/*.on-tablet {display: none;}*/
@media (max-width: 992px) {
    /*.no-tablet {display: none !important;}*/
    /*.on-tablet {display: block;}*/
    .on-tablet-in {display: inline-block !important;}
    /* ------ Авто-высота на планшете ------ */
    .h-a-t {height: auto !important;}

    div#informer_pok {display: none;} /* Информер-полоска */
    /*body {padding-top: 0 !important;}*/

    .container{
        /*width: auto;*/
        /*width: 100vw;*/
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
    }

    .header .container { /* Шапка */
        /*border-top: none;*/
        /*height: auto;*/
        /*padding: 0;*/
    }
    /*.header .top-menu {display: none;} !* Основное меню *!*/
    /*.header .logo {display: none;} !* Логотип *!*/
    .content-bl .nav_menu, .second_page .nav_menu { /* Оформление хлебных крошек */
        /* padding-top: 15px; */
        /* border-top: 2px solid #cdcdcd; */
        /* line-height: 1.5; */
    }

    /* Подвал */
    .b-footer {height: auto;}
    .footer-push {height: 70px;}
    .m-container {margin-bottom: -70px;}
    .b-footer-social {right: 20px !important;}

    /* Лобное место */
    .b-inform {
        display: block;
        float: none;
        height: auto;
        width: 100%;
        border-left: none;
        border-right: none;
        position: relative;
    }
    .b_anonce_main .podpis {
        /*position: relative;*/
        /*display: block;*/
        /*top: 0;*/
        /*left: 0;*/
        /*width: auto;*/
        /*font-size: 13px;*/
        /*line-height: 15px;*/
        /*height: auto;*/
        /*padding: 0 10px 20px;*/
        /* right: 10px; */
        /* overflow: hidden; */
    }
    .showcase {
        border-bottom: 1px solid #f9f9f9;
    }
    a.a-setka-info.for-tablet {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .b_anonce_main .img {
        /*height: 320px;*/
    }
    .b_anonce_main .podpis .towhite {
        display: none;
    }


    /* Хроника на главной */
    .b-410-400 {
        width: auto !important;
    }
    .b-410-400 .b-text {
        width: auto !important;
        float: none !important;
    }


    /* Мобильный поиск */
    .mobile_search {display: block;}
    .bt-mobile-search {
        display: block;
        background: url(/img/ico_search.svg) center no-repeat #fff;
        background-size: 26px;
        position: absolute;
        right: 0;
        /* z-index: 1; */
        width: 53px;
        top: 36px;
        bottom: 4px;
        border: 1px solid #f1f1f1;
    }

    /* Мобильное меню */
    .mobile-menu-button {display: block;}
    /* Кнопка мобильного меню */
    button.navbar-toggle.open1 {
        position: absolute;
        /*background: #36668d;*/
        background: #f58220;
        right: 0;
        width: 60px;
        top: 0;
        bottom: 0px;
        margin: 15px;
        border-radius: 6px;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.28);
    }
    button.navbar-toggle.close1 {
        z-index: 1;
        /*background: #36668d;*/
        background: #1a4a7b;
        color: #fff;
        padding: 4px 20px;
        font-size: 14px;
        margin: 10px 18px 18px;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.28);
    }


    /* Мобильная шапка и меню */
    .m-container > .b-head {
        box-shadow: 0 4px 4px rgba(0,0,0,.3);
        position: relative;
        z-index: 10;
    }
    .menu .num1 {
        white-space: normal;
    }
    .mobile-header {}
    .mobile-header .email, .mobile-header .phone {
        font-size: 18px;
        color: #000000;
        font-weight: bold;
        padding: 0 20px 10px;
    }
    .mobile-header .email {}
    .mobile-header .phone {
        padding-bottom: 20px;
    }
    .mobile-header .email a,
    .mobile-header .phone a {
        color: #4591D2;
        text-decoration: none;
    }
    .mobile-header .horline {
        height: 0;
        border-bottom: 1px solid #f38020;
        margin: 0 20px 15px;
    }

    .mobile-header {
        position: relative;
        background: #000000;
        border-bottom: 1px solid #f38020;
        height: 75px;
        z-index: 5;
        box-shadow: 0 0 12px #363636;
        /* position: fixed; */
        /* top: 0px; */
        /* width: 100%; */
    }
    body {
        /* padding-top: 80px !important; */
    }
    .mobile-header .logo {
        background: url(/site/themes/lapuzzle/images/logo.png) 0 0 no-repeat;
        width: 190px;
        top: 14px;
        left: 15px;
        height: 58px;
        display: inline-block;
        position: absolute;
    }
    .mobile-menu {
        /*background: #ddd5cd;*/
        background: url("/site/themes/lapuzzle/images/bg_body.jpg");
        box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.39);
    }
    .mobile-menu > ul {
        padding: 15px;
        /*padding-bottom: 10px;*/
        margin-bottom: 0;
        list-style: none;
        font-size: 16px;
        display: block;
        position: relative;
    }
    .mobile-menu > ul:after {
        /* content: ''; */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }
    .mobile-menu > ul > li > ul {
        padding-left: 20px;
        font-size: 90%;
        font-weight: normal;
        padding-top: 5px;
        list-style: none;
    }
    .mobile-menu > ul > li {padding-bottom: 5px;}
    .mobile-menu > ul > li.act a {
        background-color: #1a4a7b;
        color: #fff;
    }
    .mobile-menu > ul > li > a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.7);
        display: block;
        padding: 4px 10px;
        border-radius: 4px;
    }
    .mobile-menu > ul > li > ul > li {padding-bottom: 5px;}
    .mobile-menu > ul > li > ul > li:last-child {padding-bottom: 0;}
    .mobile-menu > ul > li.act > ul > li a,
    .mobile-menu > ul > li > ul > li a {
        padding: 4px 10px;
        display: block;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 4px;
        color: #000000;
        /* font-weight: bold; */
    }
    .mobile-menu > ul > li.act > ul > li.current a {
        background-color: #1a4a7b;
        color: #fff;
    }
    .mobile-menu > ul > li > ul > li > ul {display: none;}

    /* Статьи */
    .article-content .b-img {
        float: none !important;
    }
    .shop .b-product-list {/* margin-right: 0; */}
    .shop .b-discount a img {width: 100%;}

    .b-main-news {
        height: auto;
        /*padding-bottom: 20px;*/
    }
    .b-item-news-cont {
        height: auto;
    }
    .b-item-news .b-foto {
        background-color: #ecf0f3;
    }
    .b-item-news-cont > .b-foto > img {
        display: block;
        margin: 0 auto;
    }

}

/* ======== МОБИЛЬНИК =========================================== */
/*.on-mobile {display: none;}*/
@media (max-width: 768px) {
    .h-a-m {height: auto !important;}
    .footer .b-logo .logo {background: url(/img/sv/ARBR_Label-1.svg) 10px 3px no-repeat;}
    .b-main-SMI .pub-block.tp_ {margin-right: 0;} /* СМИ о финансах */

    /* Картинки на страницах, ширина 100% */
    .events .page_content img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Подписи к картинкам с FV */
    .b-img-caption .b-desc {
        position: relative;
        background: #eee;
        margin-bottom: auto;
    }
    .second_page .page_content div.image img {width: auto !important;}
    .b-share {margin-bottom: 20px;}

    /* IFRAME на страницах, ширина 100% */
    .second_page .page_content iframe {width: 100% !important; /* height: auto !important; */}

    .b-event-list .b-item{width: 100%;}

}


/* -------- Экран уже 650px ----------- */
@media (max-width: 650px) {
    /* Заметили ошибку? */
    .found-error {display: none;}
    .m-container > .b-head .name {
        font-size: 18px;
        line-height: 1.15;
        padding-top: 2px;
        margin-bottom: 18px;
    }
}

/* -------- Экран уже 520px ----------- */
@media (max-width: 520px) { /* Совсем узкий экран */
    .footer .b-logo .logo {background: none;}
    .footer .container .b-text-1 {display: inline-block;}
    /* Заглавная картинка статьи */
    .second_page .page_content div.image img {width: 100% !important;}
    /* Картинки в списке статей */
    .bank_news_list .item .img-firstnews {margin-left: 10px; width: 90px;}
    .b-main-SMI .pub-block.tp_ .b-item {
        width: auto;
        height: auto;
        margin-right: 0;
    }
    /* НАСИЛЬНОЕ уплотнение картинок фотогалереи */
    /*.b-gallery-item {margin: 0 10px 15px 0 !important;}*/
    /* Три материала */
    .b-tree-window .block {width: 100% !important;}
    /* Картинка в статьях */
    .b-article .b-img {float: none !important; margin-right: 0 !important;}
    .b-article .b-img img {width: 100%;	}
    .FSR .content h1 {font-size: 36px;}
}


/* ------------- Коррекция адаптивности Bootstrap ---------------- */
@media (min-width: 768px) {
    /* .container {width: 620px;} */
    .navbar-toggle {display: block;}
}
@media (min-width: 992px) {
    /*.container {width: 1000px;}*/
    .navbar-toggle {display: none;}
}
@media (min-width: 1200px) {
    /*.container {width: 1170px;}*/
}


.ret-block {
    display: inline;
}

/* ======================================== */
/* ========= Коррекция slick.css ========== */
/* ======================================== */
a.carousel-control.slick-arrow {
    background: rgb(0, 0, 0);
    width: 40px;
    opacity: .1;
}
a.carousel-control.slick-arrow:hover {
    opacity: .5;
}
/* ======================================== */
/* ========= Подменю на главной ========== */
/* ======================================== */
ul.main-sub-menu {
    list-style: none;
    padding-left: 0;
}
/* ======================================== */