/* Begin Additional CSS Styles */
/* задаем цвет фона для контейнера nav. */

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
    content: none !important;
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    /* display: inline-block; */
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li {
     padding-left: 0px; 
}
/* убираем отступы и поля, а также list-style для "ul", 
			 * и добавляем "position:relative" */

nav#myspisok ul {
  padding: 0 !important;
  margin: 0.3% !important;
  list-style: none !important;
  position: relative !important; 
  z-index: 400;
}

/* применяем inline-block позиционирование к элементам навигации */

nav#myspisok ul li {
  position: relative !important;
  margin: 0px -7px 0 0 !important;
  display: inline-block !important;
  border: 2px solid #2c3e50 !important;
  z-index: 400;
  overflow: inherit;
}

/* стилизуем ссылки */

nav#myspisok a {
  display: block !important;
  padding: 0px 10px 0px 0px !important;
  color: #2c3e50 !important;
  font-family: webnar, sans-serif;
  font-weight: 900 !important;
  font-size: 20px !important;
  /* line-height: 60px !important; */
  text-decoration: none !important; 
  z-index: 9999;
  font-size: 18px !important;
}

nav#myspisok ul li .spisok a {
  display: block !important;
  padding: 0 10px !important;
  color: #fff !important;
  font-family: webnar, sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
/*  line-height: 60px !important; */
  text-decoration: none !important; 
  z-index: 9999;
  font-size: 18px !important;
}

nav#myspisok a.active {
  position: relative !important;
  margin: 10px 10px 0px 0px !important;
  width: 112px !important;
  background-color: #009fdf !important; z-index: 9999
}

/* изменяем цвет фона при наведении курсора */

nav#myspisok ul li .spisok a:hover { z-index: 9999;
  color: #f65376 !important;
  overflow: inherit;
}

/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */

nav#myspisok ul ul { z-index: 9999;
  display: none !important;
  position: absolute !important;
  top: 100%; z-index: 9999
}

/* отображаем выпадающий список при наведении */

nav#myspisok ul li:hover>ul { z-index: 9999;
  display: inherit !important; z-index: 9999
}

/* первый уровень выпадающего списка */

nav#myspisok ul ul li {
  min-width: 140px !important;
  float: none !important;
  display: list-item !important;
  position: relative !important;
  background-color: #2c3e50 !important; 
  z-index: 9999;
}

/* измените ' +' на любой другой символ, если нужно
	*/

li>a: after {
  content: '▼' !important; z-index: 9999;
}

li>a:only-child: after { 
  content: '' !important; z-index: 9999;
}
/* End Additional CSS Styles */
/* Создание кнопок Доп.образования */
h4 {
    margin: 0 !important;
    padding: 10px 0px 10px 0px  !important;
    border: 0 !important;
    font-size: 20px !important;
    /*font: inherit !important;*/
    vertical-align: baseline !important;
    color: #000 !important;
}
.Normal {
}
.Normal p, .Normal, .NormalDisabled, .NormalDeleted {
    font-size: 13px !important;
}
.Normal, .NormalDisabled, .NormalDeleted {
    color: #444 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 18px !important;
}
.blue-back {
    background-color: #3498db !important;
	padding-bottom: 20px !important;
}
.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.row:before, .row:after {
    content: " " !important;
    display: table !important;
}    
.pad-bot {
    padding-bottom: 50px !important;
}
.pad-top {
    padding-top: 50px !important;
}

@media (min-width: 992px)
.col-md-12 {
    width: 100%;
}

@media (min-width: 992px)
.col-md-4, .col-md-12 {
    float: left !important;
}
.col-md-4, .col-md-12 {
    position: relative !important;
    min-height: 1px !important;
    padding-left: 55px !important;
    padding-right: 15px !important;
}  
.white-big {
    text-decoration: underline !important;
    font-size: 48px !important;
    color: #ffffff !important;
	font-family: webnar, sans-serif !important;
    font-weight: 700;
	line-height: 1;	
}
.row:after {
    clear: both !important;
}
.row-flex {
    display: flex !important;
    flex-flow: row wrap !important;
	position: relative;
    top: -30px;
}

@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333333333%;
}
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-blockcontent h4 a, .art-blockcontent h4 a:link {
    font-size: 19px !important;
    font-weight: 500 !important;
	color: #fff !important;
	text-decoration: underline !important;
	text-shadow: none !important;
}
.art-postcontent h4 a:hover, art-blockcontent h4 a:hover {
	color: #6eb5ff !important;
}
.art-postcontent {
    text-indent: 0px !important;
}
ul.columns_new3 {
 /* margin-left: -15px;
  margin-right: -15px;*/
  overflow: hidden;   
  transform: translate(16%, 0%);
}

ul.columns_new3 li {
  float: left;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 30%; 
}   
 
ul.columns_new3 li a {
  display: block;  
  background: #fff;
  color: #585f69 !important;
  padding: 3% 1%;
  text-align: center !important;
  text-indent: 0px !important;
  font-family: webnar, sans-serif;
  border: 1px solid #ddd;
  font-size: 24px;
}

ul li {
  list-style: none !important; 
}
.columns_new3 li:before {
  content: "" !important; 
}
element.style {
  height: 10%;
}
/* TAB TAB  TAB  TAB  TAB  TAB  TAB  TAB  TAB  TAB  TAB  TAB TAB */
/**{box-sizing:border-box} */
.tab-new {
  display: block !important;	
  width: 800px !important;
  padding: 0px !important; 
  margin: 0 auto !important; 
  position: relative !important; 
  border: 1px solid #DEE8F2 !important;
  height: 800px !important;  
} 
sectiong { 
  display: none !important;   
  padding: 15px !important;
  background: white !important;  
  position: absolute !important; 
  top: 86px !important;
  left: 330px !important;
  overflow-y: auto;
  height: 84%;
}
p { 
  margin: 0 !important; 
} 
/*input { 
  display: none !important; 
} */
label { 
  display: block !important; 
  width: 280px !important; 
  padding: 5px 15px !important;
  color: #4F5966 !important; 
  background: #ffffff !important; 
  cursor: pointer !important;
  font-family: webnar, sans-serif;
  border: 1px solid #ddd;
  line-height: 150%;
  text-align: left;  /* отвечает за текст по ширине или лево*/
}
label:hover {
	color: #3498db !important;
} 
input:checked + label { 
  color: #fff !important; 
  background: #3498db !important; 
} 
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7, #tab8:checked ~ #content8, #tab9:checked ~ #content9, #tab10:checked ~ #content10, #tab11:checked ~ #content11, #tab12:checked ~ #content12, #tab13:checked ~ #content13, #tab14:checked ~ #content14, #tab15:checked ~ #content15, #tab16:checked ~ #content16, #tab17:checked ~ #content17, #tab18:checked ~ #content18, #tab19:checked ~ #content19, #tab20:checked ~ #content20, #tab21:checked ~ #content21, #tab22:checked ~ #content22 { 
  display: block !important; 
} 
section { 
  animation: scale 0.7s ease-in-out !important; 
} 
@keyframes scale { 
  0% { 
  transform: scale(0.9) !important; 
  opacity: 0 !important; 
  } 
  50% { 
  transform: scale(1.005) !important; 
  opacity: 0.5 !important; 
  } 
  100% { 
  transform: scale(1) !important; 
  opacity: 1 !important; 
  } 
}
.containeres {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-template-rows: repeat(2, 100px);
}
.containeres > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gir {
position:fixed;
top:0;
left:0;
background-image:url('http://lh5.googleusercontent.com/-obNunPiVVd4/VJOuk2f29_I/AAAAAAAAE3Y/SOoFIrFTTkk/s800/gerljanda1.png');
height:36px;
width:100%;
overflow:hidden;
z-index:999;
}  
#nums_1 {padding:100px}  
.gir_1 {background-position: 0 0}  
.gir_2 {background-position: 0 -36px}  
.gir_3 {background-position: 0 -72px}