@font-face {
    font-family: 'IcoMoon';
    src: url('/font/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    /*noinspection CssNoGenericFontName*/
    font-family: 'IcoMoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-eye2:before {
    content: "\e60a";
}

.wrap-container {
    /*max-width: 2030px;*/
}

.wrap-sidebar-mobile .user-panel {
    float: none;
    width: auto;
}

.user-auth-mobile {
    display: none;
}

div.wall-index {
    margin-bottom: 38px;
}

div.wall-index .author-bio {
    margin-bottom: 0;
}

.bbws {
    border-bottom: 2px solid #ccc;
    margin-bottom: 3px;
    padding-bottom: 4px !important;
}

.btws {
    border-top: 2px solid #ccc;
    margin-bottom: 1px;
    padding-bottom: 4px !important;
    padding-top: 2px !important;
    margin-top: 0;
}

.dialog .header-tabs {
    width: auto;
    height: 35px;
    text-align: center;
    white-space: nowrap;
    padding-left: 17px;
}

.btn-add-theme {
    margin: 0 0 10px;
}

.dialog-add-theme {
    display: none;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}

.dialog-add-theme img {
    width: 25px;
    height: 25px;
}

.dialog-btn-add-theme {
    line-height: 38px;
    margin-right: 8px;
}


.dialog .header-tabs .header-tab {
    width: auto;
    padding-right: 15px;
    float: none;
    overflow-y: visible;
    z-index: 11;
}

/*::-webkit-scrollbar {*/
    /*display: none;*/
/*}*/

a.header-tab:hover, .header-tab a {
    text-decoration: none;
}

body > .wrap {
    position: static;
    /*padding: 10px 0 0 0;*/
    /*margin: 130px 0 0 0;*/
    background: #FFFFFF;
    padding-top: 100px;
}

.wrap-sidebar {
    position: fixed;
    left: 0;
    top: 100px;
    width: 235px;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    background-color: transparent;
}

.wrap.with-tabs .wrap-sidebar {
    top: 140px;
}

.wrap-sidebar.wrap-sidebar-mobile {
    left: -256px;
    display: none;
    /*transform: translateY(-256px);*/
}

.slideout-open .wrap-sidebar.wrap-sidebar-mobile {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.5);
}

.wrap-sidebar-mobile .header-howhelp,
.wrap-sidebar-mobile .header-notifications,
.wrap-sidebar-mobile .header-wall {
    display: none;
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 20;
}

.slideout-open .mobile-menu-overlay {
    display: block;
}

.sidebar-content {
    width: 255px;
    padding-right: 30px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.wrap-container, .wrap-console-container {
    padding-left: 210px;
    /*padding-right: 115px;*/
    padding-top: 23px;
    padding-right: 12px;
}

.sidebar .main-menu, .sidebar .project {
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.sidebar .main-menu h2 {
    margin: 0;
    font-size: 16px !important;
    font-weight: normal;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 11px 0 4px 0;
}

.main-menu ul li {
    padding: 12px 0 13px 49px;
    margin: 0 0 11px 0;
    border-radius: 11px;
    cursor: pointer;
}

.main-menu ul li:hover {
    background-color:   #268DB4
}

.main-menu ul li.active {
    background-color: #268DB4
}

.main-menu ul li.active a {
    color: #fff !important;
}

.main-menu ul li a {font-size: 16px;}

.main-menu ul li a:hover {
    text-decoration: none;
    color: #333;
}
.main-menu .mobile-menu-rule15s,
.main-menu .mobile-menu-search {
    display: none;
}
.main-menu .mobile-menu-rule15s {
    background: url("../img/button-play.png") no-repeat 4px 0;
    background-size: contain;
}
.main-menu .mobile-menu-search {
    background: url("../img/search_icon_b.gif") no-repeat 4px 0;
    background-size: contain;
}
.main-menu .main-menu-main {
    background: url("../img/sidebar/main.png") no-repeat 4px 5px;
}

.main-menu .main-menu-wall {
    background: url("../img/sidebar/me.png") no-repeat 4px 5px;
    background-size: 37px;
}

.main-menu .main-menu-school {
    background: url("../img/sidebar/school.png") no-repeat 9px 6px;
    padding-top: 15px;
    margin-bottom: 8px;
}

.main-menu .main-menu-practice {
    background: url("../img/sidebar/practice.png") no-repeat 9px 9px;
    padding-top: 9px;
    margin-bottom: 4px;
}

.main-menu .main-menu-knowledge {
    background: url("../img/sidebar/knowledge.png") no-repeat 10px 4px;
    margin-bottom: 6px;
}

.main-menu .main-menu-dialog {
    background: url("../img/sidebar/dialog.png") no-repeat 9px 13px;
    padding-top: 21px;
    margin-bottom: 14px;
}

.main-menu .main-menu-diablog {
    background: url("../img/sidebar/diablog.png") no-repeat 9px 3px;
    padding-top: 10px;
    margin-bottom: 14px;
}

.main-menu .main-menu-diapit {
    background: url("../img/sidebar/diapit.png") no-repeat 9px 6px;
    margin-bottom: 13px;
}

.main-menu .main-menu-optimism {
    background: url("../img/sidebar/optimism.png") no-repeat 9px 6px;
    margin-bottom: 13px;
}

.main-menu .main-menu-calc {
    background: url("../img/sidebar/calc.png") no-repeat 9px 2px;
    margin-bottom: 7px;
}

.main-menu .main-menu-how-help {
    background: url("../img/sidebar/how-help.png") no-repeat 8px 14px;
}

.main-menu .main-menu-im {
    background: url("../img/comment.png") no-repeat 9px 8px;
}

.sidebar-delimiter {
    height: 0;
    width: 122px;
    border-bottom: 1px dashed #444444;
    margin-left: 24px;
}

.sidebar {
    padding-left: 20px;
    width: 190px;
}

.sidebar .project {
    padding: 14px 0 10px 0;
    text-align: center;
}

.sidebar .project a {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

.sidebar .social-links {
    padding: 6px 0 17px 0;
    text-align: center;
}

.sidebar .social-links a {
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px;
}

.sidebar .social-links .l-vk {
    background: url("../img/sidebar/vk.png") no-repeat;
}

.sidebar .social-links .l-fb {
    background: url("../img/sidebar/fb.png") no-repeat;
}

.sidebar .social-links .l-twitter {
    background: url("../img/sidebar/twitter.png") no-repeat;
}

.sidebar .social-links .l-insta {
    background: url("../img/sidebar/inst.png") no-repeat;
}

.sidebar .therms {text-align: center;padding: 5px 0 15px 0;font-weight: 600;font-size: 12px;}

.sidebar .therms a {}

.sidebar .therms div {

}

.sidebar .sidebar-logo {
    background: url("../img/sidebar/logo.png") no-repeat;
    height: 56px;
    width: 62px;
    margin: 10px auto;
    display: none;
}

.view-counter {
    margin-top: -15px;
    margin-bottom: 20px;
    color: #888888;
    font-size: 12px;
    text-align: left;
}

div.view-counter {
    position: relative;
    /*padding-left: 18px;*/
    height: 15px;
    line-height: 15px;
    margin: 0;
}

.view-counter span.icon {
    font-size: 0.8em;
}


.school-item div.view-counter {
    top: 10px;
    padding-left: 15px;
}

.tail-item .diapit-item .desc div.view-counter {
    color: #888888;
    font-size: 12px;
}

.diapit-page .diapit-item div.view-counter {
    color: #ffffff;
    margin-left: 15px;
    top: -10px;
}

.knowledge-view > div {
    position: relative;
}

.knowledge-view .view-counter {
    top: -10px;
}
.tail-item .knowledge-item .desc div.view-counter {
    margin: 0;
    font-size: 12px;
}

.tail-item .qaa-item .desc div.view-counter {
    margin: 0;
}

.school-view .view-counter {
    margin-top: 0;
    padding-left: 40px;
}

.tails-list {
    margin: 0 auto;
    max-width: 1620px;
    padding: 0 0 0 12px;
}
.tails-list .item {
    width: 33%;
    /*padding: 12px;*/
    padding: 1%;
    height: auto;
    /*margin-bottom: 5px;*/
    overflow: hidden;
}

.tails-list .item-wide {
    width: 94%;
    height: auto;
    overflow: hidden;
}

.tails-list .item-default {
    width: 30%;
    height: auto;
    overflow: hidden;
}

.tail-item {
    /* border: 2px solid #f3f3f3; */
    box-shadow: 0 0 8px -1px rgba(0,0,0,.3);
    background:#FFFFFF;
    position: relative;
    margin: 1%;
}

.tail-item:hover a {
    text-decoration: none;
}

.tail-item a {
    display: block;
    overflow: hidden;
}

.tail-item img {
    min-height: 0;
    width: 100%;
    min-width: 100%;
}

.tail-item .desc {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
}

.tail-item .diablog-item .desc:nth-child(2) {
    padding-top: 10px;
}

/*.tail-item .item-category {*/
    /*font-family: "CaviarDreamsBold", sans-serif;*/
/*}*/

.tail-item .item-category {
    position: absolute;
    display: inline-block;
    padding: 4px 21px;
    top: 24px;
    left: 26px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 15px;
}

.tail-item .item-category a {
    color: #fff;
    font-family: "Exo 2", sans-serif;
    font-size: 13px;
    line-height: 24px;
    display: inline;
}

.dialog-item .item-category {
    background: #e8a221;
}

.diapit-item .item-category {
    background: #9e80b6;
}

.knowledge-item .item-category {
    background: #38a0ca;
}

.item-category > a {
    white-space: nowrap;
}

.qaa-item .item-category {
    background: #6dad67;
}

.school-item .item-category {
    background: #006699;
}

.optimism-item .item-category {
    background: #ffcc00;
}

.school-item p {
    font-size: 18px;
    font-weight: 500;
}

.knowledge-item .desc, .qaa-item .desc {
    margin-top: 66px;
}

.dialog-item .comments {
    position: absolute;
    display: inline-block;
    padding: 0 3px 2px 30px;
    top: 30px;
    right: 24px;
    color: #000;
    font-size: 14px;
    background: url("../img/comment.png") no-repeat;
    background-size: contain;
}

.ias-spinner {
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -20px;
}

.ias-noneleft {
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -20px;
}

.tail-item h3 {
    font-size: 21px;
    line-height: 26px;
    text-transform: none;
    font-family: 'Exo 2', sans-serif;
}

.tail-item h3:first-letter {
    text-transform:uppercase;
}

.tail-item .desc div {
    /*margin: 30px 0 27px 0;*/
    margin: 0;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 15px;
}

.tail-item .diapit-item h3 {
    margin: 3px -3px;
}

.tail-item .diapit-item .desc div {
    color: #23d3a1;
    font-size: 22px;
    margin: 8px -5px 13px;
}

.tail-item .school-item .desc {
    padding: 15px 0 0 14px;
}

.tail-item .school-item .desc h3 {font-size: 18px;margin: 5px 0;}

.tail-item .school-item img {
    width: auto;
    max-width: 100%;
    min-width: initial;
    display: block;
    margin: 20px auto 19px;
    height: auto;
}

.tail-item .school-item .category-title {font-size: 18px;text-transform: uppercase;margin: 65px 0 4px 12px;}

.tail-item .school-item .category-desc {font-size: 18px;padding: 0 16px 0 12px;line-height: 20px;}

.ias-trigger a:hover, .ias-spinner a:hover {
    text-decoration: none;
}

.tail-item .knowledge-item .desc {margin-top: 65px;padding: 0 11px;}

.tail-item .knowledge-item .desc div {margin: 15px 0 16px 0;font-size: 13px;}

.tail-item .knowledge-item h3 {font-size: 18px;line-height: 24px;}


.tail-item .knowledge-item .video {
    position: relative;
}

.tail-item .knowledge-item .fa-play {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 8px 0 0 13px;
    margin: -20px 0 0 -25px;
    opacity: .85;
}

.tail-item .qaa-item .desc {margin-top: 59px;}

.tail-item .qaa-item .desc h3 {
    font-size: 18px;
    line-height: 22px;
}

.tail-item .qaa-item .desc div {
    margin: 19px 0 19px -3px;
}

.tail-item .diablog-item .item-category {
    background: #D35D57;
    z-index: 1;
}

.tail-item .diablog-item .diablog-author {
    margin: 0;
    padding: 18px;
}

.tail-item .diablog-item .diablog-author-name {
    line-height: 18px;
    float:left;
    font-size: 18px;
    margin: 0;
    padding-top: 20px;
    color: #38a0ca;
}

.tail-item .diablog-item .diablog-author-name a {
    color: #38a0ca;
}

.tail-item .diablog-item .user-main-img {
    margin: 0 10px 18px 0;
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
}

.tail-item .diablog-item .user-main-img img {
    width: 100%;
    height: auto;
}

.tail-item .desc .diablog-item-lifehack {
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 21px;
    margin: 0;
}
.diablog-post-content .lifehack a {
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 21px;
    line-height: 21px;
    color: #23CB99;
}

.diablog-post-content .lifehack-author {
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 21px;
    line-height: 21px;
    padding-top: 5px;
}

.lifehack-wrapper {
    padding-bottom: 15px;
}

.tail-item .desc .diablog-item-lifehack a {
    color: #23CB99;
    padding-top: 5px;
    padding-bottom: 3px;
}

.tail-item .desc .diablog-item-lifehack-img {
    padding-bottom: 18px;
}

.tail-item div.diablog-some-author-name {
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 21px;
    padding-bottom: 10px;
}

.tail-item .diablog-item-image {
    /*height: 0;*/
    position: relative;
    /* картинка 16:9 - 9/16=56.25% */
    padding-bottom: 56.25%;
    overflow: hidden;
    background: no-repeat center center;
    background-size: contain;
}

.tail-item .desc .school2-item-category a {
    color: #23CB99;
    padding-top: 5px;
    padding-bottom: 3px;
}

.tail-item .school2-item-image {
    /* height: 0; */
    position: relative;
    padding-bottom: 45%;
    overflow: hidden;
    background: no-repeat center center;
    background-size: contain;
}


/*.tail-item .diablog-item-image img {*/
    /*!*position: absolute;*!*/
    /*!*left: 0;*!*/
    /*!*top: 0;*!*/
    /*width: 100%;*/
    /*height: auto;*/
/*}*/

.tail-item div.diablog-item-lead {
    font-size: 18px;
    line-height: 1;
    padding-top: 15px;
}
.diablog-item h3.title {
    margin-top: 30px;
}
.diablog-item a.title {
    margin-top: 13px;
}

.diablog-item .comments, .school2-item .comments, .wall-item .comments {
    padding: 0 9px 0 30px;
    background: url("../img/comment.png") no-repeat left center;
    float: right;
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 16px;
    background-size: contain;
    /*margin-top: 6px;*/
    position: absolute;
    bottom: 18px;
    right: 12px;
}

.wall-item .desc {
    padding: 18px 18px;
    margin-top: 8px;
    margin-bottom: 15px;
}
.wall-item .desc .text {
    margin-top: 15px;
    font-size: 14px;
}

.tail-item .diablog-author,
.tail-item .lifehack-author {
    font-family: 'Exo 2', sans-serif;
    padding: 18px;
}

.tail-item .diablog-author .author-name,
.tail-item .lifehack-author .lifehack-name {
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    color: #44bad1;
    padding-bottom: 16px;
}
.tail-item .diablog-author .author-info,
.tail-item .lifehack-author .lifehack-info {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #444444;
}

.tail-item .lifehack-author img {
    width: 100px;
    height: auto;
    margin-bottom: 30px;
}

.tail-item .lifehack-author .lifehack-bio {
    padding-left: 140px;
}

.tail-item .lifehack-info {
    text-align: center;
}

.tail-item .lifehack-name a {
    color: #44bad1;
}


.tail-item .diablog-author .last-post {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #444444;
    padding-top: 33px;
    padding-bottom: 30px;
}
.tail-item .diablog-author .author-photo {
    display: inline-block;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-size: cover !important;
    overflow: hidden;
}

.tail-item .diablog-author .diablog-author-bottom {
    padding-top: 30px;
}

.tail-item .diablog-subscribe {
    /*line-height: 100px;*/
    /*height: 100px;*/
    /*position: relative;*/
}
.tail-item .diablog-subscribe a, .diablog-author-page a {
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 12px;
    display: inline-block;
    padding: 10px 14px;
    border: 2px solid;
}

.tail-item .diablog-subscribe {
    line-height: 100px;
    height: 100px;
    position: relative;
}
.tail-item .diablog-subscribe a {
    color: #444444;
    border-color: #44bad1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    max-width: 120px;
}
.tail-item .diablog-subscribe a:hover {
    background-color: #44bad1;
    color: white;
}

.tail-item .diablog-subscribe a.unsubscribe,
.tail-item .diablog-subscribe a.unsubscribe-cat {
    background-color: #44bad1;
    color: white;
}
.tail-item .diablog-subscribe a.unsubscribe:hover,
.tail-item .diablog-subscribe a.unsubscribe-cat:hover {
    background-color: white;
    color: #44bad1;
}

.tail-item .diablog-promo-lifehack {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #444444;
    padding: 32px 32px 32px;
}

.tail-item .diablog-promo-lifehack h3 {
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 36px;
    color: #23CB99;
    text-align: center;
    padding-bottom: 33px;
}

.tail-item .diablog-promo-lifehack .diablog-subscribe a {
    color: #ffffff;
    background: #23CB99;
    border-color: #23CB99;
}

.tail-item .diablog-promo-join {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;
    color: #ffffff;
    padding: 30px;
    background: #44bad1;
    text-align: center;
}

.tail-item .diablog-promo-join p+p {
    padding-top: 35px;
}

.tail-item .diablog-promo-join .diablog-subscribe {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
}

.tail-item .diablog-promo-join .diablog-subscribe a {
    color: #444444;
    background: #ffffff;
    border-color: #ffffff;
}

.tail-item .diablog-promo-lifehack .diablog-subscribe,
.tail-item .diablog-promo-join .diablog-subscribe {
    text-align: center;
    padding-top: 30px;
    line-height: 1;
}

.tail-item .diablog-promo-lifehack .diablog-subscribe a,
.tail-item .diablog-promo-join .diablog-subscribe a {
    position: static;
    top: 0;
    transform: none;
}

/* Страница автора блога */
.diablog-author-page{
    position: relative;
    margin-bottom: 50px;
}

.diablog-author-page .author-info {
    width: 200px;
    text-align: center;
    float: left;
}
.diablog-author-page .author-photo {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}
.diablog-author-page .author-name {
    font-size: 21px;
    color: #44bad1;
    padding: 30px 0 16px;
}
.diablog-author-page .author-desc {
    font-size: 16px;
    color: #444444;
}

.diablog-author-page .author-bio {
    font-size: 18px;
    color: #444444;
    margin-left: 276px;
    margin-bottom: 53px;
}
.diablog-author-page div.subscribe {
    position: absolute;
    bottom: -18px;
    left: 292px;
}
div.diablog-author-page div.subscribe a.subscribe {
    border-color: #44bad1;
    text-decoration: none;
}

div.diablog-author-page div.subscribe a:hover {
    background-color: #44bad1;
    color: white;
    text-decoration: none;
}
div.diablog-author-page div.subscribe a.unsubscribe {
    background-color: #44bad1;
    color: white;
    text-decoration: none;
}

div.diablog-author-page div.subscribe a.unsubscribe:hover {
    background-color: #ffffff;
    color: #44bad1;
    text-decoration: none;
}

.diablog-post-wrapper {
    box-shadow: 0 0 8px -1px rgba(0,0,0,.3);
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px
}

.diablog-post-wrapper .breadcrumbs {
    margin-bottom: 8px;
}

.diablog-post {
    font-size: 16px;
}

.diablog-post {

}

.diablog-post-image {
    margin-right: 40px;
    margin-bottom: 20px;
}

.diablog-post-image img {
    max-width: 280px;
    height: auto;
}

.diablog-post h1 {
    font-size: 29px;
    /*font-family: "CaviarDreamsBold", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    margin-bottom: 20px;
}

.diablog-post-datetime {
    text-align: right;
    color: #888;
    font-weight: 500;
}

.diablog-post-author a, .diablog-post-author span  {
    margin-top: 20px;
    font-weight: 600;
    color: #44bad1;
    display: inline-block;
}

.diablog-post .diablog-post-content .diablog-post-author a:not(.btn) {
    text-decoration: none;
}

    /* Комментарии в блоге */
.diablog-comments .comments-header span {
    font-size: 18px;
    color: #444;
}
.diablog-post-comments .media {
    border: none;
}
.diablog-post-comments .media-left {
    padding-right: 40px;
}
.diablog-post-comments .com-avatar {
    width: 100px;
    height: 100px;
}

.diablog-post-comments .media-body {
    padding: 0;
}
.diablog-post-comments .comment-author-name {
    color: #44bad1;
}
.diablog-post-comments .comment-date {
    color: #888;
    font-weight: 400;
    padding: 10px 0;
}
.diablog-post-comments .c-zag {
    font-weight: 500;
    font-size: 16px;
}
.diablog-post-comments .comment-text {
    color: #444;
    background-color: #fafafa;
    padding: 10px;
    font-size: 18px;
}

.diablog-form .upload img {
    /*max-width: 100%;*/
    max-width: 400px;
}

/* Ничего не найдено в подборке */
.diablog-favorites-nothing-here {
    text-align: center;
    font-size: 18px;
    color: #777;
}

.diablog-favorites-nothing-here h1 {
    margin: 40px 0;
}
.diablog-favorites-nothing-here img {
     margin-bottom: 40px;
 }

.head-min .header-how-help {top: 83px;}

.head-min .header-tabs-row {
    display: none;
}

.head-min .wrap-sidebar {
    top: 106px;
}

.opacity0 {
    opacity: 0;
}

/* Консоль */
body > .wrap-console {
    padding: 0;
    margin: 100px 0 0 0;
    background: #FFFFFF;
}
.wrap-console .wrap-container {
    padding-left: 315px;
    padding-right: 115px;
    padding-top: 20px;
}

.wrap-console .wrap-container > h1 {
    text-align: left;
    color: #2691b8;
    padding-left: 125px;
}

.wrap-console .wrap-container > h1 a {
    color: #2691b8;
}
.wrap-console .wrap-container > h1 i {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    text-align: center;
    vertical-align: bottom;
}
.wrap-console .wrap-container > h1 a i {
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    text-align: center;
    vertical-align: bottom;
}

.wrap-container .container a:not(.btn),
.s-o-c-container a{
    color: #1eb6c1;
    text-decoration: underline;
}

.container.school-view.items-container a,
.container.school-view .title-active a {
    text-decoration: none;
}
.container.school-view.items-container a:hover,
.container.school-view .title-active a:hover {
    text-decoration: underline;
}

.wrap-container .container div.breadcrumbs a,
.wrap-container .container div.nxpr a,
.wrap-container .site-team .container a,
.container.school-view  div.nxpr a {
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.wrap-container .container div.breadcrumbs a:hover,
.wrap-container .container div.nxpr a:hover,
.container.school-view div.nxpr a:hover {
    color: #1eb6c1;
    text-decoration: underline;
}

.wrap-console-sidebar .sidebar-content {
    height: 100%;
    overflow: auto;
}

.wrap-console-sidebar .menu ul {
    list-style: none;
}

.wrap-console-sidebar .menu ul li > span {
    padding: 3px 0;
}
.wrap-console-sidebar .menu span {
    max-width: 282px;
}
.wrap-console-sidebar .menu ul > li > span > a {
    padding-left: 30px;
}
.wrap-console-sidebar .menu ul > li > span.idle {
    padding-left: 30px;
}
.wrap-console-sidebar .menu li.idle > ul >li > span  a {
    padding-left: 50px;
}

.wrap-console-sidebar .menu > ul > li.idle > ul {
    display: none;
}

.wrap-console-sidebar .menu > ul > li.idle.in > ul {
    display: block;
}

.wrap-console-sidebar .menu > ul > li {
    position: relative;
    /*padding: 4px 0;*/
}

.wrap-console-sidebar .menu > ul li > span {
    border-left: 4px solid transparent;
}
.wrap-console-sidebar .menu > ul li.active > span {
    border-left-color: #268DB4;
}

.wrap-console-sidebar .menu ul li > i.console-menu-button {
    position: absolute;
    left: 20px;
    font-size: .7em;
    padding: 7px 0;
    cursor: pointer;
    /*background-color: grey;*/
    /*color: #fff;*/
    /*border-radius: 8px;*/

}

.wrap-console-sidebar .menu > ul > li.in > i.console-menu-button {
    transform: rotate(180deg);
    padding: 8px 0;
}

.wrap-console-sidebar .menu .top-menu-icon  {
    margin-right: 7px;
    width: 18px;
    text-align: center;
}

.wrap-console-sidebar .menu ul li a {
    /*padding: 5px;*/
    display: block;
}
.wrap-console-sidebar .menu ul li span {
    cursor: pointer;
    display: block;
    /*border: solid 1px #fff;*/
}

.wrap-console-sidebar .menu ul li:hover > span:hover {
    background: #d9d9d9;
    border-color: #b0b0b0;
    color: #2691b8;
}

.wrap-console-sidebar .menu ul li > span.idle:hover {
    /*background: none;*/
    /*border-color: #fff;*/
    color: #2691b8;
}

.wrap-console-sidebar .menu ul li.active > span a {
    color: #2691b8;
}

.wrap-console-sidebar .menu ul li a:hover {
    text-decoration: none;
    color: #2691b8;
}

.wrap-console-sidebar .menu ul {
    padding: 0;
    font-size: 16px;
    line-height: 1.3;
    vertical-align: middle;
}
.wrap-console-sidebar .menu > ul > li{
    font-weight: bold;
}
.wrap-console-sidebar .menu > ul > li > ul{
    font-weight: normal;
}

.wrap-console-sidebar .sidebar .therms {
    padding-top: 70px;
}

.wrap-console .wrap-console-container div.summary,
.wrap-console .wrap-console-container .btn {
    margin-bottom: 10px;
}

.wrap-console .wrap-console-container .btn.bootstrap-touchspin-up {
    margin-bottom: 0;
}

.wrap-console-container > h1 {
    text-align: center;
    font-size: 16px;
    padding-top: 15px;
}

.wrap-console .console-main p {
    font-size: 18px;
}

.wrap-console .console-main .sections {
    padding: 20px 0;
}
.wrap-console .console-main .sections h2 {
    color: #1eb6c1;
}

.wrap-console .console-main .description {
    padding-top: 50px;
}

.wrap-console .console-main p+p {
    margin-top: 25px;
}

/* Поделиться в карточках */
.tail-share {
    position: absolute;
    top: 20px;
    right: 14px;
    cursor: pointer;
    padding: 5px;
    z-index: 1;
}

.tail-share:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/*.share-menu-wrap {*/
    /*/!*position: relative;*!/*/
    /*display: none;*/
    /*height: 100vh;*/
/*}*/

/*.share-menu-overlay {*/
    /*position: fixed;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*z-index: 100;*/
    /*background: rgba(0,0,0,.5);*/
    /*overflow: hidden;*/
/*}*/

.share-menu {
    display: none;
    position: relative;
    /*position: absolute;*/
    /*top: 50%;*/
    left: 50%;
    /*right: 0;*/
    /*z-index: 101;*/
    background-color: #fff;
    width: 300px;

    list-style: none;
    padding: 30px 40px;
    margin-left: -150px;
}

.mfp-content .share-menu {
    display: block;
}

.share-menu li {
    cursor: pointer;
    padding: 20px 5px;
    font-size: 21px;
    position: relative;
    line-height: 35px;
    text-align: center;
}

.share-menu li:hover {
    background-color: rgba(0, 0, 0, .1);
}

/*.share-menu li i {*/
    /*position: absolute;*/
    /*font-size: 35px;*/
/*}*/
.share-menu li span {
    padding-left: 10px;
}

img.share-button {
    width: 35px;
    height: auto;
}

.share-menu img {
    position: absolute;
    left: 0;
}

.share-menu-fav img, .share-menu-fav-remove img {
    top:40px;
    left: 3px;
}


.share-menu .share-menu-fav-remove {
    display: none;
}

.is-fav-model .share-menu-fav-remove {
    display: list-item;
}
.is-fav-model .share-menu-fav {
    display: none;
}

/* Заголовок для адаптивности*/

.header-title {
    float: left;
    font-size: 28px;
    line-height: 41px;
    padding: 6px 0 0 15px;
    display: none;
}

div.header-menu-button {
    display: none;
}

.sidebar-logo {
    display: none;
    float: none;
}

.logo-link {
    width: 148px;
    height: 57px;
    display: block;
    background-size: contain;
    background: url("../img/logo2.png") no-repeat;
    margin-left: 16px;
    margin-top: 0;
}

/* Форма поиска в мобильном меню */
.sidebar-search-form {
    padding: 5px 23px 0;
    position: relative;
}

.sidebar-search-form input {
    width: 100%;
    height: 41px;
    border-radius: 10px;
    border: 2px solid #418ea4;
    color: #418ea4;
    font-size: 16px;
    padding: 0 0 0 10px;
    font-weight: lighter;
    font-style: italic;
}

.sidebar-search-form .header-search-button {
    background: url(../img/search_icon_a.gif) no-repeat;
    width: 31px;
    border: none;
    height: 31px;
    background-size: cover;
    position: absolute;
    top: 10px;
    right: 30px;
}
.header-search-button {
    display: block;
}

.site-search-overlay {
    height: 100vh;
}

.site-search-overlay .therms {
    position: absolute;
    bottom: 10px;
    width: 100vw;
    padding: 0 10vw;
    text-align: left;
    color: #cfcfcf;
}

.site-search-overlay .therms a {
    color: #cfcfcf;
}

.modal-backdrop {
    z-index: 10;
}

/*.mobile-menu .header-user-menu {*/
    /*float: none;*/
    /*margin: 0;*/
    /*display: none;*/
/*}*/

/*.mobile-menu .user-panel {*/
    /*background-color: #268DB4;*/
    /*padding: 10px 10px 10px 75px;*/
    /*color: #fff;*/
    /*overflow: scroll;*/
/*}*/

/*.mobile-menu .user-panel .user-image {*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*left: 10px;*/
/*}*/

/*.mobile-menu .user-label {*/
    /*position: relative;*/
    /*/!*float: left;*!/*/
    /*padding-right: 20px;*/
    /*height: 55px;*/
    /*display: table-cell;*/
    /*vertical-align: middle;*/
/*}*/

/*.mobile-menu .user-label span {*/
/*}*/

/*.mobile-user-chevron {*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 50%;*/
    /*margin-top: -9px;*/
/*}*/

/*.mobile-user-chevron.active {*/
    /*transform: rotate(180deg);*/
/*}*/

.sidebar .header-user-menu {
    display: none;
}

.sidebar .main-menu li {
    line-height: 18px;
}

.mobile-header-search {
    background: url(../img/search_icon_a.gif) no-repeat;
    width: 31px;
    border: none;
    height: 31px;
    background-size: cover;
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 10px;*/
    display: none;
    float: right;
    margin: 10px 40px 6px 0;
    cursor: pointer;
}

/* SLIDEOUT */
body {
    width: 100%;
    height: 100%;
}

.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    background-color: #e0e0e0;
}

.slideout-panel {
    position:relative;
    z-index: 1;
    will-change: transform;
}



.answer-container {
    background: #fff;
}

.profile-form .panel-default > .panel-heading {
    background-color: #fff;
    border-bottom: none;
}

.knowledge-menu > ul > li {
    border-radius: 27px;
}

.knowledge-menu > ul > li.active {
    /*background: transparent;*/
}

.field-paymentrequest-sum .fa-rub {
    font-size: 12px;
}

.help-road:before, .help-road:after {
    z-index: 0;
}

.hr-event.current {
    z-index: 1;
}

.header-tabs.he-tabs {
    margin-bottom: 40px;
    width: 100%;
    margin-left: 83px;
}

#hhf-act-form input {
    width: 267px;
}

#howhelpform-email {
    margin-right: 0 !important;
}

.header-tabs.he-tabs a.header-tab {
    padding: 18px;
    border-width: 0;
    border-bottom: 4px solid #268DB4;
    text-decoration: none;
}

.header-tabs.he-tabs a.header-tab:first-child {
    border-right: 4px solid #268DB4;
}
.header-tabs.he-tabs a.header-tab.active {
    border-top: 4px solid #268DB4;
    border-bottom: none;
}
.header-tabs.he-tabs a.header-tab:first-child {
    border-right: 4px solid #268DB4;
}
.header-tabs.he-tabs a.header-tab span {
    padding: 0;
    margin: 0;
    border:none;
}

.tags-filter {
    display: none;
}

.console-mobile-warning {
    text-align: center;
}

.console-mobile-warning .back-to-menu-wrap {
    display: none;
}

.console-mobile-warning img {
    width: 150px;
}

.console-mobile-warning .row {
    padding-bottom: 20px;
}

.console-mobile-warning a {
    font-weight: bold;
}

.tags-cancel {
    display: none;
}

.users-export-menu-wrap {
    position: relative;
}

.users-export-menu {
    position: absolute;
    right: 0;
    top: -15px;
}

.sweet-alert {
    border-radius: 0;
    padding: 24px;
}

.sweet-alert h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 24px;
}

.sweet-alert .sa-button-container {
    margin: 0 -24px -24px;
    padding: 8px;
    text-align: right;
}

.sweet-alert .sa-button-container button {
    background-color: transparent;
    color: #03a9f4;
    font-weight: bold;
    border-radius: 0;
    box-shadow: none !important;
    padding: 11px 16px;
    margin: 0 0 0 8px;
}

.sweet-alert .sa-button-container button:hover,
.sweet-alert .sa-button-container button.confirm:hover{
    background-color: rgba(153, 153, 153, 0.2) !important;
}


.sweet-alert .sa-button-container button.cancel {
    color: rgba(0,0,0, 0.87);
}
.sweet-alert .sa-button-container button.confirm {
    color: #03a9f4 !important;
    background-color: transparent !important;
}

div.nothing-here-fav-warning {
    color: #777777;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    max-width: 800px;
}

.nothing-here-fav-warning .row {
    margin: 30px 0 40px;
}

.nothing-here-search-warning {
    color: #777777;
    text-align: center;
    font-size: 24px;
    line-height: 1;
}

.nothing-here-search-warning .row {
    border: none;
    padding-top: 0;
}

.nothing-here-search-warning h1 {
    margin-top: 0;
}

.nothing-here-search-warning img {
    height: auto;
}

/*.nothing-here-fav-warning h1 {*/
    /*margin: 40px 0 60px;*/
/*}*/
.profile-form .upload {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    overflow: hidden;
}

.crop-btn {
    margin-top: 10px;
}
.modal-header .crop-btn {
    margin-top: 0;
}

.btn-crop {
    margin-bottom: 10px;
}

.diapit-overview {
    font-size: 18px;
    padding: 0 30px;
}

.delay-bar {
    text-align: center;
}

.filter a {
    color: #23cb99;
}

span.bold {
    font-weight: bold;
}

.Differences thead th {
    text-align: center;
}

/* Чем помочь проекту. Фиксированная сумма пожертвования. */

.help-sum-wrap {
    background-color: #f9f8f5;
    padding: 7px 10px;
    font-size: 0;
    margin: 0 0 10px;
    /*display: inline-block;*/
}

.help-sum-wrap p {
    font-size: 14px;
}

.help-sum-wrap .enter {
    font-weight: bold;
}

.help-sum-wrap .orange {
    color: #337ab7;
    text-decoration: underline;
}

.help-sum-wrap .small {
    font-size: 12px;
    color: #bcbcbc;
}

.help-sum {
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;

}

.help-sum input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    /*noinspection CssUnknownProperty*/
    appearance:none;
    border: none;
    border-radius: 0;
    color: #bcbcbc;
    width: 0;
    display: none;
}

.hh-form-container .stylized-form .form-group input,
.hh-form-container .stylized-form .form-group textarea {
    width: 100%;
}

label.sum2-label {
    font-size:14px;
    font-weight: bold;
    float: none;
    padding: 10px 12px;
    border: 1px solid #337ab7;
    color: #337ab7;
    cursor: pointer;
    width: auto;
    margin-right: 10px;
    margin-bottom: 0;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    transition: .5s;
    min-width: 92px;
}

label.sum2-label:last-child {
    margin-right: 0;
}

.help-sum input:checked + .sum2-label{
    background-color: #337ab7;
    color: white;
}

.hh-form-container .form-group {
    text-align: center;
}

input[name="PaymentRequest[sum]"] {
    margin-left: -12px;
}

/* Живой поиск в шапке */

div.tt-menu {
    overflow-x: hidden;
    overflow-y: hidden;
}

div.tt-scrollable-menu {
    margin-bottom: 10px;
}

/* Жизнелюбие */
.optimism-intro {
    position: relative;
    min-height:202px;
    padding: 0 12px 12px;
}

.optimism-overview {
    padding-right: 400px;
    text-align: justify;
}


.optimism-view.container {
    max-width: 560px;
}
.optimism-view .row {
    margin-left: 0;
    margin-right: 0;
}

.optimism-title {
    margin: 20px 0 0 0;
}

.optimism-title h1 {
    padding: 0;
}

.optimism-content {
    margin-bottom: 20px;
}

.optimism-image img {
    width: 100%;
    height: auto;
}

.optimism-images img {
    display: block;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
}

.optimism-single-image img {
    margin-top: 10px;
    padding-bottom: 5px;
}

.optimism-author {
    padding-top: 10px;
    text-align: center;
    position: absolute;
    top:0;
    right: 100px;
}

.optimism-author img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.optimism-author a {
    text-decoration: none;
}

.optimism-author a div {
    max-width: 300px;
}

.optimism-author a:hover img {
    box-shadow: 0 4px 4px -1px rgba(0,0,0,.3);
}

.optimism-form #optimismImages-fileupload table[role="presentation"] tbody.files tr:hover td a img {
    /*-webkit-animation: 1s tremor ease-out infinite;*/
    animation: 1s tremor ease-out infinite;
}

.site-team.site-team-item .container a {
    color: #1eb6c1;
    text-decoration: none;
 }

@keyframes tremor {
    0%, 20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%, 40% {
         -webkit-transform: translateY(-1%);
         transform: translateY(-1%);
     }
    40%, 60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60%, 100% {
        -webkit-transform: translateY(1%);
        transform: translateY(1%);
    }
    100%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.knowledge-view .video-cont {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.knowledge-view .video-cont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.knowledge-filter-container {
    /*overflow: hidden;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.knowledge-filter-container.in {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.knowledge-filter-header {
    border-bottom: 1px solid #CFD8DC;
    font-weight: 500;
    margin-bottom: 16px;
    padding-bottom: 8px;
}

.knowledge-filter-submit {
    margin-left: 5px;
}

.knowledge-filter {
    /*top: -850px;*/
    /*left: -50%;*/
    overflow: scroll;
    position: relative;
    /*transition: top 1s;*/
    background-color: #f5f5f5;
    box-shadow: 0 5px 2px -3px rgba(0,0,0,0.2);
    padding: 20px;
    width: 1200px;
    z-index: 8;
    cursor: default;
    max-height: 90vh;
}
.knowledge-filter-container.in .knowledge-filter {
    top: 0;
    /*transition: top 2s;*/
}

.knowledge-filter .post-types label,
.knowledge-filter .post-top-category label {
    font-weight: 300;
    font-size: 13px;
}

.knowledge-filter .post-top-category label.knowledge-filter-top-category-label,
.knowledge-filter label[for="PostSearch2-type-all"] {
    color: #268db4;
    font-weight: 500;
}

.knowledge-filter-input-container {
    padding: 4px 0;
    clear: both;
}
.knowledge-filter-input-container .cbx-krajee-flatblue .cbx {
    float: left;
}
.knowledge-filter-input-container label {
    display: inline;
}
.knowledge-filter-buttons {
    padding-top: 15px;
}
.post-top-category-collapse {
    display: none;
    transition: transform .3s;
    padding: 6px 0;
}
.post-top-category.in .post-top-category-collapse {
    transform: rotate(180deg);
}

.school-view .knowledge-social {
    margin: 0 -15px;
}

.social-hint {
    line-height: 55px;
    margin-right: 20px;
    font-size: 1.2em;
}

.ask-expert {
    /*position: absolute;*/
    width: 240px;
    bottom: 40px;
    /*left: 50%;*/
    /*margin-left: -120px;*/
}

.ask-expert a {
    text-decoration: none !important;
    color: #333333 !important;
}

.ask-expert a:hover {
    color: rgba(51, 51, 51, 0.8) !important;
}

.ask-expert-header {
    text-wrap: normal;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 5px;
}

.ask-expert-button {
    color: #ffffff;
    overflow: hidden;
    font-size: 14px;
}

.ask-expert-button-label {
    background-color: #63a6d0;
    width: 67%;
    display: inline-block;
    padding: 5px 15px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    white-space: nowrap;
}

.ask-expert-button-price {
    background-color: #268DB4;
    width: 33%;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.ask-expert a:hover .ask-expert-button-label {
    background-color: rgba(99, 166, 208, 0.70);
}
.ask-expert a:hover .ask-expert-button-price {
    background-color: rgba(38, 141, 180, 0.70);
}

.vote-item-control.pull-right.middle {
    margin-right: 111px;
}


/*.knowledge-filter-trigger:hover {*/
    /*background-color: rgba(0,0,0,0.2);*/
    /*border-radius: 21px;*/
    /*box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);*/
/*}*/

.pagination > li.first > a,
.pagination > li.first > span,
.pagination > li.prev > a,
.pagination > li.prev > span,
.pagination > li.next > a,
.pagination > li.next > span,
.pagination > li.last > a,
.pagination > li.last > span {
    font-size: 20px;
    padding-top: 6px;
    padding-right: 6px;
}

/* SEO модуль */

.seo-analytics .box-header .box-title {
    display: block;
    margin: -20px 30px 0;
}

.wrap-console .fa {
    font-size: inherit;
}

/* Загрузка изображений */
.image-upload {

}

.image-upload img {
    width: 100%;
    margin-bottom: 10px;
}

/* Информация о разделе */
.section-info {
    padding: 0 12px 12px;
}

.section-info-content .info-more {
    display: none;
    position: absolute;
    bottom: -4px;
    right: 0;
    cursor: pointer;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, .9);
    color: #38a0ca;
    width: 100%;
    text-align: right;
}

/* Новый раздел Школа */
/* 9.2.7. School page */
.school .column {
    border: 1px solid #337ab7;
    border-left: none;
    position: relative;
    margin-bottom: 40px;
    margin-right: 10px;
    margin-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.school .column .title {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 10px;
    position: absolute;
    top: -21px;
    left: 0;
    background: white;
    font-size: 16px;
}
.school .column.sitemap-columns-2 > ul:last-child {
    border: none;
}
.school .column ul {
    font-size: 1em;
    padding-left: 18px;
}
.school .column li {
    line-height: 1.7em;
}
.school .column > ul {
    margin: 20px 0 10px;
    color: #337ab7;
    list-style-type: none;
    padding-left: 0;
    font-size: 15px;
}
.school .column > ul > li {
    /*padding-left: 15px;*/
}
.school .column > ul.circle > li {
    padding-left: 0;
}
.school .column li.parent > a, .school .column li.parent > span {
    font-weight: bold;
    font-size: 0.9167em;
    text-transform: uppercase;
}
.school .column img {
    max-width: 80%;
}
.school .column .desc {
    margin-top: 30px;
    padding-bottom: 15px;
    /*padding-left: 20px;*/
}

.school .section-info {
    padding-bottom: 30px;
}

.file-preview-image {
    max-width: 180px;
}

.attachments-view a {
    text-decoration: none !important;
}

#links-inputs{
    margin-bottom: 10px;
}

.wall-item .text a:hover, .wall-item .text a:focus {
    color: #333;
    text-decoration: none;
}

.well {
    background-color: transparent;;
    border: 1px solid #e3e3e3;
    box-shadow: none;
}

.btn-fixed {
    position: fixed;
    right: 95px;
    bottom: 40px;
}

.btn-fab {
    display: inline-block;
    color: #fff;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    width: 45px;
    height: 45px;
    line-height: 50px;
    padding: 0;
    background-color: #ff5722;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

a.btn-fab:hover, a.btn-fab:focus {
    color: #ccc;
    text-decoration: underline;
}

.modal-header h4{
    margin: 0;
}
#schoo2-form .fileinput-button{
    padding: 0;
    font-size: inherit;
    display: initial;
}
#schoo2-form .fileinput-button:hover{
    color: #1eb6c1
}
#schoo2-form .fileinput-button.active, #schoo2-form .fileinput-button:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: inset none;
}

.mdi-2x {
    font-size: 1.8em;
    overflow: hidden;
}

.form-control-tiny {
    display: inline;
}

.form-control-tiny .form-control, .form-control-tiny .form-control:focus {
    display: inline;
    border: none;
    box-shadow: none;
    color: #268DB4;
    width: initial;
}
.form-control-tiny select {
    height: 30px;
    min-width: 200px;
    padding-left: 0;
    padding-right: 0;
}
.form-control-tiny .help-block {
    display: inline;
}

#school2-image-upload {
    width: 30px;
    height: 18px;
    overflow: hidden;
}

.school2-menu {
    position: fixed;
    top: 167px;
    right: 50px;
    z-index: 1;
    box-shadow: 0 0 8px -1px rgba(0,0,0,.3);
    background: #FFFFFF;
    padding: 15px;
    min-width: 200px;
}

.school2-menu > span {
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}

.shool2-menu-container {
    padding: 0 10px;
    border-left: 3px solid #23cb99;
}

.school2-menu-item.active {
    font-weight: bold;
}

/*.school2-tails {*/
    /*margin-right: 210px;*/
/*}*/

.mdash {
    margin-left: 5px;
}

.pinned {
    margin-bottom: 20px;
    /*z-index: 0 !important;*/
}

.cycle-slide {
    z-index: 0 !important;
}

.cycle-pager {
    font-size: 45px;
    /*margin: 15px 0;*/
    padding-right: 4.45%;
    z-index: 10;
}

.cycle-pager-school2 {
    font-size: 45px;
    /*margin: 15px 0;*/
    padding-right: 4.45%;
    position: relative;
    z-index: 10;
    height: 0;
    bottom: 25px;
}

.cycle-pager span{
    cursor: pointer;
}
.cycle-pager-active {
    color: #26a69a;
}

.page-social {
    position: relative;
}

.material-filter-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 0 10px;
}

.material-filter-container.in {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.material-filter {
    overflow: scroll;
    position: relative;
    background-color: #f5f5f5;
    box-shadow: 0 5px 2px -3px rgba(0,0,0,0.2);
    padding: 20px;
    width: 1200px;
    z-index: 8;
    cursor: default;
    max-height: 90vh;
    top: 0;
}

.material-filter-header {
    border-bottom: 1px solid #CFD8DC;
    font-weight: 500;
    margin-bottom: 16px;
    padding-bottom: 8px;
}

.material-filter-input-container {
    /*display: inline-block;*/
}
.material-filter-input-container label {
    font-weight: normal;
}

.school2-category-filter {
    max-width: 300px;
    min-height: 283px;
    overflow: hidden;
}

.material-filter-trigger {
    z-index: 10;
}

.school2-tails .material-filter-trigger.btn-fab {
    display: none;
}

.calc-container {
    position: relative;
}

.print-only {
    display: none;
}

.btn.print-btn:focus {
    outline: 0;
}

.wall-form {
    position: relative;
}

.wall-public-delete-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.image-upload {
    position: relative;
}

.image-upload .image-remove {
    position: absolute;
    right: -20px;
    cursor: pointer;
    display: none;
}

.image-upload.in .image-remove {
    display: inline;
}

.select2 {
    text-align: left;
}

.he-chart-table {
    margin-top: 20px;
}

.he-chart-table,
.he-chart-edit-table {
    width: 100%;
}
.he-chart table td input {
    border: none;
}
.he-chart-table th,
.he-chart-table td:not(:first-child),
.he-chart-table tfoot td,
.he-chart-edit-table th {
    text-align: center;
}

.he-chart-table th,
.he-chart-table td,
.he-chart-edit-table th,
.he-chart-edit-table td {
    border: 1px solid black;
}

.he-chart-hidden-row {
    display: none;
}

.he-chart-edit-table tbody tr td:last-child {
    border: none;
    min-width: 62px;
    padding-left: 5px;
    display: none;
}

.he-chart-edit-table tbody tr:hover td:last-child {
    display: table-cell;
}

.he-chart-buttons {
    text-wrap: avoid;
    line-break: strict;
    overflow-wrap: break-word;
    width: 30px;
}

.he-chart-buttons i {
    padding: 7px;
    cursor: pointer;
}

.he-chart-buttons i.he-chart-remove {
    color: #d9534f;
}

.he-chart-buttons i.he-chart-remove:hover {
    color: #c9302c;
    background-color: rgba(201, 48, 44, 0.2);
    border-radius: 4px;
}

.he-chart-buttons i.he-chart-add {
    color: #5cb85c;
}

.he-chart-buttons i.he-chart-add:hover {
    color: #449d44;
    background-color: rgba(68, 157, 68, 0.2);
    border-radius: 4px;
}

.he-chart-edit-table tbody tr:first-child:last-child i.he-chart-remove {
    display: none;
}

.he-chart-edit-table tbody tr td:not(:first-child) input,
.he-chart-edit-table tfoot tr td:not(:first-child) input,
.he-chart-edit-table tfoot tr td:not(:first-child) {
    text-align: center;
}

.diapit-he-table-comments {
    color: #888888;
    font-size: 0.8em;
    line-height: 1.6;
}

.diapit-he-table-comments p {
    text-align: left;
}

.diapit-table-wrapper {
    margin: 0 auto;
    padding: 40px 15px 5px;
}

.diapit-table {
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: table;
}

.diapit-table-row {
    display: table-row;
    background: #f6f6f6;
}

.diapit-table-row:nth-of-type(odd) {
    background: #e9e9e9;
}

.diapit-table-row.diapit-table-header {
    font-weight: 900;
    color: #ffffff;
    background: #337ab7;
}

.diapit-table-row-total {
    font-weight: 500;
}

.diapit-table-cell {
    padding: 6px 6px;
    display: table-cell;
    text-align: center;
    line-height: 1.1;
    vertical-align: middle;
    white-space: nowrap;
}

.diapit-table-cell.text-left {
    text-align: left;
}

.header-tab-menu {
    display: none;
}

.header-tab-menu li {
    padding: 5px 10px;
    text-align: left;
}

.header-tab:hover .header-tab-menu {
    display: block;
    position: absolute;
    top: 40px;
    background-color: #fff;
    box-shadow: 0 0 8px #eee;
    list-style-type: none;
    padding: 10px;
}

div.form-control.kv-drp-dropdown {
    height: 72px;
    position: relative;
    padding: 6px 8px;
    font-size: 12px;
}

div.form-control.kv-drp-dropdown > span.pull-right:not(.range-value) {
    top: 15px;
    position: absolute;
    right: 7px;
}