/**
*  @author Surton
*  @date 12.08.2018
*  @section drop-down
*/

.drop-down {
  border-top: 1px solid #b7c7ee;
  border-bottom: 1px solid #b7c7ee;
  width: 100%;
}

.fine-vision .drop-down {
  border-color: #000000 !important;
}

.drop-down__item:not(:last-child) {
  border-bottom: 1px solid #b7c7ee;
}

.fine-vision .drop-down__item {
  border-color: #000000 !important;
}

.drop-down__item-header {
  position: relative;
  padding: 20px 30px 20px 20px;
  font-weight: 600;
  color: #0f45c7;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
}

.fine-vision .drop-down__item-header {
  font-size: 20px !important;
  color: #000000 !important;
}

.drop-down__item-header:hover,
.drop-down__item-header.active {
  background-color: rgba(15, 69, 199, 0.1);
}

.fine-vision .drop-down__item-header:hover,
.fine-vision .drop-down__item-header.active {
  background-color: #333333 !important;
  color: #ffffff !important;
}

.drop-down__item-header:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../img/icons/arrow.svg) no-repeat center;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  -webkit-transition: background-image .2s;
  -o-transition: background-image .2s;
  transition: background-image .2s;
}

.fine-vision .drop-down__item-header:hover:after,
.fine-vision .drop-down__item-header.active:after {
  background-image: url(../img/icons/arrow-white.svg);
}

.fine-vision .drop-down__item-header:after {
  background-image: url(../img/icons/arrow-black.svg);
}

.drop-down__item-header.active:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.drop-down__item-container {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  -webkit-transition: height .3s ease-in-out;
  -o-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
}