chtml {
  overflow-y: scroll; 
}
/* Customize container */
/*@media (min-width: 992px) {
  .container {
    max-width: 1140px;
  }
}*/
.container-narrow > hr {
  margin: 30px 0;
}
/* Supporting middle content */
.middle {
  margin: 10px 0 30px 0;
}
.middle p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 992px) {
  /* Remove the padding we set earlier */
  .header,
  .middle,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 0px;
  }
}

/* Margins, paddings */

.m0 {margin: 0};
.mt0 {margin-top: 0};
.mt5 {margin-top: 5};
.mt10 {margin-top: 10};
.mt15 {margin-top: 15};
.mt20 {margin-top: 20};
.mt30 {margin-top: 30};
.mt40 {margin-top: 40};
.mt50 {margin-top: 50};
.mt40 {margin-top: 40};

.mr0 {margin-right: 0};
.mr10 {margin-right: 10};
.mr20 {margin-right: 20};
.mr50 {margin-right: 50};

#school116 .mb0 {margin-bottom: 0};
.mb5 {margin-bottom: 5};
.mb10 {margin-bottom: 10};
.mb15 {margin-bottom: 15};
.mb20 {margin-bottom: 20};
.mb30 {margin-bottom: 30};
.mb40 {margin-bottom: 40};
.mb50 {margin-bottom: 50};
.mb40 {margin-bottom: 40};

.ml0 {margin-left: 0};
.ml10 {margin-left: 10};
.ml20 {margin-left: 20};
.ml50 {margin-left: 50};

.pl0 {padding-left: 0};

/* Styles */

body, p, li, span {
font-family: Georgia, serif;
color: #000;
}
body {
  overflow-y: scroll;
}
h1, h2, h3, h4, .header1, .header2, .header3, .header4 {
  font-family: Georgia, serif;
  color: #000;
}
h1 {
  font-size: 20px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  
}
h1 .content-header-name {
  font-weight: normal;
  
}
body a {
  color: #000;
}
.container {
 position: relative;
 /*min-height: 768px;*/
}
.header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* Header */
@media (max-width: 991px) {
.header {
  text-align: center;
  position: absolute;
}
.btn-group {
  text-align: left;
}
.header .logo, .header .dark-logo {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  width: 80px;
}
}
.header .navigation{
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .header .navigation{
  margin-left: 200px;
  }
}
@media (min-width: 1200px) {
  .header .navigation .tn2 {
  margin-left: -20px;
  }
  .header .navigation .tn3 {
  margin-left: -40px;
  }
  .header .navigation .tn4 {
  margin-left: -13px;
  }
  .header .navigation .tn5 {
  margin-left: -15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .header .navigation .tn2 {
  margin-left: -25px;
  }
  .header .navigation .tn3 {
  margin-left: -40px;
  }
  .header .navigation .tn4 {
  margin-left: -13px;
}
.header .navigation .tn5 {
  margin-left: -15px;
}
}
#school116 .header .main-nav.row {
  padding: 0px;
  margin: 0;
}
@media (max-width: 991px)  {
  #school116 .header .main-nav.row {
    margin-left: 80px;
    margin-right: 60px;  
  }
}
@media (min-width: 992px) {
  #school116 .header .main-nav.row {
    margin-right: 70px;   
  }
}

.header .main-nav li {
  display: inline-block;
  padding: 5px;
  font-size: 15px;
  font-style: normal;
}
.header .main-nav li a {
  color: #000;
}
.header .main-nav li a:hover {
  text-decoration: none;
padding-bottom: 4px;
border-bottom: 2px red solid;
}
@media (max-width: 991px){
.header .main-nav li a:hover {
border-bottom:none;
color:red;
}
}
.navigation .icons {
  padding-left: 0;
  margin-left: -40px;
  max-width: 120px;
  margin-top: -20px;
  position: absolute;
  top: 34px;
  right: 10px;
}/*
@media (min-width: 992px) {
  .navigation .icons {
  top: 0px;
  }
}*/
.navigation .icons li {
  display: inline-block;
}

/* Footer */
.footer .icon-footer {
position: absolute;
bottom: -3px;
right: -10px;
}
.footer {
  border-top: 1px solid #2a0111;
  position: relative;
}
@media (min-width: 992px) {
  .footer {
    margin-left: 0px;
  }
}
.footer .left-f {
  padding-left: 0;
}
.footer .left-f ul {
  display: inline-block;
  list-style-type:none;
  margin-top: 17px;
  padding: 0;
}
.footer .left-f ul li {
  padding: 2px 0;
}
.footer .right-f a:hover, .footer .left-f a:hover {
  color: red;
  text-decoration: none
}
.footer .right-f {
  float: right;
  text-align: right;
  padding-top: 20px;
  padding-right: 0;
}
.footer .right-f a, .footer .left-f a {
  color: #000;
}
.footer .center-f {
  text-align: center;
  padding-top: 20px;
}
.footer .center-top {
  text-align: center;
  padding-top: 0px;
}
.footer .center-bottom {
  text-align: center;
  padding-top: 0px;
}


/* Left Nav */
#school116 .left-nav {
  min-height:500px;
  float:left;
}
.left-nav .logo {
  width: 183px;
}
.left-nav .panel-group .panel {
  border: none;
  box-shadow: none;
  background-color: inherit;
  margin-top: 5px;
  border-radius: 0;
}
#school116 .container .left-nav .panel.mt30 {
  margin-top: 30px;
}
#school116 .container .left-nav .panel.mt20 {
  margin-top: 20px;
  margin-right: 40px;
}
#school116 .container .left-nav .panel.mt5 {
  margin-top: 5px;
}
.left-nav .panel-default .panel-heading {
  background-color: #fff;
  border: none;
  padding: 7px 0;
  background-position: left center;
}
.left-nav .panel-default .panel-bordered {
  display: flex;
  flex-direction: row;
  align-items: center;
  /*border: 1px solid #000;*/
  border-radius: 7px;
  margin-right: 5px;
  cursor: pointer;
  transition: 0.2s ease-out;
  padding: 5px 0;
  user-select: none;
}
.left-nav .panel-default .panel-bordered:hover {
  background-color: #ebebeb;
}
.left-nav .panel-default .panel-bordered span:last-child {
  padding: 7px;
  margin-left: auto;
  background-repeat: no-repeat;
  transition: 0.3s ease-out;
}
.leftmenu-arrow {
    rotate: 270deg;
}
.leftmenu-arrow path {
    fill: #000000;
}
.left-nav .panel-default .panel-bordered .arrow-rotate {
  transform: rotate(-180deg);
}
.left-nav .panel-default .panel-bordered h4 {
  margin-left: 4px;
  font-size: 15px;
}
.left-nav .panel-default .panel-heading h4 {
  margin-left: 37px;
  font-size: 15px;
}
.left-nav h1 {
    color: red !important;
}
.left-nav .panel-default a:hover{
  color: red;
  text-decoration: none
}  
.left-nav .panel-default .panel-red a {
  color: red;
  text-decoration: none
}  
#school116 .left-nav .panel-body{
  border: none;
  padding-left: 5px;
  padding: 7px 15px 4px 5px;
}
.left-nav .panel-body ul {
  padding-left: 0px;
}
.left-nav .panel-body ul li {
  list-style-type:none;
  margin: 10px 0;
  font-style: italic;
}
.collapse0 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 86.png');
 background-repeat: no-repeat;
}
.collapse1 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 87.png');
 background-repeat: no-repeat;
}
.collapse2 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 64.png');
 background-repeat: no-repeat;
}
.collapse3 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 4.png');
 background-repeat: no-repeat;
}
.collapse4 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 110.png');
 background-repeat: no-repeat;
}
.collapse5 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 4.png');
 background-repeat: no-repeat;
}
.collapse6 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 110.png');
 background-repeat: no-repeat;
}
.collapse7 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 100.png');
 background-repeat: no-repeat;
}
.collapse8 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 62.png');
 background-repeat: no-repeat;
}
.collapse9 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 66.png');
background-repeat: no-repeat;
background-position: center left;
}
.collapse10 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 195.png');
 background-repeat: no-repeat;
}
.collapse11 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 168.png');
 background-repeat: no-repeat;
}
.collapse12 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 205.png');
 background-repeat: no-repeat;
}
.collapse13 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 206.png');
 background-repeat: no-repeat;
}
.collapse14 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 83.png');
 background-repeat: no-repeat;
}
.collapse15 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 91.png');
 background-repeat: no-repeat;
}
.collapse16 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 104-r.png');
 background-repeat: no-repeat;
}
.collapse17 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 84.png');
 background-repeat: no-repeat;
}
.collapse18 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 53.png');
 background-repeat: no-repeat;
}
.collapse19 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse20 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 112.png');
 background-repeat: no-repeat;
}
.collapse21 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 96.png');
 background-repeat: no-repeat;
}
.collapse22 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse23 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse24 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse25 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse26 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse27 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse28 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse29 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 20.png');
 background-repeat: no-repeat;
}
.collapse30 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 86.png');
 background-repeat: no-repeat;
}
.collapse31 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 87.png');
 background-repeat: no-repeat;
}
.collapse32 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 64.png');
 background-repeat: no-repeat;
}
.collapse33 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 4.png');
 background-repeat: no-repeat;
}
.collapse34 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 110.png');
 background-repeat: no-repeat;
}
.collapse35 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 4.png');
 background-repeat: no-repeat;
}
.collapse36 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 110.png');
 background-repeat: no-repeat;
}
.collapse37 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 100.png');
 background-repeat: no-repeat;
}
.collapse38 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 62.png');
 background-repeat: no-repeat;
}
.collapse39 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 66.png');
background-repeat: no-repeat;
background-position: center left;
}
.collapse40 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 195.png');
 background-repeat: no-repeat;
}
.collapse41 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 96.png');
 background-repeat: no-repeat;
}
.collapse42 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 205.png');
 background-repeat: no-repeat;
}
.collapse43 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 206.png');
 background-repeat: no-repeat;
}
.collapse44 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 83.png');
 background-repeat: no-repeat;
}
.collapse45 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 201.png');
 background-repeat: no-repeat;
}
.collapse46 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 110.png');
 background-repeat: no-repeat;
}
.collapse47 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 199.png');
 background-repeat: no-repeat;
}
.collapse48 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 84.png');
 background-repeat: no-repeat;
}
.collapse49 {
background-image: url('https://gymn116.ru/images/icons/32px/Shape 104-r.png');
 background-repeat: no-repeat;
}

/* Main Content */
@media (min-width: 992px) {
#school116 .main-content {
  margin-left: 200px;
}
}
body{overflow:visible !important;}
.fancybox-lock .fancybox-overlay{
  overflow-y: hidden !important;}


/* Dropdown */

.dropdown-submenu {
position:relative;
}
.dropdown-submenu>.dropdown-menu {
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display:block;
}
.dropdown-submenu:focus>.dropdown-menu {
display:block;
}
.dropdown-submenu>a:after {
display:block;
content:" ";
float:right;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 0 5px 5px;
border-left-color:#cccccc;
margin-top:5px;
margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
} 

#school116 .main-content .content-text ul.teacher-information {
margin-top: 50px;
}
#school116 .main-content .sisea-search-form fieldset {
text-align: center;
}
#school116 .main-content .sisea-search-form label {
display: none;
}
#school116 .main-content .sisea-search-form #search {
width: 100%;
}
#school116 .main-content .sisea-search-form fieldset input:last-child {
  border: 0;
  padding: 3px 15px;
  background-color: red;
  color: white;
}
#school116 .main-content .site-tree ul ul {
  margin-top: 10px;
 margin-bottom: 10px;
}
#school116 .main-content .site-tree li a {
  text-decoration: none;
color: red;
font-weight: bold;
}
#school116 .main-content .site-tree ul ul li a {
color: black;
font-weight: normal;
}
input, label, textarea{
    display: block;
    font-weight: normal;
}
input, textarea{
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    padding: 5px;
}
input.submit_button{
    background-color: #FF2828;
    border: 1px solid #FF0000;
    padding: 5px 10px;
    border-radius: 3px;
    font: 13px Arial, Verdana, Tahoma, sans-serif;
    color: #fff;
    cursor: pointer;
}
input.submit_button:hover{
    background-color: #FF0000;
}
span.required,
span.error{
   color: #ff0000;
}
span.required{
    font-size: 18px;
}
span.error{
    font-size: 14px;
    font-weight: bold;
}
/* Кнопка-бургер */
.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000200;
  top: 0;
  right: -100%;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
  padding-top: 5px;
  text-align: left;
}


.sidenav a .button {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: red;
}

.sidenav .closebtn {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 50px;
    margin: -8px -2px 0 0;
    padding: 30px 10px 30px 40px;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


@media (min-width: 992px) {
#school116 .left-nav {
  width:200px;
  margin-top: -50px;
}
}


@media (min-width: 589px) and (max-width: 991px){
#school116 .left-nav {
  width:100%;
}
}

@media (max-width: 588px) {
#school116 .left-nav {
  width:100%;
}
}

.sidenav  li:before {
    color: red;
    content: "• ";
    font-weight:bold;
    position: absolute;
    margin-left: -10px;
   }
.sidenav  li {
    margin: 7px 0 3px 10px !important
}
.btn-primary {
    color: #fff;
    background-color: #ff0000;
    border-color: #ccc;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #cc0000;
    border-color: #ccc;
}
input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 5% !important;
}
.ajax_form.af_example .controls input, .ajax_form.af_example .controls textarea {
    display: inline-block !important;
}
.btn-block {
   white-space: normal;
   padding: 5px;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
}
.btn-block hr {
    margin: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 div {
   padding: 10px 20px 20px 20px;
}
/* .btn-odod1 {
   white-space: pre-wrap;
}
*/
.btn-odod2 {
   min-height: 90px;   
    display: table;
}
.btn-odod1 p,
.btn-odod2 p{
    font-size: 20px !important;
    margin: 0px !important;
}

/* темная тема */

.left-nav .dark-logo {
    display:none;
}
.header .dark-logo {
    display:none;
}


@media (prefers-color-scheme: dark) {
	body {
		background-color: #121212;
		color: #c4c4c4;
	}
	h1, h2, h3, h4, h5, h6, a {
		color: #ededed;
	}
	body a {
    color: #c4c4c4;
  }
	body .carousel-caption a {
    color: #fff;
  }
  .footer .right-f a, .footer .left-f a {
    color: #c4c4c4;
  }
  .header .main-nav li a {
    color: #c4c4c4;
  }
  .footer {
    border-top: 1px solid #c4c4c4;
  }
  .sidenav, .sidebar-title {
    background-color: #121212;
    color: #c4c4c4;
  }
  .icon-name, .icon-footer, .icon-top {
    filter:invert(.93);
  }
  .content-text .panel-collapse, .left-nav .panel-collapse {
    background-color: #121212;
    color: #c4c4c4;
	}
	#school116 .main-content .content-text .panel-group .panel-heading {
		background-color: #323131;
		color: #c4c4c4;
	}
	#school116 .main-content .site-tree ul ul li a {
		color: #c4c4c4;
	}/*
	.gosuslugi {
	  display: none;
	}*/
	.btn-odod1, .btn-odod2 {
	  background-color: #121212;
		color: #c4c4c4;
	}

	.left-nav .logo, .navigation .logo {
    display: none;
  }
	.left-nav .dark-logo {
    display: block;
    width: 183px;
  }
  body .view-bar {
      display: none;
  }
  .panel-title>a {
    color: #000;
  }
  .left-nav .panel-heading a:hover{
    color: #12eded;
    text-decoration: none
  } 
  .left-nav .panel-default .panel-heading.bicent {
    border-radius: 0px;
    filter: invert(.93);
  } 
  .left-nav .panel-default .panel-bordered:hover {
    background-color: #777777;
  }
  .left-nav .panel-default .panel-bordered span:last-child,
  .left-nav .panel-default .panel-bordered img:first-child {
    filter: invert(.9);
  }
  .left-nav .panel-default .panel-bordered img:first-child:hover {
    scale: 0.85;
  }
}


/* два класса визибл/нет для темной темы */
/* ДОРАБОТАТЬ И ПРОВЕРИТЬ */

@media (prefers-color-scheme: light) {
    .only-light-theme {
        display: block;
    }
}
@media (prefers-color-scheme: dark) {
    .only-dark-theme {
        display: block;
    }
}


@media (prefers-color-scheme: dark) and (max-width:991px) {
    .header .dark-logo {
        display: block;
    }
}

/* youtube вставки ~~костылей~~*/

.youtube {
    position: relative;
    display: none;
    margin: 0 auto;
    width: max-content;
}

@media (min-width: 1500px) {
    .youtube-xl {
        display: block;
    }
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .youtube-l {
        display: block;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .youtube-m {
        display: block;
    }
}
@media (min-width: 589px) and (max-width: 991px) {
    .youtube-s {
        display: block;
    }
}
@media (max-width: 588px) {
    .youtube-xs {
        display: block;
    }
}

/*
     FILE ARCHIVED ON 06:10:17 Mar 30, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:14:09 Nov 11, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.398
  load_resource: 417.171
  PetaboxLoader3.resolve: 264.042
  PetaboxLoader3.datanode: 141.833 (2)
  loaddict: 129.762
*/