/*
Theme Name: Balakirevstrap
Theme URI: http://OK-COMPUTER.click
Author: We Are Space
Author URI: http://OK-COMPUTER.click
Version: 10.02-beta
Description: Bootstrap theme special for Balakirevsmol.ru.
Text Domain: balakirevstrap
Licence: none
All rights reserved; you not need this code, it's bad.
Balakirevstrap WordPress Theme, Copyright 2016-2017 "OK COMPUTER"
*/


@font-face {
    font-family: 'Carlito';
    src: local('Carlito'), url('fonts/Carlito.woff2') format('woff2'), url('fonts/Carlito.woff') format('woff'), url('fonts/Carlito.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Carlito';
    src: local('Carlito Italic'), local('Carlito-Italic'), url('fonts/Carlitoitalic.woff2') format('woff2'), url('fonts/Carlitoitalic.woff') format('woff'), url('fonts/Carlitoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Carlito';
    src: local('Carlito Bold'), local('Carlito-Bold'), url('fonts/Carlitobold.woff2') format('woff2'), url('fonts/Carlitobold.woff') format('woff'), url('fonts/Carlitobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Carlito';
    src: local('Carlito Bold Italic'), local('Carlito-BoldItalic'), url('fonts/Carlitobolditalic.woff2') format('woff2'), url('fonts/Carlitobolditalic.woff') format('woff'), url('fonts/Carlitobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/firasans-200-normal.woff2') format('woff2'), url('fonts/firasans-200-normal.woff') format('woff'), url('fonts/firasans-200-normal.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/firasans-600-normal.woff2') format('woff2'), url('fonts/firasans-600-normal.woff') format('woff'), url('fonts/firasans-600-normal.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Essential Styles ------------------- */

body.logged-in { margin-top: -32px; overflow: visible !important;}
#wpadminbar {top:-26px;opacity:0.3;-webkit-transition:all ease 0.2s;transition:all ease 0.2s;}
#wpadminbar:hover {top:0;-webkit-transition:all ease 0.2s;transition:all ease 0.2s;opacity:1;}
#wpadminbar0 {background:#7d6f5c}


p {margin: 0}
article p {
    margin: 0.5em 0 1em;
}

b, strong {
    font-weight: 700;
}

.sidebar, .sidebar-left, .footer-widget {
    overflow: hidden;
}

.sidebar-widget ul, .footer-widget ul  { 
    list-style:none !important;  padding-left: 0px; 
}

.post  {
    overflow: hidden;
}

.post p img {
    height: 80vh;
    width:auto;
}

embed, iframe, object, video {
    max-width: 100%;
    max-height: 80vh;
    height: 70vh;
}

@media (orientation:portrait) {
    .post p img, embed, iframe, object, video {
    width: 100%;
    height:auto;
    min-height:0;
    max-height: 70vh;
}
}

.main-footer {
    background: #f6f6f6;
    border-top: 1px solid #999;
    margin-top: 20px;
    padding: 10px 0;
}

/* Text for screen readers --------------- */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

body#tinymce.wp-editor { 
  margin: 10px;   
}

html {
margin-top: 0 !important;
}

body {
    top: 60px;
    position: relative;
    font-family: 'Carlito', sans-serif;
    font-weight: 400;
    z-index: 10;
    overflow-x: hidden;
    height: 100%;
}
@media (min-width: 768px) {
    html, body {
    font-size: 17px;
}
    }
@media (max-width: 768px) {
    html, body {
    font-size: 15px;
    }
}
h1 {font-size: 2.25em}
h2 {font-size: 1.875em}
h3 {font-size: 1.5em}
h4 {font-size: 1.125em}
h5 {font-size: 0.875em}
h6 {font-size: 0.75em}

article h2, article h3, article h4 {
    margin-top: 2rem;
}

article h2:first-child, article h3:first-child, article h4:first-child {
    margin-top: 0;
}

h2 strong {
    font-weight: normal;
}

h1,h2,h3,.page-title, #calendar_wrap caption {font-family: 'Fira Sans', sans-serif;}

h1,
h2,
h4.sidebar-title {
    font-weight: 200;
    text-transform: uppercase;
    margin: 0px 0px 25px;
    word-wrap: break-word;}

h3,
h4,
h5,
h6 {
    font-weight: 700;
    text-transform: uppercase;
}
h1.depts {
    padding-bottom: 15px;
    border-bottom: 1px #ddd solid;
    font-weight: 200;
}
h3.depts {
    margin: 40px 0 10px;
}
.well h3 {
    margin: 0px 0 10px;
}

.teacher {margin-bottom: 100px;margin-bottom: 15vh;}

.up-to {
    padding:1em 1em 0.6em;
    background: #F4EDDE;
}
h3 {margin-bottom:0.25em;}
h3,
h4 {
    margin-top: 0px;
}
.up {
    text-align: center;
    padding-top: 10px;
}

br {
    font-family: Arial, sans-serif;
    display: block;
}

a:link,
a:visited,
footer p a:link,
footer p a:visited,
.navbar-logo a:link,
.navbar-logo a:visited,
.sidebar-widget ul > li {
    color: #333;
    text-decoration: none;
    -webkit-transition: background-color ease .2s;
    transition: background-color ease .2s;
}


a:hover,
a:active,
a:focus,
footer p a:hover,
footer p a:active,
footer p a:focus {
    color: #8F1E1E;
    text-decoration: none;
}

.textdoc {
    text-decoration:none!important;
    display:inline-block;
    width:7em;
    padding:0.5em;
    border:1px solid transparent;
    border-radius: 4px;
    background:#F4EDDE;
    text-align:center;
    margin:0.5em 0.5em 2em;
}
.textdoc:first-child{margin-left:0;}

.textdoc:before {
    content: ' ' ;
    font-family: 'Glyphicons Halflings';
    font-size: 3em;
    color:#fff;
    display:block;
}

.wp-block-file a,
p a:link,
p a:hover,
p a:active,
p a:focus,
p a:visited  {
    color: #8F1E1E;
    text-decoration: underline;
}

.navbar-logo a:hover,
.navbar-logo a:active {
    color: #8F1E1E;
}


/* НАВИГАЦИЯ 
-------------------------------------------------- */

.navbar {
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    min-height: 60px;
}
.menubar {
    padding: 0 0 0 7%;
}
.navbar-fixed-top {
    border: none;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #111;
}
.navbar-nav > li > a {
    text-transform: uppercase;
}
.navbar-default .navbar-brand {
    color: #333;
}
.navbar-logo {
    /* padding: 5px 0px; */
    font-size: 1.2rem;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
    display: inline-block;
    float: left;
    min-width: 270px;
}
.navbar-logo img {
    padding: 4px;
    height: 60px;
}
.navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-toggle {
    background: rgba(255,255,255,0.75);
    }
.navbar-nav > li > a {
    font-size: 1rem;
    font-weight: 400;
}
li > a {
    font-weight: 400;
}
@media (min-width: 992px) {

    .nav-main > a {
        font-size: 1.2rem;
    }
    .dropdown-menu > li > a {
        font-size: 0.95rem;
        font-weight: 200;
    }
    .navbar-logo {
        text-align: center;
    }
}
@media (max-width: 992px) and (min-width: 767px) {

    .nav-main a {
        font-size: 0.9rem;
    }
    .navbar-logo {
        text-align: left;
    }
    .menubar {
        width:100%;
    }
    .nav > li > a, ul > li > a, #wp-calendar td, #wp-calendar th {
        font-size: 0.9rem;
    }
    #wp-calendar caption {
        fint-size:1 rem;
    }
}
@media (max-width: 767px) {
    .dropdown-menu {
        background: #fff !important;
    }
    .navbar-toggle {
        padding: 14px 15px;
    }
    .navbar-wrapper {
        margin-top: 20px;
    }
    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar-wrapper .navbar {
        border-radius: 4px;
    }
    .navbar-logo img {
        position: absolute;
    }
    .dropdown-menu > li > a {
        white-space: normal;
    }
    .nav > li > a, ul > li > a, #wp-calendar td, #wp-calendar th {
        font-size: 0.9rem;
    }
    #wp-calendar caption {
        fint-size:1 rem;
    }
}
/* КАРУСЕЛЬ 
-------------------------------------------------- */
.carousel-inner {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA5IjSqisyIA0EgBBS81/ewAAAAASUVORK5CYII=) repeat;
}

.carousel-inner, .item {
    min-height: 80vh !important;
    min-height: 500px;
    width: 100%;
}
@media (orientation:portrait) {
    .carousel-inner, .item {
    min-height: 0;
}
}
.item {
    background-position: center center !important;
    background-repeat:no-repeat !important;
    background-size: contain !important;
}

.carousel-inner > .item {
    min-height: 80vh !important;
    min-height: 500px;
    width: 100%;
    min-width: 100px;
    display: block !important;
    opacity: 0;
    left: 0 !important;
    position: absolute;
    -webkit-transition-duration: 0.4s!important;
            transition-duration: 0.4s!important;
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
}
@media (orientation:portrait) {
    .carousel-inner > .item {
    min-height: 0;
}
}
.carousel-inner > .active {
    opacity: 1;
    -webkit-transition-duration: 0.4s!important;
            transition-duration: 0.4s!important;
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
    transform:none!important;
    -webkit-transform:none!important;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel {
    margin:20px 0;
}

.carousel-caption-alternate {
    position: absolute;
    text-align: left;
    bottom: 0px;
    left: 0px;
    width:100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.carousel-caption-alternate p, .carousel-caption-alternate a {
    margin: 0;
    padding: 15px 20% 15px 20px;
    font-size: 0.9rem;
    font-weight: 700;
    color:white;
    text-shadow: 1px 1px 2px black, -1px -1px 2px black;
}
.carousel-caption-alternate a {
    text-decoration: underline;
}
.carousel-caption-alternate a:after {
    content: ' ';
    font-family: 'Glyphicons Halflings';
    font-size: 0.9rem;
}
.carousel-indicators {
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
    width: 100%;
    padding: 12px 20px;
    margin: 0;
    width: auto;
    z-index: 100;
}
.carousel-indicators li {border-color:#9F9F9F;}
.carousel-indicators .active {background-color:#DDDDDD;}
.carousel-caption {
    z-index: 10;
    padding: 30px;
    margin: 0;
    bottom: 10%;
}
.carousel-caption .span-h1 {
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 2.8rem;
    color: #333;
    text-shadow: none;
    bottom: 0;
    line-height: 1.56;
    padding: 3px 30px;
    background: rgba(255, 255, 255, 0.95);
}
.carousel-caption .span-p {
    margin-bottom: 20px;
    font-size: 1.3rem;
    padding: 3px 30px;
    color: #333;
    line-height: 1.62;
    text-shadow: none;
    background: rgba(255, 255, 255, 0.95);
}

.carousel-control .glyphicon {
    background:rgba(255,255,255,0.2);
    padding:0.5em;
    color:#777;
}

.carousel-control {
    width: 20%;
    opacity:1;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 0;
    margin:0;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left {
    left: 0;
    margin:0;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {width:auto;height:auto;}

.slide-bg {
    background-position: center 40%;
    background-size: cover;
}
/* WELLS и ПЕДАГОГИ
-------------------------------------------------- */

.well {
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.well h3 {
    font-weight:bold;
    text-transform: none;
}
.well h4 {
    text-transform: none;
    font-size: 1.3rem;
    margin: 15px 0px 5px;
}
.well h5,
.well h6 {
    margin: 15px 0px 5px;
}
.info h4 {
    margin: 1.5rem 0 0.2rem;
}
.info .glyphicon {
    font-size: 0.9rem;
}
/*
.info p {
  padding-left: 24px;
}
*/

.entry-content > .attachment-post-thumbnail {
    max-height: 400px;
    width:auto;
    padding-bottom:20px;
}

/* INFO 
-------------------------------------------------- */

iframe {
    width: 100%;
    border: 0;
}
#map-main,
#map-15,
#map-40,
#map-3 {
    height: 500px;
    height: 80vh !important;
}
#shadow {
    background: url('/wp-content/uploads/images/shadow.png') 0 0 no-repeat;
    background-size: cover;
    height: 10px;
    width: 100%;
    position: absolute;
}
/* НИЗ
-------------------------------------------------- */

footer {
    padding: 3.5% 7%;
    background: #F4EDDE;
    color: #111;
}

.modal-body p {
    margin-bottom:30px;
}

footer h5 {
    line-height: 1.2;
}
footer p,
footer h5 {
    font-size: 0.9rem;
}
footer h6 {
        font-size: 0.9rem;
        text-align: left;
}
footer p,
footer a:link {
    font-weight: 200;
    text-decoration: none;
}
footer a:link {

} 
.footer-logo {
    max-height: 100px;
}
.footer-img {
    background: transparent url("/wp-content/uploads/images/navbar-logo.svg") no-repeat scroll;
    background-size: contain;
    min-height: 60px;
    margin-bottom: 20px;
}

.input-group-addon {
    background: white !important;
}
.input-group {
    margin: 0 30px 20px 0; 
}
.input-group .form-control{
    border-right:0; 
    -webkit-box-shadow:0 0 0; 
            box-shadow:0 0 0; 
    border-color:#ccc;
    height:36px;
}
.input-group button{
    border:0;
    background:transparent;
}


/* СТРАНИЦЫ 
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */
/* ОБЩЕЕ 
-------------------------------------------------- */
#main-content {
    padding: 30px 0 50px 0;
    margin: 0 5%;
    background: white;
}
.section-page {position:relative}
#⇧ {position:absolute;bottom:59px;left:0;height:1px;width:100%;}
@media (max-width: 680px) {
    .section-page {
    background: url('/wp-content/uploads/images/violin680.jpg') no-repeat center center;
    }
}
@media (min-width: 680px) and (max-width: 1440px) {
    .section-page {
    background: url('/wp-content/uploads/images/violin1440.jpg') no-repeat center center;
    }
}
@media (min-width: 1440px) {
    .section-page {
    background: url('/wp-content/uploads/images/violin.jpg') no-repeat center center;
    }
}

.img-single {
    height:auto;
    width:auto;
    float:right;
    position:relative;
    margin: 0px 0px 12px 12px;
}

.gallery img {
    border: 1px solid grey;
    margin-top: 10px;
}

@media (min-width: 768px) {

.gallery img {
    border: 1px solid grey;
}

.section-page {
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
}
}
@media (max-width: 768px) {

.gallery img {
    border: 1px solid grey;
    margin-top: 10px;
}

.section-page {
    height: 270px;
    background-attachment: scroll;
    background-size: 768px;
}
}
/* ЗАГОЛОВОК 
-------------------------------------------------- */

.page-header {
    margin: 0 0 0 5%;
    padding-bottom: 0;
    border-bottom: none;
    padding-top: 12px;
}
.page-title {
    color: #333;
    background-color: rgba(255, 255, 255, 0.95);
    text-transform: uppercase;
    white-space: pre-wrap;
    background-clip: padding-box;
}

@media (min-width: 768px) {
    .page-header {
    border-left: solid 40px rgba(255, 255, 255, 0.95);
    }
    .page-title {
        font-size: 3.25rem;
        font-weight: 200;
        padding: 40px 0px 0.15em;
        line-height: 1.85em;
        border-right: solid 40px rgba(255, 255, 255, 0.95);
    }
}
@media (max-width: 768px) {
    .page-header {
    border-left: solid 15px rgba(255, 255, 255, 0.95);
    }
    .page-title {
        font-size: 2.5rem;
        font-weight: 200;
        padding: 20px 0px 0.125em;
        line-height: 1.8em;
        border-right: solid 15px rgba(255, 255, 255, 0.95);
    }
    .section-page > .container {
        padding-right: 0;
    }
    .navbar-toggle {
        padding:14px 10px;
        margin-right: 10px;
    }
}
/* АФФИКС 
-------------------------------------------------- */

.widget {
    padding:0;
}

.sticky {position:sticky;position: -webkit-sticky;top:80px;}
@media (max-width:992px) {#sidebar {margin:0;} .sticky {position:static;margin-bottom:50px;}}
.sidebar-ext {
    margin-left: -10px;
    color: #333;
}  

.affix, #sidebar2 {width: 20%;width:20vw;}
.affix-top, .affix-bottom {width:95%;width:20vw;}

@media (min-width: 768px) and (max-width: 1200px) {

    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width:400px) {
    .widget_calendar, .widget_nav_menu {
        width: 100% !important;
    }
}
@media (max-width: 992px) {
    .affix,
    #sidebar2,
    .affix-top,
    .affix-bottom {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .affix-top,
    .affix {
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #EEE;
        position: static;
    }
    .widget_archive {
        display:none;
    }
}
@media (min-width: 992px) {
    .affix {
        top: 90px;
    }
}
li a:hover,
.more-link,
.up li.active,
ul > li > a:hover,
#prev > a:hover,
#prev > a:focus,
#next > a:hover,
#next > a:focus,
.post-nav-prev:hover,
.post-nav-prev:focus,
.post-nav-next:hover,
.post-nav-next:focus,
.nav > li > a:focus,
.nav > li > a:active,
.nav > li > a:hover,
#sidebar li.active,
#sidebar > li > a:hover,
#sidebar > li > a:focus,
.list-navigation a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.current_page_item,
.current_page_ancestor {
    background: #F4EDDE;
    color: #56382A;
    border: none;
}

.navbar-default .navbar-nav > .active > a,  
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.dropdown-menu > .active > a {
    background: transparent;
    color: #56382A;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border:none;
    border-radius: 0px;
}

.fixh h2 {
    margin: 5px 5px 25px;
}
.fixh {
    height: 70px;
}
.well {
    background-color: #F9F5F2;
}

/* УЧИТЕЛЯ 
-------------------------------------------------- */

.portrait {
    width: 100%;
    height: auto;
}

.portrait-big {
    float:left;
    margin: 0 2em 2em 0;
    width: 40%;
    height: auto;
}
@media (max-width:550px) {.portrait-big {float:none;width:100%;margin:0;} .teacher-info > h3 {margin-top:1em;}}

.teacher-content {margin-top:1.2em;}
.teacher-info {display:inline-block;width:100%;border-top:#eee solid 1px;padding-top:1.7em;}
.teacher-content h3 {margin-top:1.2em;}
.teacher-content h3:first-child {margin-top:0;}
.well .more-link {display:none;}
.well .row {position:relative;}
.teacher-more-link {display:block;position:absolute;right:15px;bottom:-0.5em;opacity:0.25;}
.teacher-more-link .glyphicon {color:#DBB395;font-size:4em;}
.teacher-more-link:hover {opacity:1;}

@media (max-width: 370px) {
    .col-xs-4, .col-xs-8 {
        width:100%;
    }
    .col-xs-4 {
        margin-bottom: 20px;
    }
    }
.depts-img {
    height: 300px;
    width: 100%;
}
/* РАЗНОЕ 
-------------------------------------------------- */

.loading {
    -webkit-box-shadow: inset 0 0 1px gray;
            box-shadow: inset 0 0 1px gray;
    background: url('/wp-content/uploads/images/special/loading.gif') center center no-repeat;
    background-size: auto;
    height: auto;
    line-height: 0;
}
.docs:after {
    content: attr(data-after);
    width: 30px;
    height: 30px;
    background: transparent url('/wp-content/uploads/images/special/loading.gif') center 40% no-repeat;
    background-size: 30px;
    color: white;
}


/* WORDPRESS 
-------------------------------------------------- */

.post-date {
    font-size: 0.9rem;
    color: #777;
    padding: 0 15px 10px;
    display: inline-block;
    width: 100%;
    text-align: right;
}

ul > li > a,
.sidebar-widget a {
    color:#333;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
}

.sidebar-title {
    padding-left: 15px;
    font-size: 1.8rem;
    margin: 0 !important;
}

.sidebar-title:after, .post-navigation:before {
    content: '';
    display:inline-block;
    width: 100%;
    height:0;
    border-top: 1px #eee solid;
}

.sidebar-title:after {
    margin: 0 -15px;
}

.sidebar-widget > div {
    padding-bottom:20px;
}

.calendar_wrap {
    padding: 0 15px;
}

.calendar_wrap th, #calendar_wrap tr {
    width: 1.8rem;
}

.calendar_wrap td, .calendar_wrap th {
    padding: 2px;
    text-align: center;
}

.calendar_wrap td > a {
    text-decoration:underline;
    padding: 0;
    font-weight:bold;
}

table caption {
    margin-bottom:6px;
    color: #333;
    font-weight:200;
    font-size:1.2rem;
    text-align: center;
}

tfoot {
    line-height: 260%;
}

tfoot tr td a {
    padding:0 !important;
    border-radius: 0 !important;
    font-weight:200;
    font-size: 0.9rem;
}
.calendar_wrap {
    margin-bottom:30px;
}


select, button, textarea {
    background:transparent;
    border:1px solid #ccc;
    border-radius:5px;
    padding:0.4em;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

button:disabled {background:rgba(155,155,155,0.5);color:#555;}

#searchsubmit {padding:0;}

select {
    margin-bottom:0.5em;}

#archives-dropdown-2, textarea {
    width:95%;
}

#archives-dropdown-2::-ms-expand {
    display: none;
}

.pad {
    padding: 0 !important;
}

.post-info {
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

.post-edit-link {
    padding:0 3px;
    text-transform:none;
}

.post-h2-title {
    margin: 0 0 10px 0;
}

.wp-inner-sidebar {
    margin-bottom: 50px;
}

.preview-image {
    height: 100%;
    width: 33%;
    min-width: 100px;
    min-height: 100px;
}

.more-link {
    margin-top:10px;
}

.post-navigation a:link, .more-link, .list-navigation a:link {
    font-size: 1rem;
    display: inline-block;
    padding: 10px 15px;
    width: auto;
    text-decoration: none !important;
}

.post-nav-prev {
    float:left;
}

.post-nav-next {
    float:right;
}
.sidebar-post-title {
    width: auto;
    margin-right: 50px;
}
.sidebar-post-date {
    position: absolute;
    top:10px;
    right: 15px;
}

/* .tab-content ul {padding:0; list-style-type:none;} */


.portrait-bg {
    background: url('/wp-content/uploads/images/index/teachers_2.svg') 50% 50% no-repeat;
    background-size: 70%;
    min-height: 160px;
}

.menu, .sub-menu {
    list-style: square;
}

.post-categories a,
.post-categories a:hover,
.post-categories a:active,
.post-categories a:focus
 {
    padding: 1px 5px 0;
    margin: 0;
    background: #F4EDDE;
    color: #777;
    font-size: 1rem;
}

.post-categories 
{
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
}


article table, article th, article tr, article td {
    border: 1px solid #555;
    padding:0.5em;
}

td  p {
    margin:0;
}

table {width:100%;}
.shed table td {font-size:1vw;text-align:center; white-space: nowrap;padding:0.45em;}
.mnd {background-color: #ffcfe2}
.tsd {background-color: #ffe8c1;}
.wns {background-color: #fcf8d1;font-size:0.9vw;}
.thd {background-color: #e0ffe0}
.frd {background-color: #dff0ff}
.sat {background-color: #ebe2f8}

.btn {font-size:1rem;color:#333;text-decoration:none!important;text-decoration-style:none;padding:1em;}


/* ACCESSIBILITY TOGGLE */
#menu-accessibility {
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 1000;
    margin: 0;
    -webkit-transition-duration:0s;
            transition-duration:0s;
}
.menu-accessibility-dropdown {
    width: 12rem;
    min-width: 200px;
    text-align: right;
    -webkit-box-shadow: -10px -1px 3px #fff;
            box-shadow: -10px -1px 3px #fff;
}
.menu-accessibility-dropdown.active,
.menu-accessibility > .open > a,
.menu-accessibility > .open > a {
    background: transparent;
}

.menu-accessibility-dropdown a {
    padding: 11px 65px 9px 10px !important;
}
.accessibility-indicator {
    position: absolute;
    top:8px;
    right: 12px;
    font-size: 30px;
    color:#777;
    border:1px solid rgb(221, 221, 221);
    border-radius: 5px;
    padding: 6px;
}
.accessibility-indicator span {
    color: #777;
}
.accessibility-indicator:hover,
.accessibility-indicator:focus,
.accessibility-indicator:active{
    color: #333;
    
}

@media (max-width: 850px) {
    #menu-accessibility {
        visibility: hidden;
        background: #fff;
    }
    #menu-accessibility:hover {
        visibility: visible;
        background: #fff;
    }
    .accessibility-indicator {
        visibility: visible !important;
        right: 8px;
        background: #fff;
    }
    .menu-accessibility .dropdown-menu > li > a {
        font-size: 0.9em;
    }
    .dropdown-menu > li > a {
        padding: 10px !important;
}

@media (max-width: 768px) {
    .menubar {
        padding: 0 0 0 2%;
    }
    #menu-accessibility {
        right: 56px;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .accessibility-indicator {
        background: rgba(255,255,255,0.3);
        right: 4px;
    }
}
}

.glyphicon-yellow {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    color:blue !important;
    background:white;
}
.modal-open {
    padding-right: 0px !important;
    overflow: visible;
}
.modal-dialog {
    margin-top: 59px;
}
@media (min-width:768px) {
.modal-dialog {
    width: 100%;
    width: 100vw;
}
}
.modal-content {
    border-radius:0;
    border:0;
    border-top:1px solid #ddd;
    -webkit-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 6px 5px rgba(0, 0, 0, 0.3);
    background: rgba(255,255,255,0.97);
    }
    
.modal-backdrop.in {
    opacity: 0;
}
.acc-row {
    min-height: 105px;
}
@media (max-width:992px) {
.acc-row {
    min-height: 125px;
}
}
.acc-row h3 {
    line-height:1.2 !important;
    padding: 0 !important;
}

/* VIDEO */

.ytc_video_container {
    width:23%!important;
    display:inline-block!important;
    float:none!important;
    padding:1%;
    vertical-align:top;
}
.ytc_title {
    font-size:0.85rem!important;
    margin: 0.5em 0 0 !important;
    font-family:Carlito;
    line-height:0.9;
    font-weight:normal;
}

@media (max-width:768px) and (min-width:480px) {
    .ytc_video_container {width:49%!important;}
}
@media (max-width:480px) {
    .ytc_video_container {width:98%!important;}
    .ytc_title {font-size:0.8rem!important;}
}

/* ACCESSIBILITY 2 & 3 */

body.accessibility-yellow footer,
body.accessibility-black footer {
    border-top: 1px solid #222;
}

/* ACCESSIBILITY PROPERTIES */

body.accessibility, body.accessibility footer {
    color: #222;
    background: #fff;
}
body.accessibility .col-md-3:not(.acc-row),
body.accessibility .col-md-9 {width:100%;position:relative;top:auto;}
body.accessibility .sticky:before, 
body.accessibility .sticky:after {content:'';display:block;width:25%;border-bottom:1px solid #ccc;margin:2em auto;}
body.accessibility .col-md-3:not(.acc-row) {margin-bottom:3%;}
body.accessibility .col-md-3 .col-md-12:last-child {width:66%;}
body.accessibility .col-md-3 .col-md-12:first-child, body.accessibility .col-md-12 .widget, body.accessibility .col-md-12 .widget:last-child {width:33%;}
body.accessibility .sidebar-widget > div {padding:0;}

body.accessibility .section-page,
body.no-images .section-page  {
    background: none;
    height: auto;
}
body.accessibility .logo-container,
body.no-images  .logo-container {
    width: 85vw;
}

body.accessibility .page-header,
body.no-images .page-header  {
    text-align: center;
    color: #222;
    border-left:none;
    margin:3% 0 0 0;
}

body.accessibility .page-title, 
body.accessibility h1, 
body.accessibility h2, 
body.accessibility h2.sidebar-title a,
body.accessibility h4.sidebar-title{
    font-weight: bold;
    border-right:none;
    background: transparent;
}

body.accessibility a, body.accessibility .nav > li > a, body.accessibility ul > li > a {
    color: #222;
    font-weight: normal;
}
body.accessibility a:hover, body.accessibility a:focus, body.accessibility a:active {
    text-decoration: underline;
}

body.accessibility .navbar {
    border-bottom:1px solid black;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0px;
}


body.accessibility .modal-content {
    border-bottom:1px solid #333;
}

body.accessibility h1.depts {
    border-bottom: none;
}

body.accessibility .dropdown-menu {
    border: 1px solid #222;
    line-height: 2;
}

body.accessibility .dropdown-menu > li > a {
    font-size: 1rem;
    background: transparent;
}

body.accessibility .navbar-default .navbar-nav > .active > a, 
body.accessibility .navbar-default .navbar-nav > .active > a:hover, 
body.accessibility .navbar-default .navbar-nav > .active > a:focus {
    border:none;
    background: transparent;
}
body.accessibility ul > li > a,
body.accessibility .navbar-default .navbar-nav > .open > a,
body.accessibility .navbar-default .navbar-nav > .open > a:hover,
body.accessibility .navbar-default .navbar-nav > .open > a:focus {
    background: transparent;
    border:none;
    font-size: 1rem;
}
body.accessibility li.active,
body.accessibility ul > li > a:hover, 
body.accessibility ul > li > a:focus, 
body.accessibility .dropdown-menu > .active > a, 
body.accessibility .dropdown-menu > .active > a:focus, 
body.accessibility .dropdown-menu > .active > a:hover {
    background: transparent;
    border:none;
    font-size: 1rem;
}
body.accessibility .description p {
    padding-left:5%;
    padding-right: 5%;
    font-weight: normal;
    font-size: 1.3rem;
}

body.accessibility p, 
body.accessibility h2, 
body.accessibility h3, 
body.accessibility h4, 
body.accessibility h5, 
body.accessibility h6, 
body.accessibility .date {
    padding: 5px 10px;
    line-height: 1.5;
}
body.accessibility .date {
    color: #222;
    font-weight: normal;
    font-size: 1rem;
}

body.accessibility .glyphicon-chevron-right, body.accessibility .glyphicon-chevron-left {
    background: #fff;
    color:#222;
    border-radius: 50%;
    padding: 5px;
    opacity: 1;
    text-shadow:none;
    font-size: 50px;
    width: 60px;
    height: 60px;
    margin:0 10px;
}
body.accessibility .carousel-control {
    opacity: 1;
}
body.accessibility .carousel-caption-alternate {
    background: #222;
}
body.accessibility .carousel-caption-alternate p {
    font-size: 1rem;
    line-height: 1;
    padding: 15px 20% 15px 20px;
}
body.accessibility .well {
    border: 3px dotted black;
}

body.accessibility footer {
    border-top: 1px solid #ccc;
    background-color:#F8F6F1;
}

body.accessibility footer p, body.accessibility footer h5 {
    padding: 0;
}

body.accessibility .input-group .form-control, 
body.accessibility  .input-group-addon {
    border-color: transparent;
    border-width: 0;
    font-size: 1.1rem;
}
body.accessibility .input-group {
    border: 1px solid #222;
    border-radius: 5px;
}
body.accessibility .footer-img-1, body.accessibility .footer-img-2 {
    display: none;
}

/* ACCESSIBILITY 2 */

body.accessibility-yellow,
body.accessibility-yellow footer,
body.accessibility-yellow #main-content,
body.accessibility-yellow nav,
body.accessibility-yellow #menu-accessibility,
body.accessibility-yellow .well,
body.accessibility-yellow .modal-content,
body.accessibility-yellow .navbar-default .navbar-nav > .active > a,  
body.accessibility-yellow .navbar-default .navbar-nav > .active > a:focus,
body.accessibility-yellow .navbar-default .navbar-nav > .open > a:focus,
body.accessibility-yellow .navbar-default .navbar-nav > .active > a:hover,
body.accessibility-yellow .dropdown-menu > .active > a {
    background: #fff0bd !important;
    filter: none !important;
    -webkit-filter: none !important;
}
body.accessibility-yellow .menu-accessibility-dropdown {
    -webkit-box-shadow: none;
            box-shadow: none;
    }

body.accessibility-yellow li a:hover,
body.accessibility-yellow ul > li > a:hover,
body.accessibility-yellow .more-link,
body.accessibility-yellow .up li.active,
body.accessibility-yellow #sidebar li.active,
body.accessibility-yellow #sidebar > li > a:hover,
body.accessibility-yellow #sidebar > li > a:focus,
body.accessibility-yellow .dropdown-menu > li > a:hover,
body.accessibility-yellow .dropdown-menu > .active > a:focus,
body.accessibility-yellow .dropdown-menu > .active > a:hover,
body.accessibility-yellow .navbar-default .navbar-nav > a:hover,
body.accessibility-yellow .navbar-default .navbar-nav > .open > a,
body.accessibility-yellow .navbar-default .navbar-nav > .open > a:hover,
body.accessibility-yellow .navbar-default .navbar-nav > .open,
body.accessibility-yellow .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
body.accessibility-yellow .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, 
body.accessibility-yellow .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
body.accessibility-yellow .current_page_item,
body.accessibility-yellow .current_page_ancestor {
    background: rgba(255,255,255,0.7);
    color:#222;
}

/* ACCESSIBILITY 3 */

body.accessibility-black *:not(.caret) {
    border-color: #fff !important;
    color: #fff;
}
body.accessibility-black .dropdown-menu li {border:1px solid;padding:1em;}

body.accessibility-black,
body.accessibility-black footer,
body.accessibility-black .main,
body.accessibility-black #main-content,
body.accessibility-black nav,
body.accessibility-black #menu-accessibility,
body.accessibility-black .well,
body.accessibility-black .modal-content,
body.accessibility-black .acc-row h3, 
body.accessibility-black .btn,
body.accessibility-black .navbar-default .navbar-nav > .active > a,  
body.accessibility-black .navbar-default .navbar-nav > .active > a:focus,
body.accessibility-black .navbar-default .navbar-nav > .open > a:focus,
body.accessibility-black .navbar-default .navbar-nav > .active > a:hover,
body.accessibility-black .dropdown-menu > .active > a,
body.accessibility-black input,
body.accessibility-black select,
body.accessibility-black button,
body.accessibility-black textarea,
body.accessibility-black .input-group-addon{
    background: #222 !important;
    color: #eee !important;
}


body.accessibility-black .glyphicon-chevron-right, 
body.accessibility-black .glyphicon-chevron-left {
    background: #222;
}

body.accessibility-black .menu-accessibility-dropdown {
    -webkit-box-shadow: none;
            box-shadow: none;
    }

body.accessibility-black .section-page:before {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:black;
    filter:opacity(70%);
    content:" ";} 

body.accessibility-black .section-page .page-header {
    position:absolute;
    z-index:100;
}

body.accessibility-black .navbar-logo img,
body.accessibility-black .footer-img {
    filter:invert(100%);
    -webkit-filter: invert(100%);
}

body.accessibility-black .dropdown-menu,
body.accessibility-black #prev > a:hover,
body.accessibility-black #prev > a:focus,
body.accessibility-black #next > a:hover,
body.accessibility-black #next > a:focus,
body.accessibility-black li a:hover,
body.accessibility-black ul > li > a:hover,
body.accessibility-black .up li.active,
body.accessibility-black .nav > li > a:focus,
body.accessibility-black .nav > li > a:hover,
body.accessibility-black .nav > li > a:active,
body.accessibility-black .post-nav-prev:hover,
body.accessibility-black .post-nav-prev:focus,
body.accessibility-black .post-nav-next:hover,
body.accessibility-black .post-nav-next:focus,
body.accessibility-black #sidebar li.active,
body.accessibility-black #sidebar > li > a:hover,
body.accessibility-black #sidebar > li > a:focus,
body.accessibility-black .list-navigation a:hover,
body.accessibility-black .dropdown-menu > li > a:hover,
body.accessibility-black .dropdown-menu > .active > a:focus,
body.accessibility-black .dropdown-menu > .active > a:hover,
body.accessibility-black .navbar-default .navbar-nav > a:hover,
body.accessibility-black .navbar-default .navbar-nav > .open > a,
body.accessibility-black .navbar-default .navbar-nav > .open > a:hover,
body.accessibility-black .navbar-default .navbar-nav > .open,
body.accessibility-black .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
body.accessibility-black .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, 
body.accessibility-black .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
body.accessibility-black .current_page_item,
body.accessibility-black .current_page_ancestor {
    background: #222 !important;
}

body.accessibility-black a:hover,
body.accessibility-black a:focus {
    text-decoration:underline !important;
}
body.accessibility-black .more-link {
    border:1px solid #eee;
    background: #222 !important;
}

body.accessibility-black a,
body.accessibility-black a:focus, 
body.accessibility-black a:hover {
    color:#eee !important;
}

body.accessibility-black .page-header,
body.accessibility-black .modal-content {
    border-left-color: #222 !important;
    border-bottom-color: #eee !important;
    z-index:1000;
}
body.accessibility-black .page-title {
    background-color: #222;
    border-right-color: #222 !important;
} 
body.accessibility-black .navbar {
-webkit-box-shadow: 0px 1px 0px #eee;
        box-shadow: 0px 1px 0px #eee;
}


body.accessibility-black .mnd, 
body.accessibility-black .tsd, 
body.accessibility-black .wns, 
body.accessibility-black .thd, 
body.accessibility-black .frd, 
body.accessibility-black .sat {background-color: #444 !important}

/* ACCESSIBILITY IMAGES */

body.images-gray img:not(.img-circle), 
body.images-gray .carousel-inner > .item, 
body.images-gray .section-page, 
body.images-gray li, 
body.images-gray .active, 
body.images-gray .well, 
body.images-gray .footer {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
body.images-gray a {
    color:#222;
} 
body.images-gray a:hover, body.images-gray a:focus {
    text-decoration: underline !important;
}
body.images-gray .navbar-logo > a > img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
body.no-images img:not(.img-circle), 
body.no-images img:not(.navbar-logo), 
body.no-images .carousel,
body.no-images .slide,
body.no-images .carousel-caption-alternate {
    display: none;
} 
body.no-images .navbar-logo img {
    display: inline-block;
}
/*
body.no-images .carousel-caption-alternate {
    display: block;
    position: relative;
    background: transparent;
    border:2px solid #222;
}
body.no-images .carousel-caption-alternate p {
    color: #222;
    text-shadow:none;
    font-size: 1rem;
}
body.no-images .carousel-caption-alternate p:before {
    content: 'Подпись к фотографии: ';
    font-family: "Fira Sans";
    font-size: 1rem;
} */
body.no-images div:not(.logo-container) {
    background-image: none !important;
}

/* ACCESSIBILITY MENU */

.accessibility-modal .btn {
    border:1px dashed #333;
    font-size:20px;
    padding: 10px 12px 3px;
}

.accessibility-modal .btn:hover,
.accessibility-modal .btn:focus {
    background:#f7f7f7;
}

.accessibility-modal .btn:active {
    background:#f7f7f7;
}

body.accessibility #accessibility-on.btn,
body.accessibility-black #accessibility-white-on-black.btn,
body.accessibility-yellow #accessibility-black-on-yellow.btn,
body.images-gray #accessibility-images-gray.btn,
body.no-images #accessibility-images-toggle.btn {
    border-style:solid;
    -webkit-box-shadow: inset 1px 1px 5px #777777;
            box-shadow: inset 1px 1px 5px #777777;
    background: #F4EDDE;
}

body.accessibility-black.images-gray #accessibility-images-gray a,
body.accessibility-black.images-gray #accessibility-images-gray span,
body.accessibility-black.no-images #accessibility-images-toggle a,
body.accessibility-black.no-images #accessibility-images-toggle span,
body.accessibility.accessibility-black #accessibility-on a,
body.accessibility.accessibility-black #accessibility-on span,
body.accessibility-black #accessibility-white-on-black a,
body.accessibility-black #accessibility-white-on-black span {
    -webkit-filter: invert(100%);
    filter:invert(100%);
    color:black;
}
body.accessibility-black #accessibility-white-on-black span {
    background:black;
    color:white;
}
.menu-accessibility .dropdown-menu > li > a {
    font-size: 17px;
    font-weight: 700;
}







.wp-block-file {margin: 0; color: #8F1E1E;}
.wp-block-file a:link {color: #8F1E1E}
.wp-block-file__button {color: transparent !important; text-decoration: none !important; background-color: transparent  !important; background-image:url(http://balakirevsmol.ru/wp-content/uploads/2020/04/cloud_download-black-18dp.svg)  !important;background-repeat:no-repeat  !important;background-size: contain  !important;font-size:0.7em  !important;padding-bottom:0.05em !important;}


.navbar-header,
.navbar-header *,
nav,
nav *{
max-width: 100vw;
    
}
}