/* ======================================= */
/* ========== 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; }

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

body, html{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: 1.43;
}

h1, h2, h3 {
    font-family: "Montserrat", sans-serif;
}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}

a{
    color: #1b6193;
    text-decoration: none;
    word-break: break-word;
    word-wrap: break-word;
}
s {position: relative;}
s > a {position: absolute; top: -50px;}

.error {color: red;}

.b-flex {
	display: flex;
}

.breadcrumb {
    /*padding: 0 0 0;*/
    /*margin-bottom: 12px;*/
    /*list-style: none;*/
    /*background-color: inherit;*/
    font-size: 13px;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #000;
    content: ">";
}
.breadcrumb>.active {
    color: #000;
}
.m-container{
    padding: 0;
    min-height: 100%;
    margin-bottom: -58px; /* отрицательный нижний отступ на высоту футера */
}
.b-content{
    position: relative;
}
.footer-push {
    margin: 0;
    padding: 0;
    height: 60px;
}
.b-footer {
    position: relative;
    /*background: #1b6193;*/
    /*padding: 0;*/
    /*margin: 0 !important;*/
    background: #14324e;
    /*min-height: 170px;*/
    padding: 15px 0 50px;
}
.top-line{
    height: 31px;
    background: #1b6193;
}
.top-line .container{
    /* padding: 0 20px; */
    /* width: 960px; */
    height: 161px;
}
.top-line .phone{
    font-size: 13px;
    color: #fff;
    line-height: 31px;
}

.top-line .phone *{
    display: inline-block;
}

/*.b-head .b-top-line-menu {*/
    /*display: inline-block;*/
	/*!* margin-right: 60px; *!*/
/*}*/
/*.b-head .b-search-dt {*/
    /*!* position: absolute; *!*/
    /*background: #fff;*/
    /*opacity: 0.25;*/
    /*width: 160px;*/
    /*height: 25px;*/
    /*!* right: 18px; *!*/
    /*!* top: 3px; *!*/
    /*border-radius: 3px;*/
    /*padding: 1px 4px;*/
    /*margin-top: 3px;*/
    /*margin-right: 8px;*/
/*}*/
/*.b-head .b-search-dt:hover {*/
    /*opacity: 1;*/
/*}*/
/*.m-container > .b-head{*/
    /*!* height: 103px; *!*/
     /*margin: 0;*/
/*}*/
/*.b-head .phone {*/
    /*color: #7b9bb1;*/
    /*padding-top: 7px;*/
    /*padding-right: 4px;*/
    /*font-size: 13px;*/
    /*!* line-height: 31px; *!*/
/*}*/
/*.b-head .b-for-artur-head {*/
    /*!* position: relative; *!*/
    /*float: right;*/
    /*!* top: 20px; *!*/
    /*!* right: -13px; *!*/
    /*width: 160px;*/
    /*margin-top: 5px;*/
/*}*/
.b-for-artur-menu {
    padding: 15px 11px 4px;
    margin: 0 18px;
    background-color: #ffffff;
    border-radius: 5px;
	box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.b-search-mobile {
    margin: 20px 20px 0;
    padding: 0 5px;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.4);
}

/*.m-container > .b-head .logo {*/
    /*background: url(/site/public/elfinder/img/SPKFR_Sign-1.svg) 0 0 no-repeat;*/
    /*width: 90px;*/
    /*height: 80px;*/
    /*display: inline-block;*/
    /*float: left;*/
    /*margin-right: 8px;*/
    /*margin-top: 3px;*/
/*}*/
/*.m-container > .b-head .name {*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-weight: 300;*/
    /*line-height: 1.15;*/
    /*display: block;*/
    /*padding-top: 15px;*/
    /*margin-left: 100px;*/
    /*margin-bottom: 12px;*/
	/*margin-right: 55px;*/
/*}*/
/*.m-container > .b-head .name a{*/
    /*text-decoration: none;*/
/*}*/
/*.m-container > .b-head .name .sm{*/
    /*font-size: 14px;*/
    /*color: #1b6193;*/
    /*line-height: 16px;*/
/*}*/
.b-top-line-menu a{
    line-height: 31px;
    color: #fff;
    display: inline-block;
    padding: 0 1px;
    text-decoration: none;
}
.b-menu{
    border-top: 1px solid #e0e0e0;
    /*height: 68px;*/
    box-shadow: 0 4px 4px rgba(0,0,0,.3);
    position: relative;
    z-index: 10;
}
.b-menu .container > ul{
    display: table;
    width: auto;
    table-layout: fixed;
    border-collapse: collapse;
    position: relative;
}
.b-menu ul > li{
    border-top: 6px solid #f1f1f1;
    text-decoration: none;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #e0e0e0
}
.b-menu ul > li > a {
    background-color: #fff;
}
.b-menu ul > li:hover > a {
    background-color: #eeeeee;
}
.b-menu ul > li.first {
border-left:none;
}

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

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



/*Меню баннериков*/
.b-banner-menu {
    border-top: 1px solid #e0e0e0;
    /* height: 90px; */
    /* box-shadow: 0 4px 4px rgba(0,0,0,.3); */
    position: relative;
    z-index: 9;
    background-color: #8cafc8;
}
.b-banner-menu .container {
    /* padding: 0; */
    /*height: 95px;*/
    height: 75px;
    background-color: #ddd;
    border-bottom: 1px solid #8bafc8;
}
.b-banner-menu .panel {
    background-color: #eee;
}
.b-banner-menu .panel-title {
    /*height: 32px;*/
    font-size: 15px;
}
.panel-title a:focus,
.b-banner-menu .panel-title a:focus {
    text-decoration: none;
    outline: none;
}
.b-banner-menu .panel-group .panel {
    box-shadow: 2px 3px 3px rgba(0,0,0,.15);
    border-radius: 0;
    border-color: #ccc;
}
.b-banner-menu .panel-group {
    margin-bottom: 0px;
}
.b-banner-menu .panel-default>.panel-heading {
    /*background-color: #f5f5f5;*/
    background-color: #ffffff;
    border-radius: 0;
    padding: 8px 12px;
}
.b-banner-menu .ban-capt {
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 0 11px;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    color: #888;
}
.b-banner-menu .panel-body {
    padding: 5px 10px 3px;
}
.b-banner-menu ul.level-1.akkmenu {
    /*padding-left: 16px;*/
    padding-left: 20px;
}
.b-banner-menu ul.level-1.akkmenu > li > a {
    text-decoration: none;
    line-height: 1.2;
    font-size: 14px;
    display: block;
    /*margin: 4px 0 7px;*/
    margin: 7px 0 11px;
    color: #333;
}
.b-banner-menu ul.level-1.akkmenu > li > a:hover {
    color: #ea2f24;
}
.b-banner-menu ul.level-1.akkmenu > li {
    border-bottom: 1px solid #b7c1c7;
    color: #ea2f24;
    font-size: 19px;
    line-height: 21px;
}
.b-banner-menu ul.level-1.akkmenu > li:last-child {
    border-bottom: none;
}
.b-banner-menu h4.panel-title a{
    /*min-height: 40px;*/
    /*font-weight: normal;*/
}
.b-banner-menu ul.level-1.akkmenu > li > ul.level-2 {
    /*display: none;*/
}
.b-banner-menu ul.level-1.akkmenu > li > ul.level-2 > li {
    border-bottom: 1px solid #b7c1c7;
    color: #ea2f24;
    font-size: 19px;
    line-height: 21px;
}
.b-banner-menu ul.level-1.akkmenu > li > ul.level-2 > li:last-child {
    border-bottom: none;
}
.b-banner-menu ul.level-1.akkmenu > li > ul.level-2 > li > a {
    text-decoration: none;
    line-height: 1.2;
    font-size: 14px;
    display: block;
    /*margin: 4px 0 7px;*/
    margin: 7px 0 11px;
    color: #333;
}


.b-menu ul.menu > li > ul{
    display: none;
    position: absolute;
    top: 51px;
    margin: 0 auto;
    text-align: left;
    background: #eeeeee;
    padding: 20px 40px 20px 40px;
    z-index: 10;
    box-shadow: 0 3px 5px rgba(0,0,0,.3) inset, 0 3px 5px rgba(0,0,0,.3);
}
/*.b-menu ul.menu > li.num4 > ul,*/
/*.b-menu ul.menu > li.num5 > ul,*/
/*.b-menu ul.menu > li.num6 > ul,*/
/*.b-menu ul.menu > li.num7 > ul,*/
.b-menu ul.menu > li:nth-last-child(2) > ul,
.b-menu ul.menu > li:last-child > ul {
    right: 0 ;
}
.b-menu ul.menu > li:hover > a{
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,.3) inset;
}
.b-menu ul.menu > li.dropdown:hover > a:after {
    position: absolute;
    bottom: -.9rem;
    right: .2rem;
    left: .2rem;
    height: 1rem;
    content: '';
    z-index: 10001;
    background: #eeeeee;
}

.b-menu ul.menu > li:hover > ul{
    display: block;
}
.b-menu ul.menu > li > ul li{
    border: none;
    display: list-item;
    float: none;
    text-align: left;
    list-style-type: disc;
    background: none;
    color: #ea2f24;
    font-size: 19px;
    line-height: 19px;
 }
.b-menu ul.menu > li > ul li.act > a > span {
    color: #ea2f24;
 }
.b-menu ul.menu > li > ul > li a{
    display: inline;
    padding: 0;
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
    white-space: nowrap;
    background-color: #eeeeee;
}
.b-menu ul > li.menu.dropdown.first.num1 > ul > li a{
    /*white-space: normal;*/
}
/*Отключене меню третьего уровня в первом пункте*/
.b-menu ul.level-1 > li.num1 > ul.level-2 > li > ul.level-3 {
    display: none;
}
.b-menu ul.menu > li > ul > li a:hover{
    color: #ea2f24;
}

.b-menu ul.menu > li > a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    padding: 0 10px;
    text-decoration: none;
    vertical-align: middle;
    /*text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);*/
    color: #1b6193;
    height: 27px;
    white-space: nowrap;
}
.b-menu ul.menu > li > a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 51px;
    vertical-align: middle;
}
.b-menu ul.menu > li > a > span{
    overflow: hidden;
    width: 100%;
    max-height: 5.7rem;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    /*font-weight: normal;*/
}

@media (min-width: 992px) {
    .b-body,
    .b-body-in {
        /*background-color: #ededed;*/
    }
}
.b-footer .floor1 {
    font-size: 15px;
    line-height: 1.3;
    color: #e0e9f0;
}
.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-footer a span,
.b-footer a {
    color: #ff8c00 !important;
    transition: all .3s;
}
.b-footer a:hover span,
.b-footer a:hover {
    /*color: #ffba24 !important;*/
    color: #70bcff !important;
}


/* Блоки на главной */
.b-on-main {
    /*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);*/
    /*border: 1px solid #c7d8e4;*/
}
.b-main-news {
    /*height: 1422px;*/
    /*height: 1080px;*/
}
.b-main-news a.title {
    font-size: 12px;
    line-height: 1.3;
    display: block;
}
.b-event-plan {
    /*height: 291px;*/
    /*height: 322px;*/
}
.b-journal {
    /*background-color: #999;*/
    /*height: 291px;*/
    /*height: 322px;*/
}
.b-meetings {
    height: 344px;
    overflow: hidden;
}
.b-TV {
    /*height: 393px;*/
    background: #222222;
	overflow: hidden;
    border-radius: 10px;
}
.b-main-SMI {
    /*height: 349px;*/
    /*height: 462px;*/
}
.b-main-SMI a.title {
    font-size: 12px;
    line-height: 1.3;
    display: block;
}
.b-main-SMI .date {
    font-size: 12px;
    line-height: 1.3;
    display: block;
	margin-bottom: 2px;
}
.b-main-SMI .b-list-news {
    padding: 4px 12px 8px;
    /*columns: 200px auto;*/
    /*-moz-column-count: 2; !* Для Firefox *!*/
    /*-moz-column-width: 200px;*/
    /*-moz-column-gap: normal;*/
    /*-webkit-column-count: 3; !* Для Safari и Chrome *!*/
    /*-webkit-column-width: 200px;*/
    /*-webkit-column-gap: normal;*/
    /*column-count: 2;*/
    /*column-width: 200px;*/
    /*column-gap: normal;*/
    /*max-height: 192px;*/
}

.b-main-SMI .b-list-news .b-not-img {
    position: relative;
    /*height: 408px;*/
    /*height: 178px;*/
    height: 388px;
    overflow: hidden;
    -moz-column-count: 2; /* Для Firefox */
    -moz-column-width: 200px;
    -moz-column-gap: normal;
    -webkit-column-count: 3; /* Для Safari и Chrome */
    -webkit-column-width: 200px;
    -webkit-column-gap: normal;
    column-count: 2;
    column-width: 200px;
    column-gap: normal;
}

.b-main-SMI .b-list-news .b-not-img .towhite {
    height: 45px;
}
.b-main-SMI .b-list-news .b-not-img .b-item-news {
    margin-bottom: 6px;
    margin-top: 3px;
    display: inline-block;
}
.b-main-SMI .b-list-news .b-not-img .b-item-news .body {
    line-height: 14px;
}
.b-main-SMI .b-list-news .b-not-img .b-item-news .body .date {
    color: #333333;
}

.b-main-FV-news {
    /*height: 349px;*/
    border: none;
}



.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;
}

/* Уход в белый */
.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;
    margin-bottom: 11px;
}
.b-item-news .b-news-descr {
    line-height: 1.25;
    height:120px;
    overflow: hidden;
    font-size: 14px;
}
.b-item-news.n1 .title {
    /*font-size: 15px;*/
    /*line-height: 17px;*/
}
.b-item-news.n1 .title:hover {text-decoration: none;}
.b-item-news-cont {
    /*height: 171px;*/
    /*height: 185px;*/
    height: 188px;
}
.b-item-news.n1 .b-item-news-cont {height: 440px;}
.b-item-news-cont {
	width: 100%;
    overflow: hidden;
    position: relative;
    /*margin-bottom: 10px;*/
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}
.b-item-news-cont .b-news-title a {
	font-weight: 700;
    color: #1b6193;
    /*font-size: 15px;*/
    /*font-size: 14px;*/
    /*line-height: 16px;*/
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.b-item-news-cont .b-news-title a:hover {text-decoration: none;}

.b-item-news-cont .b-news-description {
	height: 132px;
    overflow: hidden;
    font-size: 12px;
}
.b-item-news-cont > .b-foto > img {
	width: 100%;
	max-width: 370px;
}

.topic-head {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    /*display: flex;*/
    /*align-items: flex-end;*/
    /*justify-content: space-between;*/
}
.topic-head a {
    color: #000;
}
.topic-head a:after {
    content: '»';
    display: inline-block;
    margin-left: 8px;
    color: #888;
}
.topic-head .go-to-all {
    /*font-size: 50%;*/
    font-size: 16px;
    font-weight: 600;
}


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

.b-item-news-in{
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    /*height: 131px;*/
    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: 17px;
    color: #1b6193;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.b-item-news-in .descr{
    color: #222222;
    font-size: 14px;
    line-height: 1.2;
}


.content h1 {
    font-size: 30px;
    color: #000;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #1a6093;
}

.content h1.title{
    border: none;
    margin-top: 10px;
    margin-bottom: 30px !important;
    line-height: 1.15;
    border-bottom: 2px solid #1a6093;
}
.content h2{
    font-size: 22px;
    color: #1b6193;
    padding-bottom: 5px;
    padding-top: 15px;
    margin: 0 0 5px 0;
    /*font-weight: bold;*/
}

.content .content-in {
    max-width: 736px;
    margin: auto;
}

/* ======= МЕРОПРИЯТИЯ ===============*/
.b-event-list .b-item{
    float: left;
    /* width: 325px; */
	/* width: 50%; */
	width: 33.3%;
    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 .b-item:nth-child(3n){
    /* 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: 16px;
    font-weight: bold;
    color: #1b6193;
    text-decoration: none;
    display: block;
}
.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;
    font-weight: bold;
}
.b-event .b-item-news:first-child .date{
    background-color: #ea2f24;
    color: #fff;
}

.b-event .b-item-news a.title{
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 1.2;
    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;
}

/* Список мероприятий - изменения  2018-02-19*/
.b-event-list.events .b-item .ed-date {background-color: #1b6193;}
.b-event-list.events .b-item .ed-time {background-color: #ea2f24;}
.b-event-list.events .b-item .arrow-2 {color: #ea2f24;}
.b-event-list.events .b-item .dash-2 {background-color: #ea2f24; padding-left: 5px;}
.b-event-list.events .b-item .b-item-time {margin-bottom: 2px;}

/* Мероприятие - изменения  2018-02-19*/
.b-article.b-event h1.title {
    margin-top: 5px;
    font-size: 24px;
    line-height: 1.1;
    padding-right: 90px;
    /* font-weight: normal; */
}
.b-article.b-event .change-fonts {
    margin-right: -90px;
}
.b-article.b-event .b-item-time {}
.b-article.b-event .ed-date {
    font-weight: bold;
    color: #fff;
    background-color: #145f92;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: -4px;
}
.b-article.b-event .ed-date .d {}
.b-article.b-event .ed-date .m {text-transform: lowercase;}
.b-article.b-event .ed-date .y {}
.b-article.b-event .ed-time {
    font-weight: bold;
    color: #fff;
    background-color: #e93226;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: -4px;
}
.b-article.b-event .arrow-2 {
    font-size: 80%;
    color: #e93226;
    margin-right: -4px;
    padding: 3px;
}
.b-article.b-event .dash-2 {
    font-weight: bold;
    color: #fff;
    background-color: #e93226;
    padding: 2px 0;
    padding-left: 5px;
    display: inline-block;
    margin: 0 -4px 4px
}
.b-article.b-event .DT-end {white-space: nowrap;}






/* ------------ График программ обучения  -------------- */
a.pull-right.btn {
    font-size: 18px;
    display: inline-block;
    position: relative;
    bottom: 9px;
}
.b-event-list .b-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: url(/site/themes/lapuzzle/images/to_white.png) 0 0 repeat-x;
    height: 56px;
    width: 100%;
}
.b-event-list .b-item .date {color: #fff;}
.b-event-list .b-item:first-child .date {background-color: #1b6193;}
.b-event-list .b-item .date .d {
    padding-top: 3px;
    display: block;
    font-size: 20px;
    padding: 9px 0 7px;
    margin-bottom: 2px;
    background: #ea2f24;
}
.b-event-list .date {
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
}
.b-event-list .b-item {line-height: 1.3em;}
.b-event-list .b-item a {text-decoration: none;}

/*Изменеия  2018-02-18*/
.schedule .a-archive {color: #777;}
.b-event-list .b-item .b-item-time {}
.b-event-list .b-item .ed-date {
    font-weight: bold;
    color: #fff;
    background-color: #e93226;
    padding: 2px 3px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: -4px;
}
.b-event-list .b-item .ed-date .d {}
.b-event-list .b-item .ed-date .m {text-transform: lowercase;}
.b-event-list .b-item .ed-date .y {}
.b-event-list .b-item .ed-time {
    font-weight: bold;
    color: #fff;
    background-color: #145f92;
    padding: 2px 3px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: -4px;
}
.b-event-list .b-item .arrow-2 {
    font-size: 80%;
    color: #145f92;
    margin-right: -4px;
    padding: 3px;
}
.b-event-list .b-item .dash-2 {
    font-weight: bold;
    color: #fff;
    background-color: #145f92;
    padding: 2px 0;
    padding-left: 5px;
    display: inline-block;
    margin: 0 -4px 4px
}
.b-event-list .b-item .DT-end {white-space: nowrap;}



/* ------------ Программы обучения  -------------- */
.b-article.b-event {}
.b-article.b-event .date {
    margin-bottom: 5px;
}
.c-show-event .b-publication-block-event .b-item h1 {
    /* margin-left: 73px; */
    color: #1b6193;
}
/* Изменения  2018-02-18 */
.b-article.b-event .reg-form {
    padding: 10px 20px 20px;
    background-color: #eee;
    margin-top: 20px;
    border-top: 2px solid #a9a9a9;
    border-bottom: 2px solid #a9a9a9;
}
.b-article.b-event .reg-form h3 {
    margin: -28px 0px 15px;
    padding: 8px 10px;
    background-color: #145f92;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: max-content;
    width: -moz-max-content;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.b-article.b-event .reg-form .form-bt-group {
    text-align: right;
    position: relative;
}
.b-article.b-event .reg-form .form-bt-group:before {
    content: '* - поля, обязательные для заполнения';
    display: inline-block;
    left: 0;
    top: 2px;
    position: absolute;
    /*font-style: italic;*/
    text-align: left;
    padding-right: 100px;
    font-size: 13px;
    line-height: 1.2;
}



.c-show-event .b-publication-block-event .b-item .b-item-time {}
.c-show-event .b-publication-block-event .b-item .ed-date {
    font-weight: bold;
    color: #fff;
    background-color: #e93226;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: -4px;
}
.c-show-event .b-publication-block-event .b-item .ed-date .d {}
.c-show-event .b-publication-block-event .b-item .ed-date .m {text-transform: lowercase;}
.c-show-event .b-publication-block-event .b-item .ed-date .y {}
.c-show-event .b-publication-block-event .b-item .ed-time {
    font-weight: bold;
    color: #fff;
    background-color: #145f92;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: -4px;
}
.c-show-event .b-publication-block-event .b-item .arrow-2 {
    font-size: 80%;
    color: #145f92;
    margin-right: -4px;
    padding: 3px;
}
.c-show-event .b-publication-block-event .b-item .dash-2 {
    font-weight: bold;
    color: #fff;
    background-color: #145f92;
    padding: 2px 0;
    padding-left: 5px;
    display: inline-block;
    margin: 0 -4px 4px
}
.c-show-event .b-publication-block-event .b-item .DT-end {white-space: nowrap;}






.b-item-news-in .img{
    /*float: left;*/
    width: 135px;
    /*height: 120px;*/
    /*text-align: left;*/
    /*margin-top: 3px;*/
    text-align: center;
    padding-right: 15px;
}
.b-item-news-in .img > a > img {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.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{

}


/* ==================================== */
/* ========== Фотогалерея ============= */
/* ==================================== */
a.colorbox.cboxElement {
    cursor: url(/site/themes/lapuzzle/images/zoomin.png), pointer;
}
div#cboxOverlay {
    cursor: url(/site/themes/lapuzzle/images/close.png), pointer !important;
}


/* ============ КАРТА САЙТА ============== */

.b-site-map {
    max-width: 800px;
}
.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;
    text-decoration: none;
    /*padding-left: 5px;*/
    /*max-width: 650px;*/
    /*background: #eff4f7;*/
    /*box-shadow: 2px 2px 2px #ccc;*/
    font-size: 1.1em;
    line-height: 1.2em;
    color: rgb(0, 0, 0);
    border-radius: 3px;
    padding: 7px 10px !important;
    background: #dde7ee !important;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1) !important;
}
.b-site-map > ul > li > a:hover{
    background: #a9c4d7;
}
.b-site-map > ul > li > ul{
    margin-left: 16px;
    margin-top: 8px;
}

.b-site-map > ul > li > a:hover {background: #cbdbe7 !important;}

.b-site-map > ul > li > ul {margin-left: 0 !important; margin-bottom: 8px;}
.b-site-map > ul > li > ul > li {list-style: none; padding: 0; margin: 0 0 6px 0;}
.b-site-map > ul > li > ul > li > a {
    display: block; border: 1px solid #cccccc;
    padding-left: 5px;
    /*max-width: 650px;*/
    background: #f1f1f1; text-decoration: none;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    line-height: 1.3em; border-radius: 3px;
    padding: 5px 10px;}
.b-site-map > ul > li > ul > li a:hover {background: #dcdcdc !important;}

.b-site-map > ul > li > ul > li > ul {margin-left: 0; margin-top: 8px; margin-bottom: 8px;}
.b-site-map > ul > li > ul > li > ul > li {list-style: none; padding: 0; margin: 0 0 6px 0;}
.b-site-map > ul > li > ul > li > ul > li > a {
    display: block; border: 1px solid #cccccc;
    padding-left: 5px;
    /*max-width: 650px;*/
    background: #ffffff; text-decoration: none;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    line-height: 1.3em; border-radius: 3px;
    padding: 5px 10px;}
.b-site-map > ul > li > ul > li > ul > li a:hover {background: #f1f1f1 !important;}






.content .table th, .content .table td{
    font-size: 14px;
    line-height: 1.3;
}
.content .table th{
    background-color: #E3ECF3;
}
.content .table p{
    margin: 0; padding: 0;
}
.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 */
/* Поддержка открытого состояния для BS3 (.in) и BS5 (.show) */
.collapse.in,
.collapse.show {
    display: block !important;
}

/* Скрытое состояние */
.collapse:not(.in):not(.show) {
    display: none !important;
}

/* Стилизация .accordion-button как ссылки (чтобы не ломался дизайн в BS3) */
.accordion-button {
    color: inherit;
    text-decoration: none;
    background: #edf0f3;
    border: none;
    /*padding: 0;*/
    font-weight: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
}
.accordion-button:focus {
    outline: none;
    box-shadow: none;
}
/* Убираем стрелку BS5, если она мешает */
.accordion-button::after {
    /*display: none !important;*/
}
/* ---- Закрывалка аккордеона ----- */
.bottom_close {
    display: block;
    margin-left: auto;
    margin-top: -5px;
    width: 120px;
    padding: 0 15px 10px 0;
    font-size: 90%;
    text-align: right;
    /*background: url(/site/themes/lapuzzle/images/bg_accord_close.gif) 60px 3px no-repeat;*/
    background-color: transparent !important;
    font-weight: bold;
}
.bottom_close:after {
    /*flex-shrink: 0;*/
    /*width: var(--bs-accordion-btn-icon-width);*/
    /*height: var(--bs-accordion-btn-icon-width);*/
    /*margin-left: auto;*/
    /*background-image: var(--bs-accordion-btn-icon);*/
    content: "";
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}


/*
.panel-group .panel {
    border-color: #9ab6cc;
}
.panel-default>.panel-heading {
    background-color: #dce6ef;
}
h4.panel-title button,
h4.panel-title a {
    padding-right: 20px;
    display: block;
    !*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right -25px no-repeat;*!
    background: url("/site/themes/lapuzzle/images/bg_accord_close.gif") right 4px no-repeat;
    color: #0a6792;
    font-weight: bold;
}
h4.panel-title button:hover,
h4.panel-title a:hover{
    !*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right -25px no-repeat;*!
}
h4.panel-title button.collapsed,
h4.panel-title a.collapsed{
    !*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right 4px no-repeat;*!
    background: url("/site/themes/lapuzzle/images/bg_accord_open.gif") right 4px no-repeat;
}
h4.panel-title button.collapsed:hover,
h4.panel-title a.collapsed:hover{
    !*background: url("/site/themes/lapuzzle/images/bg_accord.gif") right 4px no-repeat;*!
}
h4.panel-title button:hover,
h4.panel-title a:hover{
    text-decoration: none;
}
.panel-body {}
*/



.left-menu{
    background: #e3ecf3;
    border: 1px solid #8eb0c9;
    padding: 10px 20px;
}
.left-menu > ul{
    margin: 0;
    padding: 0;
}



.left-menu{
    background: #e3ecf3;
    border: 1px solid #8eb0c9;
    padding: 10px 20px;
}
.left-menu > ul{
    margin: 0;
    padding: 0;
}

.left-menu li{
    list-style: none;
    border-bottom: 1px solid #8EB0C9;
    padding: 10px 0px;
    text-align: left;
    font-size: 12px;
}
.left-menu li:last-child{
    border-bottom: none;
}
.left-menu li a:hover{
    text-decoration: none;
}
.left-menu li .date{
    color: #000;
    font-weight: normal;
}
.left-menu .year-block{
    margin: 0;
    padding: 0;
}
.left-menu .year-block li{
    float: left;
    border-radius: 3px;
    padding: 3px 5px 1px 5px;
    font-size: 12px;

    border:1px solid #1b6194;
    background: #ffffff;
    color: #1b6194;
}
.left-menu .year-block li.active{
    background: #1b6194;
    color: #e3ecf3;
}


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

.change-fonts{
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.change-fonts i{
    display: flex;
    width: 32px;
    height: 33px;
    float: left;
    border-radius: 5px;
    color: #ffffff;
    background-color: #909090;
    font-weight: 600;
    font-style: normal;
    cursor: pointer;
    font-size: 16px;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.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: 257px;*/
    height: 330px;
    /*overflow: hidden;*/
    overflow: auto;
    position: relative;
    margin-bottom: 5px;
    background: #fff;
    background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(229,229,229,1) 100%);

}
.b-event .b-list-news .towhite {display: none;}
.t-head{
    display: block;
    /*font-size: 12px;*/
    /*color: #fff;*/
    margin-bottom: 4px;
    /*background: #1b6193;*/
    background: #14324e;
    /*height: 19px;*/
    line-height: 19px;
    padding-left: 5px;
    text-decoration: none;

    color: #e2ebf2 !important;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 2px;
    height: 22px;
}
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-head2 {*/
    /*!* position: absolute; *!*/
    /*!* left: 385px; *!*/
    /*!* top: -15px; *!*/
    /*!* z-index: 1000; *!*/
    /*!* height: auto; *!*/
    /*!* width: 100%; *!*/
    /*!*text-align: center;*!*/
/*}*/
/*.b-crsl-bot .b-head2 * {*/
    /*!*background: #1b6193;*!*/
    /*background: #14324e;*/
    /*padding: 1px 5px;*/
    /*!* color: #fff; *!*/
    /*color: #e2ebf2;*/
    /*!* font-weight: bold; *!*/
    /*!* top: -15px; *!*/
    /*!* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.38); *!*/
    /*display: block;*/
    /*text-transform: uppercase;*/
/*}*/
.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 {*/
.b-search-members input {
    padding: 4px 10px;
    border-radius: 4px;
    /* width: 550px; */
	width: 100%;
}
.b-list-members {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
    padding-top: 10px;
}
.b-list-members .b-item {
    /*border-bottom: 1px solid #ddd;*/
    margin-bottom: 10px;
    /* min-height: 55px; */
    /*height: 91px;*/
    /*overflow: hidden;*/
}
.b-list-members .b-item .b-ender {
    border-bottom: 1px solid #ddd;
}
.b-list-members .b-item .b-logo {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
    width: 130px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}
.b-list-members .b-item .b-logo img {
    object-fit: none;
}
.b-list-members .b-item .member-name {
    margin-left: 141px;
    /*font-size: 14px;*/
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 1.2em;
    margin-top: 0;
}






/* -------- Насильственная ширина ----------- */
@media (min-width: 768px) {
}

@media (min-width: 992px) {
.w240 {
    /*width: 255px;*/
    width: 295px;
}
.w255 {
    /*width: 270px;*/
    width: 330px;
}
.w260 {
    /*width: 275px;*/
    width: 295px;
}
.w270 {width: 285px;}
.w300 {width: 315px;}
.w315 {
    /*width: 330px;*/
    width: 390px;
}
.w400 {width: 415px;}
.w410 {width: 425px;}
.w515 {
    /*width: 530px;*/
    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;}

/* ------ Display: none;  ------ */
.d-n, .dn {display: none;}

/* ------ Текст по центру ------ */
.t-a-c, .tac {text-align: center;}

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


/* ---------- Правки в бутстрап ---------- */
/* ======= Формы =========== */
label {
    margin: 15px 0 5px;
    font-weight: bold;
}
.form-bt-group {
    margin: 20px 0;
}

/* ======= Вкладки =========== */
.under-nav-tabs {
    height: 20px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}


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

/* Перекраска пагинатора Bootstrap 5 */
.pagination {
    --bs-pagination-color: #337ab7;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;

    --bs-pagination-hover-color: #0056b3;
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;

    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #337ab7;
    --bs-pagination-active-border-color: #337ab7;

    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
}
@media screen and (max-width: 576px) {
    .page-link {
        padding: 10px 10px;
    }
}

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

/* ---------- Адаптивное видео ------------- */
.videoWrapper {
    position: relative;
    /*padding-top: 4%;*/
    /*padding-bottom: 52%;*/
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    /*background-color: #eee;*/
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.videoWrapper > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.videoWrapper > div > img {
    width: 100%;
    height: auto;
}
.videoWrapper .startPlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    background: url(/site/themes/lapuzzle/images/youtube_black.svg) center no-repeat;
    background-size: 68px;
}
.videoWrapper .startPlay:hover {
    background: url(/site/themes/lapuzzle/images/youtube_red.svg) center no-repeat;
    background-size: 68px;
}



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

@media print { /*для печати*/
    .no-print {
        display: none;
    }
}

/* ======== СРЕДНИЙ ЭКРАН =============================================== */
.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;*/
		/*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;
		/* right: 10px; */
		width: auto;
		font-size: 13px;
		line-height: 15px;
		height: auto;
		/* overflow: hidden; */
		padding: 0 10px 20px;
	}
	.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: rgba(19, 51, 78, 0.63);
		border-radius: 0;
		right: 0;
		/* z-index: 1; */
		/* height: 47px; */
		width: 70px;
		top: 36px;
		bottom: 0px;
		/* border: 1px solid #f1f1f1; */
		margin: 0;
	}
	button.navbar-toggle.close1 {
		z-index: 1;
		background: #ea3224;
		color: #fff;
		padding: 4px 20px;
		font-size: 14px;
		/* margin-right: 5px; */
		/* float: none; */
		margin: 10px 18px 18px;
		/* display: none; */
	}


	/* Мобильная шапка и меню */
	/*.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 {
		position: absolute;
		top: 0;
		right: -2px;
		margin-top: 0;
		z-index: 100;
		background: #efefef;
		/* padding: 10px 15px; */
		font-weight: bold;
		/* line-height: 1.6em; */
		box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.39), inset -3px 3px 7px rgba(0, 0, 0, 0.39);
		border-bottom: 5px solid #ea3124;
		overflow: hidden;
		width: 90%;
	}
	.mobile-menu > ul {
		padding: 20px;
		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: 30px;
		font-size: 90%;
		font-weight: normal;
		padding-top: 8px;
	}
	.mobile-menu > ul > li {padding-bottom: 8px;}
	.mobile-menu > ul > li > a {color: #000; text-decoration: none;}
	.mobile-menu > ul > li > ul > li {padding-bottom: 5px;}
	.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) {
	.no-mobile {display: none !important;}
	.on-mobile {display: block;}
/* ------ Авто-высота на мобильнике ------ */
	.h-a-m {height: auto !important;}

	body {
		/* padding-left: 10px; */
		/* padding-right: 10px; */
	}
	.container {
		/*padding-left: 10px;*/
		/*padding-right: 10px;*/
	}
	.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%;	}
	
}

/* -------- Корп. и фин. новости ----------- */
.b-on-main.b-main-corp-news .b-inner,
.b-on-main.b-main-FV-news .b-inner {
    height: 450px;
}

/* -------- Экран уже 480px ----------- */
@media (max-width: 480px) {
    .b-main-SMI .b-list-news .b-not-img {height: 300px;}
    /* скрыть 6-ю новость */
    .b-on-main.b-main-news .b-item-news.n6 {display: none;}
    /* -------- Корп. и фин. новости ----------- */
    .b-on-main.b-main-corp-news .b-inner,
    .b-on-main.b-main-FV-news .b-inner {
        height: 360px;
    }
}


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


.ret-block {
    display: inline;
}


/* СТИЛИ ДЛЯ сми О ПРОФСТАНДАРТАХ */
/* Материалы с FINVERSIA */
.second_page .b-author-source ul.b-pub-tag {
    margin-top: 20px;
}
.second_page .b-author-source ul.b-pub-tag li {
    padding: 0px 0 8px 0px;
    background: none;
}
.second_page .b-author-source ul.b-pub-tag li:nth-child(1):before {
    content: 'Автор(ы): ';
    color: #5784ab;
    font-family: "PT Serif", "Times New Roman", Times, serif;
}
/*.second_page .b-author-source ul.b-pub-tag li:nth-child(2):before*/
.second_page .b-author-source ul.b-pub-tag li:last-child:before {
    content: 'Источник: ';
    color: #5784ab;
    font-family: "PT Serif", "Times New Roman", Times, serif;
}


.b-clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}
.page_content h2 {
    color: #005aaa;
}
/* Фото */
.b-img-caption img {
    vertical-align: middle;
}
.b-img-caption {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 10px auto;
    margin-bottom: 15px;
    max-width: 600px;
    text-align: center;
    /* font-family: 'Ubuntu', sans-serif; */
    font-size: .8em;
}
.b-img-caption.pull-left {
    margin-right: 20px;
    margin-bottom: 5px;
}
.b-img-caption.pull-right {
    margin-left: 20px;
    margin-bottom: 5px;
}
.b-img-caption .b-desc {
    left: 0;
    bottom: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.86);
    color: #000;
    padding: 5px;
    width: 100%;
    overflow: hidden;
    margin-bottom: -100px;
    transition: all 0.3s ease-in-out;
}
.b-img-caption:hover .b-desc {
    display: block;
    margin-bottom: 0px;
}

/* Фото в две колонки */
.b-2col {
    float: left;
    width: 50%;
}
.photoWrapper {
    position: relative;
    margin: 10px 20px 10px 0;
}
.photoWrapper img {
    width: 100% !important;
    height: inherit !important;
}

/* Видео */
.videoWrapper1col {
    position: relative;
    padding-top: 25px;
    padding-bottom: 51.5%;
    height: 0px;
    margin: 5px 10px;
}
.videoWrapper1col iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* Таблицы*/
.tbl-stripped {
    border-collapse: collapse;
    border: 0;
}
.tbl-stripped th {
    font-size: 13px;
    background: #cbddec;
    padding: 7px 5px 7px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}
.tbl-stripped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background: rgb(236, 236, 236);
}
.tbl-stripped > tbody > tr > td {
    font-size: 13px;
    background: rgb(215, 215, 215);
    padding: 7px 5px 7px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}
/* Врубы */
.special-block-right {
    border-left: 8px solid #005baa;
    float: right;
    width: 260px;
    padding: 10px 12px 12px 12px;
    margin: 0px 0px 5px 20px;
    font-size: 16px;
    line-height: 19px;
    color: #363636;
    font-style: italic;
    background-color: #d3e4f3;
}
.special-block-left {
    border-left: 8px solid #005baa;
    float: left;
    width: 260px;
    padding: 10px 12px 12px 12px;
    margin: 0px 20px 5px 0px;
    font-size: 16px;
    line-height: 19px;
    color: #363636;
    font-style: italic;
    background-color: #d3e4f3;
}
.PubSpravka {
    border: 1px dotted #005baa;
    padding: 10px 16px 4px;
    margin: 15px 0px 15px 20px;
    border-radius: 4px;
    background-color: #d3e4f3;
    width: 90%;
}

.btn-all-videos {
    background: #474747;
    border-radius: 3px;
    color: #fff;
    /* height: 27px; */
    line-height: 27px;
    border: none;
    font-size: 13px;
    box-shadow: none;
    padding: 3px 15px 2px 0px;
    margin: 6px 0px 12px;
    font-weight: bold;
    display: inline-block;
}
.btn-all-videos:hover {
    background: #696969;
    color: #fff;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}
.btn-all-videos:before {
    content: "";
    background: url(/img/btn-all-videos-1.png) 0 0 no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: 10px;
    margin-right: 17px;
}
.bank_news_list.SMI .item .img-firstnews {
    float: left;
    margin-right: 20px;
}
.second_page .page_content .title {
    margin-bottom: 20px;
    padding: 10px 15px;
    /* background: #005baa; */
    /* color: #fff; */
    /* border-top: 2px solid #ccc; */
    /* border-bottom: 2px solid #cccccc; */
    border-left: 2px solid #ccc;
    background: #eee;
}

span.j-archive {
    text-transform: initial;
    float: right;
    margin-right: 6px;
    font-size: 80%;
}

/* ========================================= */
/* ======= Корпоративные новости =========== */
/* ========================================= */
.b-company-news {
    /*border: 1px solid #e4e4e4;*/
    background-color: #FFF;
    height: auto;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    padding: 0 10px;
}
.b-company-news h2 {
    /* background: #000; */
    /* border-top: none; */
    /* border-bottom: none; */
    /* text-transform: lowercase; */
    font-weight: bold;
    font-size: 17px;
    text-transform: lowercase;
    /* line-height: 31px; */
    color: #F78421;
    padding: 0 10px 0 0;
    margin: 9px 0 5px;
    background: url(/site/themes/lapuzzle/images/bg_line_head.jpg) 0px 10px repeat-x;
}
.b-company-news h2 > a {
    color: #F78421;
    text-decoration: none;
    background: none;
    /*padding-right: 0;*/
    /*color: #F78421;*/
    background: #fff;
    padding-right: 10px;
    white-space: nowrap;
}

.b-company-news .b-item.tbl {
    display: table;
    width: 100%;
    padding: 8px 10px 0 8px;
    /* margin: 8px 10px 0 8px; */
    border-bottom: 1px dotted #cccccc;
}
.b-company-news .tbl .b-image {
    vertical-align: top;
    display: table-cell;
    padding-bottom: 8px;
    width: 61px;
}
.b-company-news .b-item a > img {
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.b-company-news .b-item.tbl .b-title {
    font-size: 14px;
    line-height: 16px;
    vertical-align: top;
    display: table-cell;
    padding-bottom: 8px;
}
.b-company-news .b-title a {
    color: #000;
}
.b-company-news .b-title a:hover {
    color: #f78421;
    text-decoration: none;
}
.b-main-news .b-item.first .to-white, .to-grey {
    height: 60px;
    padding-top: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 7px solid #F2F2F2;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 72%, rgba(242,242,242,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 72%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 72%,rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.b-company-news .b-all {
    text-align: right;
    padding: 8px 10px;
    font-size: 12px;
}
.b-company-news .b-all a:hover {
    color: #f78421;
    text-decoration: none;
}

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

.tree-news-descr {
    display: none;
}

/* ====================================================== */
/* =========== Ограничение количества строк ============= */
/* ====================================================== */
.line-clamp {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.line-clamp-2 {-webkit-line-clamp: 2;}
.line-clamp-3 {-webkit-line-clamp: 3;}
.line-clamp-4 {-webkit-line-clamp: 4;}
.line-clamp-5 {-webkit-line-clamp: 5;}
.line-clamp-6 {-webkit-line-clamp: 6;}
.line-clamp-7 {-webkit-line-clamp: 7;}
.line-clamp-8 {-webkit-line-clamp: 8;}
.line-clamp-9 {-webkit-line-clamp: 9;}
.line-clamp-10 {-webkit-line-clamp: 10;}
.line-clamp-11 {-webkit-line-clamp: 11;}
.line-clamp-12 {-webkit-line-clamp: 12;}

/* ======= ПРАЗНИЧНЫЕ ШАПКИ ====== */
.b-body-in {
    background: none !important;
}
@media screen and (min-width: 992px) {
    body.newyear .m-container > .b-head .container {
        background: url(/site/public/elfinder/img/Events/Header_2026_newyear.png) no-repeat;
        background-position-x: right;
        background-position-y: center;
    }
    body.feb23 .m-container > .b-head .container {
        background: url(/site/public/elfinder/img/Events/Header_2026_feb23.png) no-repeat;
        background-position-x: right;
        background-position-y: center;
    }
    body.mart8 .m-container > .b-head .container {
        background: url(/site/public/elfinder/img/Events/Header_2026_mart8.png) no-repeat;
        background-position-x: right;
        background-position-y: center;
    }
    body.may9 .m-container > .b-head .container {
        background: url(/site/public/elfinder/img/Events/Header_2026_may9.png) no-repeat;
        background-position-x: right;
        background-position-y: center;
    }
    body.june12 .m-container > .b-head .container {
        background: url(/site/public/elfinder/img/Events/Header_2026_june12.png) no-repeat;
        background-position-x: right;
        background-position-y: center;
    }
}
body.mart8 .m-container > .b-head {
    /*background: #b600ff;*/
}

/* ======= ОСНОВНАЯ ШАПКА ====== */
.slick-carousel {
    padding: 0 !important;
    background: #fff !important;
    border-radius: 15px;
    overflow: hidden;
}
.slick-carousel .item {
    width: 160px;
    height: 90px !important;
    box-shadow: 2px 2px 10px #00000029;
    margin: 5px 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}
.slick-carousel .item:hover {
    transform: scale(0.9);
}
#ya-site-form0 .ya-site-form__form * {
    font-size: 16px !important;
}
#ya-site-form0 .ya-site-form__input-text::placeholder {
    color: #aaa !important;
}
.b-head {
    padding-top: 70px;
    /*background: #fff;*/
    background: #001d39;
    background: #e6eef5;
    background: #14324e;
}
.b-head .container {
    min-height: auto;
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.b-head .container img {
    /*width: 100%;*/
}
@media screen and (max-width: 991px) {
    .b-head .container img {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .b-head .container img {
        max-width: 70%;
    }
}
@media screen and (min-width: 1200px) {
    .b-head .container img {
        max-width: 76%;
    }
}
@media screen and (min-width: 992px) {
    .b-head .container {
        /*padding-top: 1px;*/
        min-height: 150px;
    }
    .b-head .container{
        background: url(/site/public/elfinder/img/Header_RSPP_03.png?2) no-repeat;
        /*background: url(/site/public/elfinder/img/Header_RSPP_04.jpg) no-repeat right bottom;*/
        /*background-size: contain;*/
        background-size: 35%;
        background-position: right center;
    }
}
body, html {
    font-family: 'Roboto', Arial, sans-serif;
}

nav{
    position: fixed;
    z-index: 99;
    width: 100%;
    /*background: #242526;*/
    background: #14324e;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
nav .wrapper{
    position: relative;
    /*max-width: 1300px;*/
    padding: 0 15px;
    height: 70px;
    line-height: 70px;
    margin: auto;
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
}
.wrapper .logo a{
    color: #f2f2f2;
    font-size: 28px;
    /* font-weight: 300; */
    text-decoration: none;
    /*font-family: 'Open Sans', sans-serif;*/
    white-space: nowrap;
}
.wrapper .logo .logo-sign {
    width: 60px;
    height: auto;
}
.wrapper .logo .logo-name {
    width: 75px;
    height: auto;
}
.wrapper .nav-links{
    display: inline-flex;
    margin-bottom: 0;
    /* position: relative; */
    /* padding-left: 0; */
    width: 100%;
    justify-content: space-evenly;
    padding: 0 10px;
}
.nav-links li{
    list-style: none;
    /*position: relative;*/
}
.nav-links li a{
    color: #f2f2f2;
    text-decoration: none;
    /*font-size: 18px;*/
    font-size: 17px;
    font-weight: 400;
    padding: 10px 10px;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.drop-menu li a{
    width: 100%;
    /*display: block;*/
    display: inline-block;
    padding: 8px 15px;
    font-weight: 400;
    /*border-radius: 0px;*/
    line-height: 1.2;
    font-size: 16px;
}
.nav-links > li > a{
    white-space: nowrap;
}
.nav-links li a:hover{
    /*background: #3A3B3C;*/
    background: #194c6f;
}
.nav-links > li.act > a,
.nav-links .drop-menu li.act > a,
.nav-links .mega-box li.act > a{
    color: #ffeb3b;
}
.nav-links .mobile-item{
    display: none;
}
.nav-links .drop-menu{
    position: absolute;
    left: 30px;
    right: 30px;
    padding: 20px;
    padding-top: 0;
    /*background: #242526;*/
    background: #14324e;
    /*width: 180px;*/
    /*width: 100%;*/
    /*line-height: 45px;*/
    line-height: 1.2;
    top: 70px;
    /*top: 700px;*/
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.columns-2 .drop-menu,
.columns-3 .drop-menu,
.columns-4 .drop-menu {
    column-gap: 30px;
    column-width: 180px;
    column-rule: solid;
    column-rule-width: thin;
    column-rule-color: #ffffff1f;
}
.columns-2 .drop-menu {column-count: 2;}
.columns-3 .drop-menu {column-count: 3;}
.columns-4 .drop-menu {column-count: 4;}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{
    transition: all 0.5s ease;
    top: 70px;
    opacity: 1;
    visibility: visible;
}
.mega-box{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 30px;
    top: 70px;
    /*top: 700px;*/
    opacity: 0;
    visibility: hidden;
}
.mega-box .content{
    /*background: #242526;*/
    background: #14324e;
    padding: 25px 20px;
    padding-top: 10px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.nav-links .drop-menu,
.mega-box .content{
    background: linear-gradient(0deg, rgba(0, 20, 33, 1) 0%, rgba(20, 50, 78, 1) 90%);
    padding-bottom: 50px;
}
.mega-box .content .row{
    width: calc(35% - 0px);
    /*line-height: 45px;*/
    line-height: 1.3;
    align-content: flex-start;
}
.content .row img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content .row header{
    /*color: #f2f2f2;*/
    /*color: #ffeb3b;*/
    color: #70c5ff;
    font-size: 18px;
    font-weight: 500;
}
.content .row .mega-links{
    /*margin-left: -10px;*/
    padding-left: 0;
    /*border-left: 1px solid rgba(255,255,255,0.09);*/
}
.row .mega-links li{
    padding: 0 10px;
}
.row .mega-links li a{
    /*padding: 0px;*/
    /* padding: 0 20px; */
    color: #d9d9d9;
    font-size: 14px;
    display: block;
    line-height: 1.3;
    padding: 6px 8px;
}
.row .mega-links li a:hover{
    color: #f2f2f2;
}
.wrapper .btn{
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: none;
    padding: 10px;
}
.wrapper .btn.close-btn{
    position: absolute;
    right: 30px;
    top: 8px;
}

@media screen and (max-width: 1400px) {
    .logo-name {
        display: none;
    }
}
@media screen and (max-width: 1200px) {
    .nav-links li a{
        font-size: 15px;
    }
}
@media screen and (max-width: 992px) {
    .mega-box .content,
    .nav-links .drop-menu {
        background: none;
    }
    .logo-name {
        display: inherit;
    }
    .wrapper .btn{
        /*display: block;*/
        display: flex;
        align-items: center;
    }
    .wrapper .nav-links{
        position: fixed;
        height: 100vh;
        width: 98%;
        max-width: 450px;
        top: 0;
        left: -100%;
        /*background: #242526;*/
        background: #14324e;
        display: block;
        padding: 50px 10px;
        line-height: 50px;
        overflow-y: auto;
        box-shadow: 0 15px 15px rgba(0,0,0,0.18);
        transition: all 0.3s ease;
        z-index: 1;
    }
    /* custom scroll bar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        /*background: #242526;*/
        /*background: #14324e;*/
        background: #cfcfcf;
    }
    ::-webkit-scrollbar-thumb {
        /*background: #3A3B3C;*/
        /*background: #194c6f;*/
        background: #4f83a7;
    }
    #menu-btn:checked ~ .nav-links{
        left: 0%;
    }
    .btn.close-btn{
        display: none;
    }
    #menu-btn:checked ~ .btn.menu-btn{
        display: none;
    }
    #close-btn:checked ~ .btn.menu-btn{
        display: flex;
    }
    #menu-btn:checked ~ .btn.close-btn{
        display: block;
        z-index: 1;
        background-color: #14324e85;
    }
    #close-btn:checked ~ .btn.close-btn{
        display: none;
    }
    .nav-links li{
        /*margin: 15px 10px;*/
    }
    .nav-links li a{
        padding: 0 15px;
        display: block;
        font-size: 24px;
        /* border-bottom: 2px solid #ffffff20; */
        /*border-radius: 0px !important;*/
    }
    .nav-links > li > a{
        color: #ffeb3b;
    }
    .nav-links .drop-menu{
        position: static;
        opacity: 1;
        top: 65px;
        visibility: visible;
        padding-left: 15px;
        width: 100%;
        /*max-height: 0px;*/
        /*overflow: hidden;*/
        box-shadow: none;
        transition: all 0.3s ease;
        padding-bottom: 0;
    }
    .nav-links .drop-menu .level-2{
        padding-left: 15px;
    }
    #showDrop:checked ~ .drop-menu,
    #showMega:checked ~ .mega-box{
        max-height: 100%;
    }
    .nav-links .desktop-item{
        display: none;
    }
    .nav-links .mobile-item{
        display: block;
        color: #f2f2f2;
        font-size: 20px;
        font-weight: 500;
        padding-left: 20px;
        cursor: pointer;
        border-radius: 5px;
        transition: all 0.3s ease;
    }
    .nav-links .mobile-item:hover{
        /*background: #3A3B3C;*/
        background: #194c6f;
    }
    .drop-menu li{
        margin: 0;
    }
    .drop-menu li a{
        border-radius: 5px;
        font-size: 16px;
        padding: 8px 13px;
    }
    .drop-menu li .level-2 a{
        font-size: 14px;
    }
    .mega-box{
        position: static;
        top: 65px;
        opacity: 1;
        visibility: visible;
        /*padding: 0 20px;*/
        padding: 0;
        /*max-height: 0px;*/
        overflow: hidden;
        transition: all 0.5s ease;
    }
    .mega-box .content{
        box-shadow: none;
        flex-direction: column;
        padding: 0;
    }
    .mega-box .content .row{
        width: 100%;
        margin-bottom: 15px;
        border-top: 1px solid rgba(255,255,255,0.08);
        margin-left: 0;
    }
    .mega-box .content .row:nth-child(1),
    .mega-box .content .row:nth-child(2){
        border-top: 0px;
    }
    .row .mega-links li a{
        font-size: 14px;
    }
    .content .row .mega-links{
        border-left: 0px;
        padding-left: 15px;
    }
    .row .mega-links li{
        margin: 0;
    }
    .content .row header{
        font-size: 19px;
        color: #70c5ff;
        font-weight: 400;
        /*padding-left: 7px;*/
        padding-left: 15px;
    }
    a.dt-search {
        margin-left: auto;
        margin-right: 10px;
    }
}
nav input{
    display: none;
}

.body-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 30px;
}
.body-text div{
    font-size: 45px;
    font-weight: 600;
}

a.dt-search {
    color: #fff;
    font-size: 24px;
    opacity: .7;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.39);
    transition: all .3s;
}
a.dt-search:hover {
    opacity: 1;
}

.level-1.drop-menu .level-2 {
    display: inline-block;
    padding-left: 20px;
}
.drop-menu li .level-2 a{
    font-size: 14px;
}