/* ======================================= */
/* ========== 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: 'PT Sans', Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: 1.3;
    font-size: 16px;
}
body {
    background-image: url('/site/themes/lapuzzle/images/main_bg_01.jpg');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

a{
    color: #1b6193;
}
s {position: relative;}
s > a {position: absolute; top: -50px;}

.no-display {
    display: none;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 12px;
    list-style: none;
    background-color: inherit;
    font-size: 13px;
}
.breadcrumb > li:nth-last-child(2) > a {
    /*color: #941a4b;*/
    font-weight: bold;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.page-content {
    flex: 1 0 auto;
}
.page-footer {
    flex: 0 0 auto;
}

.min-head {
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
    z-index: 10;
    min-width: 100%;
    margin-bottom: 0px;
    /*position: fixed;*/
    position: relative;
    background-color: rgba(234, 234, 234, 0.94);
}
.min-head .b-head-title {
    display: block;
    margin-right: 70px;
    padding: 15px 5px;
    font-weight: bold;
    color: #941a4b;
    font-size: 110%;
    text-decoration: none;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #000;
    content: ">";
}
.breadcrumb>.active {
    color: #000;
}
.m-container{
    padding: 0;
    min-height: 100%;
    /*margin-bottom: -140px; !* отрицательный нижний отступ на высоту футера *!*/
}
.b-content{
    position: relative;
}
.footer-push {
    margin: 0;
    padding: 0;
    height: 140px;
}

/* ------------ ПОДВАЛ -------------- */
.bas_footer {
    color: #666;
    position: relative;
    /* background: url(/site/themes/lapuzzle/images/footer.bg.png) no-repeat scroll center top rgba(0, 0, 0, 0); */
    /* height: 150px; */
    padding-top: 30px;
    padding-bottom: 20px;
    width: 100%;
    z-index: 10;
    background-color: rgba(234, 234, 234, 0.94);
}
.bas_footer:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/site/themes/lapuzzle/images/footer_before.png) no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 12px;
    top: -12px;
    width: 100%;
}
/*.bas_footer:after {*/
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*height: 200px;*/
    /*bottom: -200px;*/
    /*width: 100%;*/
    /*background-color: rgba(234, 234, 234, 0.94);*/
/*}*/
.bas_footer .addr {
    /*background: url(/site/themes/lapuzzle/images/addr.icon.png) no-repeat scroll left top rgba(0, 0, 0, 0);*/
    /*margin: 0 auto;*/
    /*padding-left: 35px;*/
    /*padding-top: 2px;*/
    /*max-width: 400px;*/
}

.b-footer {
    position: relative;
    background: #424242;
    padding: 0;
}
.b-footer .name{
    margin-top: 9px;
    padding: 0 3px;
    color: #e0e9f0;
    font-weight: 700;
    border-left: 1px solid #84a7c0;
    height: 42px;
    padding-left: 9px;
    position: relative;
    left: 5px;
    border-left: none;
    font-size: 14px;
    line-height: 1.2;
}
.b-footer .b-counters{
    position: absolute;
    right: 0;
    width: 128px;
    top: 10px;
    left: 310px;
}


.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    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 12px rgba(0,0,0,.3);
    z-index: 10;
    min-width: 100%;
    margin-bottom: 0px;
    position: fixed;
    background-color: rgba(234, 234, 234, 0.94);
}
.b-full-head:hover {
}

.b-full-head ul.level-1 {
    display: table;
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    padding: 0;
}
.b-full-head ul.level-1 > 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; */
    /* white-space: nowrap; */
    transition: all .5s;
    /* overflow: hidden; */
}
.b-full-head ul.level-1 > li > a {
	white-space: nowrap;
    display: block;
    color: #333333;
    font-weight: 700;
    padding: 10px 5px;
    text-decoration: none;
    vertical-align: middle;
    transition: all .5s;
	position: relative;
}
.b-full-head ul.level-1 > li.dropdown > a {
	padding-right: 30px;
}
.b-full-head ul.level-1 > li.act > a {
    color: #941a4b;
}
.b-full-head ul.level-1 > li.dropdown > a:after {
    content: '\e114';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 12px;
    bottom: 10px;
    font-size: .9em;
    z-index: 10001;
    color: #941a4b;
}

.b-full-head ul.level-1 > li:hover > a {
    background: linear-gradient(to bottom, rgba(148, 26, 75, 0.2) 0%,rgba(148, 26, 75,0) 70%,rgba(148, 26, 75,0) 100%);
}
.b-full-head ul.level-1 > li.first {
	/* border-left:none; */
}

.b-full-head ul.level-1 > 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{
    overflow: hidden;
    max-height: 0;
    position: absolute;
    margin: 0 auto;
    text-align: left;
    background-color: rgba(234, 234, 234, 0.94);
	padding: 0 10px;
    z-index: 10;
    box-shadow: 0 4px 4px 0 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%;
    list-style: none
}
.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;
}
.b-full-head ul.menu > li:last-child > 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;
    background: none;
 }
.b-full-head ul.menu > li > ul > li a {
    display: block;
    padding: 5px 50px 5px 10px;
    font-weight: normal;
    white-space: nowrap;
    background-color: inherit;
    color: #333;
}
.b-full-head ul.menu > li > ul > li.act a,
.b-full-head ul.menu > li > ul > li a:hover{
    color: #000000;
    background-color: rgba(147, 26, 75, 0.1);
    text-decoration: none;
}
.b-full-head ul.menu > li > ul > li.act a {
    color: #941a4b;
}


.b-body{
    min-height: 450px;
}
.b-body-in{
    min-height: 450px;
    padding-top: 60px;
    padding-bottom: 40px;
}

/* Старый уход в белый*/
.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;
}



.b-item-news-in{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(148, 26, 75, 0.2);
    /*height: 160px;*/
    /*overflow: hidden;*/
    /*position: relative;*/
}
.b-item-news-in.poll {
    height: auto;
}
.b-item-news-in .date{
    font-size: 12px;
    color: #222222;
    margin-bottom: 2px;
}
.b-item-news-in a.title {
    font-size: 22px;
    color: #941a4b;
    font-weight: bold;
    line-height: 1.1em;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}
.b-item-news-in .descr {
    color: #222222;
    /*font-size: 13px;*/
    font-size: 15px;
    line-height: 1.3em;
}
.b-item-news-in .img{
    /*float: left;*/
    /*width: 135px;*/
    /*height: 120px;*/
    /*text-align: left;*/
    margin-top: 3px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
.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;
}

.content h1 {
    font-size: 28px;
    color: #000;
    border-bottom: 1px solid #941a4b;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0 0 15px 0;
}
.content h2{
    font-size: 24px;
    color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.content h3{
    font-size: 20px;
    color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0 0 5px 0;
    font-weight: bold;
}


h1.title{
    font-size: 32px;
    color: #941a4b;
    border: none;
    /* font-weight: 700; */
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1;
}
.b-article .date {
    font-size: 14px;
    font-weight: bold;
    color: #888;
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 9px 0 7px;
}
.change-fonts {
    float: right;
    margin-left: 10px;
    margin-top: -4px;
}
.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: #941a4b;
}

.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: #a7e4c4;
}
.panel-default>.panel-heading {
    background-color: #d5f2e3;
}

h4.panel-title a{
    padding-right: 20px;
    display: 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;
}
.panel-body {

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

.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: #2b4a9a;
    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;
}




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

/* --------- стили от FINSKILLS ----------------- */
.Konkurs .b-omni {
    /*font-family: 'Open Sans', sans-serif;*/
    letter-spacing: 0.3px;
}
.Konkurs .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);
}
.Konkurs .content h1 {
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-size: 48px;*/
    font-size: 42px;
    font-weight: 300;
    color: #2b4a9a;
    border-bottom: none;
    margin-bottom: 15px;
    padding-top: 0;
}
.Konkurs .content h1.title {
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 30px;
    line-height: 1.05em;
    font-weight: normal;
    color: #2b4a9a;
    /* border-bottom: none; */
    margin-bottom: 15px;
    padding-top: 0;
}
.Konkurs .content h2 {
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 25px;
    color: #2b4a9a;
    margin-top: 15px;
    font-weight: normal;
}
.Konkurs .b-breadcrums {
    /* padding-right: 230px; */
}
.breadcrumb>li {
    display: inline;
}
.Konkurs figcaption.uk-overlay-panel {
    padding: 15px;
}
.Konkurs figcaption.uk-overlay-panel a {
    /* font-weight: bold; */
    text-decoration: none !important;
}
.Konkurs figcaption.uk-overlay-panel a:hover {
    color: #c5ffe0 !important;
}

.Konkurs figcaption.uk-overlay-panel.uk-ignore {
    padding: 0;
}
.Konkurs figcaption.uk-overlay-panel.uk-ignore a {
    display: block;
    /* font-weight: bold; */
    padding: 10px 15px;
    font-size: 1.2em;
}
.Konkurs .VideoList .uk-panel.uk-panel-box a {
    display: block;
    text-decoration: none;
    /*height: 100%;*/
    color: #fff;
    margin-bottom: 5px;
}
.Konkurs .VideoList .uk-panel.uk-panel-box {
    background: #fff;
    color: #444;
    transition: all .3s;
}
.Konkurs .VideoList .uk-panel.uk-panel-box:hover {
    background: #fff;
    box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.5);
}
.Konkurs .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) {
}
@media (min-width: 992px) {
    .Konkurs-td-left {width: 620px;}
    .Konkurs-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;}

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

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

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

/* ------ Блок по центру ------ */
.d-n, .dn {display: none !important;}

/* ------ Не выводить на песать ------ */
@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: #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: 10px;
    right: 10px;
    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: 0px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

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

/* ================================================ */
/* ======= Прятки для разной ширины экрана ======== */
/* ================================================ */
@media (max-width: 1199px) {.no-large {display: none !important;}}
@media (max-width: 991px) {.no-middle {display: none !important;}}
@media (max-width: 767px) {.no-tablet {display: none !important;}}
@media (max-width: 459px) {.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-1 > li.first.num1 > a:after {
    content: ' Главная';
}
.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: 991px) {
    /*.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;}

    .b-body-in {padding-top: 20px;}
    .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;} /* Логотип */
    .m-container .b-head .name {
        left: 105px;
        top: 12px;
    }
    .content-bl .nav_menu, .second_page .nav_menu { /* Оформление хлебных крошек */
        /* padding-top: 15px; */
        /* border-top: 2px solid #cdcdcd; */
        /* line-height: 1.5; */
    }
    .m-container .b-head .logo {
        width: 70px;
        height: 77px;
    }

    /* Подвал */
    .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: #941a4b;
        right: 0;
        width: 60px;
        top: 0;
        bottom: 0;
        min-height: 55px;
        margin: 10px 15px;
        border-radius: 6px;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.28);
    }
    button.navbar-toggle.close1 {
        z-index: 1;
        background: #941a4b;
        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: #e4dee1;
        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 > 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.act > a {
        color: #941a4b;
    }
    .mobile-menu > ul > li > ul > li {padding-bottom: 5px;}
    .mobile-menu > ul > li > ul > li:last-child {padding-bottom: 0;}
    .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 > 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: 767px) {
    /*.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;} /* СМИ о финансах */
    .m-container .b-head .name {
    }
    .Konkurs figcaption.uk-overlay-panel.uk-overlay-slide-top {
        line-height: 2;
        opacity: 1 !important;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(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;
    }
    .m-container .b-head .name {
        top: 15px;
        right: 85px;
        left: 105px;
        font-size: 16px;
    }
}

/* -------- Экран уже 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%;	}
    .Konkurs .content h1 {font-size: 36px;}
}

/* ------------- Вертикальное меню О Таркаеве ---------------- */
.b-about-tarkaev-menu {}
.b-about-tarkaev-menu .menu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.b-about-tarkaev-menu .menu > li {
    margin-bottom: 8px;
}
.b-about-tarkaev-menu .menu > li > a {
    display: block;
    padding: 8px 12px;
    line-height: 1.2;
    text-decoration: none;
    color: #333;
    background-color: hsla(0, 0%, 100%, 0.59);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
.b-about-tarkaev-menu .menu > li.act:hover > a,
.b-about-tarkaev-menu .menu > li.act > a {
    color: #fff;
    background-color: #941a4b;
}
.b-about-tarkaev-menu .menu > li:hover > a {
    background-color: rgba(148, 26, 75, 0.1);
}

/* ------------- Коррекция адаптивности 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; */}
}

/* ------------- Коррекция Bootstrap - Пагинатор ---------------- */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #941a4b;
    border-color: #941a4b;
}

.ret-block {
    display: inline;
}

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


/* ======================================== */
/* ========= Коррекция slick.css ========== */
/* ======================================== */
a.carousel-control.slick-arrow {
    background: rgb(0, 0, 0);
    width: 40px;
    opacity: .1;
}
a.carousel-control.slick-arrow:hover {
    opacity: .5;
}
.carousel-control {
    z-index: 5 !important;
}
/* ======================================== */