@charset "utf-8";
/* CSS Document */


 .slider {
      /* устанавливаем относительное позиционирование элементу */
      position: relative;
      display: inline-block;
    }

    .slider__items {
      /* устанавливаем относительное позиционирование элементу */
      position: relative;
	  width: 100%;
      overflow: hidden;
    }

    .slider__item {
      /* устанавливаем относительное позиционирование элементу */
      position: relative;
      /* отключаем по умолчанию отображение всех слайдов */
      display: none;
      /* устанавливаем элементу ширину, равную 100% */
      width: 100%;
      /* длительность анимации трансформации */
      transition: transform 0.1s ease;
      /* не показывать обратную сторону трансформируемого элемента */
      backface-visibility: hidden;
    }

    .slider__item_active,
    .slider__item_next,
    .slider__item_prev {
      /* отображаем слайд, если он имеет один из этих классов */
      display: block;
    }

    .slider__item_next,
    .slider__item_prev {
      /* устанавливаем абсолютное позиционирование для элемента, на который будет сменяться слайд (на время трансформации) */
      position: absolute;
      /* устанавливаем положение элемента, т.е. координату top */
      top: 0;
    }

    .slider__item_next.slider__item_left,
    .slider__item_prev.slider__item_right {
      /* сдвигаем элемент на 0 по горизонтали */
      transform: translateX(0);
    }

    .slider__item_next,
    .slider__item_right.slider__item_active {
      /* сдвигаем элемент на 100% по горизонтали */
      transform: translateX(100%);
    }

    .slider__item_prev,
    .slider__item_left.slider__item_active {
      /* сдвигаем элемент на -100% по горизонтали */
      transform: translateX(-100%);
    }

    /* элементы управления (назад и вперёд) слайдером */

    .slider__control {
      position: absolute;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 15%;
      color: #fff;
      text-align: center;
      opacity: 0.5;
    }

    .slider__control:hover,
    .slider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9;
    }

    .slider__control_prev {
      left: 0;
    }

    .slider__control_next {
      right: 0;
    }

    .slider__control::before {
      content: '';
      display: inline-block;
	  width: calc(0.75em + 3vmin);  /*ширина стрелок в слайдере*/
      height: calc(0.75em + 3vmin); /*высота стрелок в слайдере*/
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }
	
	    .slider__control_prev::before {
      background-image: url(../img/links.png);
    }

    .slider__control_next::before {
      background-image: url(../img/rechts.png);
    }

    /* индикаторы слайдера */

    .slider__indicators {
      position: absolute;
      right: 0;
	  bottom:calc(0.1em + 0.1vmin);/* высота положения полос слайдера */
      left: 0;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
    }

    .slider__indicator {
      position: relative;
      flex: 0 1 auto;
      width: calc(0.25em + 3vmin);/* ширина полос слайдера */
      height: calc(0.25em + 0.1vmin);/* высота полос слайдера */
      margin-right: calc(0.25em + 0.5vmin);
      margin-left: calc(0.25em + 0.5vmin);
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff;
      border-radius: 6px;
    }

    .slider__indicator::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }

    .slider__indicator::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }

    .slider__indicator_active {
      background-color: #d4b170;
    }

	   /*------------------------------------------------------------------------------------*/             

.sliderHome  {          
	display: block;
	width: 100%;  
	text-align: center;
    }  
 		   
.sliderHome img {
	display: block;
	width: 4000px;
	max-width: 100%;
    } 

 .sliderHome2 {
	z-index: 4;  /*наложение слоев   у меню слой 1*/
	width: 60%;  max-width: 60%;              
	margin-left: auto;
    margin-right: auto;
    }

 .sliderHome2 img {  
    max-width:100%;/**/
    width: 100%;
	width: 4000px;
	}
	
   @media (max-width: 600px) {
.sliderHome {
	margin-top: calc(35% + 1vh);/*	отступ   */
	margin-bottom: calc(20% + 1vh);/*	 отступ  */
	background:black;/**/
	}

.sliderHome2 {
	width: 90%;
	max-width:90%;	  
    }	
}