.dropbtn {
    padding: 3px 2px 3px 3px;
    background: #a30021;
    color: #fff;
    font-size: 16px;
    border: none;
    align-items: center;
    cursor: pointer;
    width: 100%;
    text-align: -webkit-match-parent;
    display: flex;
    justify-content: space-between;
}

.dropdown {
  position: relative;
  margin-bottom: 10px;
}

.dropdown-content {
  display: none;
  position: relative;
  background-color: #f1f1f1;
  width: 150%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.dropdown-content a {
  color: black!important;
  text-decoration: none!important;
  display: block!important;
  background: none!important;
  padding: 0px!important;
  margin-bottom: 0px!important;
}

.dropdown-content a:hover{
background-color: #fff!important
}

.dropdown a:hover {
  background-color: #ddd!important;
}

.select_obl{
	background-color: #ddd!important;
}

.shows {
display: block;
position: absolute;
transform: translateX(-10%);
animation: ani 200ms forwards;
}

@keyframes ani {
  0% {transform: translate(30%, -100%);}
  100% {transform: translate(70%, -100%);}
}

.dropdown-content>li{
    list-style-type:  none;
    padding: 5px;
}

i.ico-check.hit {
    float: right;
    display: block;
    line-height: 22px;
    margin-left: 10px;
}

.menu-drop-center{
  padding-top: 7px;
  font-size: 18px;
  width: 300%;
}

span.select_obl{
	background-color: none;

}


.myStr::before{
  content: url(/bitrix/templates/.default/i/icons/white-arrow.png);
  margin-left: auto;
  transition: 200ms linear;
  margin-right: 20%;
  height: 24px;
  width: 24px;
}

.myStrL::before{
  transform: rotate(180deg);
}

.dropbtn:hover .myStr::before{
  position: relative;
  transform: translate(15%, 0%);
  transition: 100ms linear;
}


 .dropbtn:active .myStr::before{
  transform: rotate(180deg);
  }

  .dropbtn:hover .myStrL::before{
    position: relative;
    transform: translate(-15%, 0%) rotate(180deg);
  }


.dropbtn:not(:focus) + .dropdown-content b-related shows {
  display: none;
} 

.dropbtn:focus + .dropdown-content b-related shows {
  display: block;
}






@media  (max-width: 992px) {


.tabs-new .news-list .news-item { display:none}
.tabs-new .news-list .news-item:nth-child(-n + 3) {
    display:block
}

.dropdown {
  position: relative;
  margin-bottom: 40px;
}

.myStr::before{
  transform: rotate(90deg);
  margin-left: auto;
  transition: 100ms linear;
  margin-right: 20%;
  }

.dropbtn:hover .myStr::before{
  position: relative;
  transform: rotate(90deg) translate(30%, 0%);
  transition: 200ms linear;
}

.myStrL::before{
   transform: rotate(270deg) translate(0%, 0%);
}

.dropbtn:hover .myStrL::before{
  position: relative;
  transform: rotate(270deg) translate(30%, 0%);
} 

	.dropdown-content {
	width: 100%;
}

.shows {
display: block;
position: relative;
transform: translateX(-10%);
animation: ani 200ms forwards;
}

@keyframes ani {
  0% {transform: translate(0%, -100%);}
  100% {transform: translate(0%, 0%);}
}
}




/*.graph.show img{
   object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    padding-top: 0px;
}*/