.tabs {
  list-style: none;
  margin: 0;
  padding: 0
}
.tabs__nav_link {
  cursor: pointer;
  text-decoration: none
}
.tabs__content {
  display: block;
  transition: opacity .2s
}
.tabs.style__horizontal .tabs__content, .tabs.style__vertical .tabs__content {
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden
}
.tabs.style__horizontal .tabs__content.is__active, .tabs.style__vertical .tabs__content.is__active, .tabs__content.is__active {
  opacity: 1;
  height: auto;
  visibility: visible
}
.tabs.style__horizontal .tabs__nav {
  position: relative;
  z-index: 2;
  display: flex;
  margin-bottom: -1px
}
.tabs.style__horizontal .tabs__nav .tabs__nav_link {
  margin: 0;
  width: 25%;
    border-radius: 0;
    color: #737373;
    font-size: 20px;
    padding: 16px;
    border: none;
	text-align: center;
  border-bottom: 7px solid #D9D9D9;
}
.tabs.style__horizontal .tabs__nav .tabs__nav_link.is__active {

    color: #8AC1CA;
    border-bottom-color:#8AC1CA ;
}
.tabs.style__horizontal .tabs__content.is__active {
  background: #fff;
  padding: 18px;
  position: relative;
  z-index: 1
}
.tabs.style__horizontal .tabs__content .tabs__nav_link {
  display: none
}
.tabs.style__vertical {
  display: flex;
  width: 100%
}
.tabs.style__vertical .tabs__nav {
  flex: 0 0 150px
}
.tabs.style__vertical .tabs__nav .tabs__nav_link {
  border: 1px solid #ccc;
  border-right: 0;
  margin: 3px 0;
  padding: 10px;
  background: #eee;
  display: block
}
.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active {
  font-weight: bold;
  background: #fff
}
.tabs.style__vertical .tabs__content {
  flex-grow: 1;
  width: 0
}
.tabs.style__vertical .tabs__content .tabs__nav_link {
  display: none
}
.tabs.style__vertical .tabs__content.is__active {
  border: 1px solid #ccc;
  background: #fff;
  padding: 18px;
  position: relative;
  z-index: 1;
  width: auto
}
.tabs.style__accordion, .tabs.is__responsive {
  display: block
}
.tabs.style__accordion .tabs__nav, .tabs.is__responsive .tabs__nav {
  display: none
}
.tabs.style__accordion .tabs__nav_link, .tabs.is__responsive .tabs__nav_link, .tabs.style__accordion .tabs__content .tabs__nav_link, .tabs.is__responsive .tabs__content .tabs__nav_link {
  display: block;
  padding: 18px;
  margin: -18px
}
.tabs.style__accordion .tabs__nav_link.is__active, .tabs.is__responsive .tabs__nav_link.is__active {
  font-weight: bold;
  margin-bottom: 0;
    background: #FAAF3B;
}
.tabs.is__responsive .tabs__nav_link{position: relative;}
.tabs.is__responsive .tabs__nav_link::before{content: "";display: block;width: 43px;height: 21px;background-image: url("../images/technical/icon_arrow.svg");background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute;right: 15px;top: 22px;}
.tabs.is__responsive .tabs__nav_link.is__active::before{right: 15px;top: 22px;transform: rotate(180deg)}
.tabs.style__accordion .tabs__content, .tabs.is__responsive .tabs__content {
  border: 1px solid #FFF;
  padding: 18px;
  background: #FAAF3B;
  margin: 0 0 15px 0 0;
  display: block;
  height: auto;
  flex: none;
  opacity: 1;
  visibility: visible;
  overflow: auto;
  width: auto
}
.tabs.style__accordion .tabs__content, .tabs.is__responsive .tabs__content a{
	color: #FFFFFF;font-size: 23px;font-weight: 600;line-height: 120%;letter-spacing: -0.23px;
}
.tabs.style__accordion .tabs__content_wrapper, .tabs.is__responsive .tabs__content_wrapper {
  height: 0;
  transform: scaleY(0);
  overflow: hidden;
  transition: transform .2s;
  transform-origin: top left
}
.tabs.style__accordion .tabs__content.is__active .tabs__content_wrapper, .tabs.is__responsive .tabs__content.is__active .tabs__content_wrapper {
  height: auto;
  transform: scaleY(1)
}
@media (max-width:450px) {
	.tabs.style__accordion .tabs__content, .tabs.is__responsive .tabs__content a{font-size: 18px;}
	.tabs.is__responsive .tabs__nav_link::before{width: 25px;height: 13px;;}
}