.slider {
  width: 100%;
  height: calc(100vh - 191px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
   } 
.circular-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
   }
  .circular-slider .wrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 20px 0px 20px;
    overflow: hidden; 
    /*-webkit-transition: .2s ease;
      -ms-transition: .2s linear;
      -moz-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s ease;*/
    }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right, .circular-slider .wrapper .controls__autoplay {
      position: absolute;
      z-index: 101;
      -webkit-transition: .6s all;
      -o-transition: .6s all;
      transition: .6s all; }
      .circular-slider .wrapper .controls__left:hover .icon-wrapper, .circular-slider .wrapper .controls__right:hover .icon-wrapper, .circular-slider .wrapper .controls__autoplay:hover .icon-wrapper {
        font-size: 1.7em;
        opacity: 1; }
      .circular-slider .wrapper .controls__left .icon-wrapper, .circular-slider .wrapper .controls__right .icon-wrapper, .circular-slider .wrapper .controls__autoplay .icon-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 1.5em;
        opacity: .7; }
    .circular-slider .wrapper .controls__left, .circular-slider .wrapper .controls__right { 
      top: 50%; filter: drop-shadow(3px 3px 1.5px #21212133); cursor: pointer; }
    .circular-slider .wrapper .controls__left {  left: -20px;  }
    .circular-slider.circular-slider-10 .wrapper .controls__left { top: 60%; left: -50px; }
    .circular-slider .wrapper .controls__left:hover {  left: -22px; }
    .circular-slider.circular-slider-10 .wrapper .controls__left:hover { top: 60%; left: -52px; }
    
    .circular-slider .wrapper .controls__right { right: -21px;   }
    .circular-slider.circular-slider-10 .wrapper .controls__right { top: 60%; right: -51px;  }

    .circular-slider .wrapper .controls__right:hover { right: -23px;  }
    .circular-slider.circular-slider-10 .wrapper .controls__right:hover { top: 60%;  right: -53px; }

    .circular-slider .wrapper .slider-item-horizontal .controls__left {  left: -40px;  }
    .circular-slider .wrapper .slider-item-horizontal .controls__left:hover {    left: -42px; }
    .circular-slider .wrapper .slider-item-horizontal .controls__right { right: -41px;   }
    .circular-slider .wrapper .slider-item-horizontal .controls__right:hover { right: -43px;   }

    .circular-slider .wrapper .controls__autoplay {
      bottom: 0;
      right: -35px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
              transform: translate(-50%, 0%); display: none; }
      .circular-slider .wrapper .controls__autoplay_running .pause {
        display: block; }
      .circular-slider .wrapper .controls__autoplay_running .run {
        display: none; }
      .circular-slider .wrapper .controls__autoplay_paused .pause {
        display: none; }
      .circular-slider .wrapper .controls__autoplay_paused .run {
        display: block; }
    .circular-slider .wrapper .slides-holder, .circular-slider .wrapper .layerSpecial{ 
      -webkit-transition: all .5s linear;
      -ms-transition: all .5s linear;
      -moz-transition: all .5s linear;
      -o-transition: all .5s linear;
      transition: all .5s linear;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      z-index: 100; }
      .circular-slider .wrapper .slides-holder__item .controls__left, .circular-slider .wrapper .slides-holder__item .controls__right {
        opacity: 0;
      }
      .circular-slider .wrapper .slides-holder__item.slides-holder__item_active .controls__left, .circular-slider .wrapper .slides-holder__item.slides-holder__item_active .controls__right {
        opacity: 1;
      }
      .circular-slider .wrapper .slides-holder__item { 
        /*border-radius: 50%;
        border: 2px solid #7C99B4;*/
        position: absolute;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        
        -webkit-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;
        
        /*-webkit-filter: brightness(70%);
                filter: brightness(70%);*/ }
        .circular-slider .wrapper .slides-holder__item img.item-cover {
          height: calc(100vh - 420px);
          max-height: 520px;
              transform: translateX(5px); 
          filter: drop-shadow(4px 5px 2px #21212133); 
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
      
        .circular-slider .wrapper .slides-holder__item img.item-cover.horizontal {  margin-top: 20%;  height: calc(100vh - 620px);  max-height: 283px;  transform: scale(1.3);  }
        .circular-slider .wrapper .slides-holder__item_active{   cursor: pointer;      }
        .circular-slider .wrapper .slides-holder__item.slides-holder__item_active img.item-cover{
            filter: drop-shadow(13px 17px 2px #21212133)  brightness(100%) ;
         }
      .circular-slider .wrapper .descriptions {
        position: absolute;
        bottom: 0;
        opacity: 0;
      }
      .circular-slider .wrapper .descriptions__item {
        position: absolute;
        bottom: 0%;
        z-index: 0; 
        bottom: 1rem;
        left: 35%;
        width: 30%;   
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: opacity 0s 0s linear;
        -o-transition: opacity 0s 0s linear;
        transition: opacity 0s 0s linear; }
        
        .circular-slider .wrapper .descriptions__item_visible { 
          height: 100px;
          opacity: 1;
          -webkit-transition: opacity .6s 0s linear;
          -o-transition: opacity .6s 0s linear;
          transition: opacity .6s 0s linear; }
        .circular-slider .wrapper .descriptions__item h1, .circular-slider .wrapper .descriptions__item .description {
          font-family: Helvetica, sans-serif; color: white; text-align: center; text-shadow: 0px 0px 9px #a2a2a2; letter-spacing: 1px; }
        .circular-slider .wrapper .descriptions__item h1 {
          font-size: 200%;
          padding-top: 5px; }
        .circular-slider .wrapper .descriptions__item .description {
          font-size: 100%;
          margin-top: 5px;
          padding: 0% 10%;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow-y: hidden; }