.ng {
  --borderWidth: 5px;
  position: relative;
  border-radius: var(--borderWidth);
  border-radius: 20px;
}
.ng:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533,#fbe069, #fff, #fbd4e4, #fff, #fbe069, #f79533);
  border-radius: calc(2 * var(--borderWidth));
  border-radius: 20px;
  z-index: -1;
  animation: animatedgradient 5s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@media (max-width: 1400px) {
 .ng:before {left: -55px;}
}
@media (max-width: 650px) {
  .ng{ display: none;}
 }

.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
}
.main-slider__img{
    max-height: 500px;
}

.about-page__li { font-size: 15px; list-style:disc}

.about-page__ul { padding:0 15px}

.about-page__title { font-size:17px }

.tenders {margin-bottom: 15px;}
.tenders__wrap_link {color: #337ab7; font-size:18px;}
.tenders__wrap > table {width: 100%; table-layout: fixed;}
@media (max-width: 576px) {
  .tenders__wrap > table td {font-size: 12px;}
  .tenders__wrap_link {font-size: 12px;}

}

#clickMail {
	cursor:pointer;
	transition: .5s;
	position: relative;
}
 #clickMail:hover .clickMess{
	 opacity: 1;
}

#clickMail.click {color:lawngreen;}
.clickMess.ok { background-color: lawngreen;}
.clickMess.ok:after { border-bottom: 10px solid lawngreen;}


.clickMess{
	position: absolute;
	top:30px;
	left: 50px;
	padding: 5px 15px;
	color:white;
	background-color: #fec303;
	text-align:center;
	border-radius:10px;
	font-size: 14px;
	transition: .5s;
	opacity: 0;
}


.clickMess:after {
  content: " ";
  position: absolute;
  left: 20px;
  top: -10px;
  transition: .5s;
  border-top: none;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fec303;
}



@media (min-width: 992px) {
  .brend{
    width: 850px;
    align-items: flex-start;
    left: -50%;
    overflow: scroll;
    overflow-x:hidden;
    height: 550px;
    border-radius: 10px;
    border: 1px solid #fec303;
  }

.brend_wrap{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}

.brend_wrap_item{
  display: flex;
  width: 180px;
  padding: 5px;
  margin: 5px;
}

.brend_wrap_item__block{
  padding: 0px;
}

.brend_wrap_item__block .dropdown__link{
  padding: 10px 20px;
}

}
.brend_wrap_item__letter{
  font-weight: 600;
  font-size: 20px;
  padding: 10px;
  color: #fec303;
}

.dropdown, .castom-scrollbar ::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.marker_li li{margin-left:20px; list-style:disc;}

.sidebar-menu{
  height: 500px;
  overflow-x: hidden;
  overflow: auto;
}