html, body {
      height: 100%;
    }
	body{
		background-color:#f2f2f2;
	}
.wrapper {
      display: flex;
      flex-direction: column;
    }
.content {
        min-height: calc(100vh - 175px);
    }
.footer {
      background-color: #616161;
      padding: 20px;
      margin-top: auto;
   }
   .footer p {
      color:white;
   }
header {
    background-color:#f2f2f2;
	margin-bottom:-15px;
  }
  .color{
	  font-family: 'Verdana';
	  color:black;
	  font-size: 22px;
  }
  .button{
	 
	  margin-bottom:15px;
  }
  .menu{
	  margin-right:-33px;
	  height:30px;
	  width:30px;
  }
  .logo{
	  width:80px;
	  padding-bottom:12px;
  }
  .nav-item{
	  padding-left:30px;
	  padding-top:7px;
  }
  .viv{
	  font-size: 30px;
  }
  .navbar-brand {
      margin-right: auto; /* Выравнивание "Моя компания" в левый край */
    }
    .navbar-nav {
      margin-left: auto; /* Выравнивание элементов справа в правый край */
    }
.container{
	 font-family: 'Verdana';
}
.images{
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-wrap: nowrap;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0;
  
  margin-right:50px;
  margin-left:50px;
}

.1{
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  margin: auto;
  padding: 0;
}
.images1{
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-wrap: nowrap;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0 auto;
  margin-right:100px;
  margin-left:100px;
}
.p1{
	margin-left:200vw;
	padding-right:30vw;
}
.f2{
	margin-right:-15vw;
}
	
.glass {
    height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("photo_glav.jpg") center no-repeat;    
}
.glass span {
    position: relative;
    text-align: center;
    color: #FFF;
    width: 80%;
    font-size: 45px;
    line-height: 40px;    
    padding: 40px 0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2), 0 16px 28px rgba(0,0,0,0.2);
    text-shadow: 0 0 12px rgba(0,0,0,0.6);   
    text-transform: uppercase;
    font-family: 'Roboto', Tahoma, sans-serif;
    letter-spacing: 4px;
    z-index: 1;
    overflow: hidden;
}
.glass span:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    height: 200%;
    width: 200%;
    background: url("photo_glav.jpg") center no-repeat;
    filter: blur(8px);
    z-index: -1;
}
hr {
    border: none; /* Убираем границу */
    background-color: black; /* Цвет линии */
    color: black; /* Цвет линии для IE6-7 */
    height: 2px; /* Толщина линии */
   }
.mouse{
	width:200px;
	height:auto;
	margin-left:
}






.slider-container {
  background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.slider {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide {
  flex: 0 0 100%;
}

.slide img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button,
.next-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button {
  left: 10px;
}

.next-button {
  right: 10px;
}

.slider-container-t1 {
 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t1 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t1 {
  flex: 0 0 100%;
}

.slide-t1 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t1,
.next-button-t1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t1 {
  left: 10px;
}

.next-button-t1 {
  right: 10px;
}









.slider-container-t2 {
 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t2 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t2 {
  flex: 0 0 100%;
}

.slide-t2 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t2,
.next-button-t2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t2 {
  left: 10px;
}

.next-button-t2 {
  right: 10px;
}








.slider-container-t3 {
	 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t3 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t3 {
  flex: 0 0 100%;
}

.slide-t3 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t3,
.next-button-t3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t3 {
  left: 10px;
}

.next-button-t3 {
  right: 10px;
}














.slider-container-t4 {
	 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t4 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t4 {
  flex: 0 0 100%;
}

.slide-t4 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t4,
.next-button-t4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t4 {
  left: 10px;
}

.next-button-t4 {
  right: 10px;
}










.slider-container-t5 {
 background-color:#E8E8E8;
 position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t5 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t5 {
  flex: 0 0 100%;
}

.slide-t5 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t5,
.next-button-t5 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t5 {
  left: 10px;
}

.next-button-t5 {
  right: 10px;
}







.slider-container-t6 {
 background-color:#E8E8E8;
 position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t6 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t6 {
  flex: 0 0 100%;
}

.slide-t6 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t6,
.next-button-t6 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t6 {
  left: 10px;
}

.next-button-t6 {
  right: 10px;
}








.slider-container-t7 {
 background-color:#E8E8E8;
 position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t7 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t7 {
  flex: 0 0 100%;
}

.slide-t7 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t7,
.next-button-t7 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t7 {
  left: 10px;
}

.next-button-t7 {
  right: 10px;
}








.slider-container-t8 {
 background-color:#E8E8E8;
 position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t8 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t8 {
  flex: 0 0 100%;
}

.slide-t8 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t8,
.next-button-t8 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t8 {
  left: 10px;
}

.next-button-t8 {
  right: 10px;
}






.slider-container-t9 {
	 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t9 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t9 {
  flex: 0 0 100%;
}

.slide-t9 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t9,
.next-button-t9 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t9 {
  left: 10px;
}

.next-button-t9 {
  right: 10px;
}









.slider-container-t10 {
	 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t10 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t10 {
  flex: 0 0 100%;
}

.slide-t10 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t10,
.next-button-t10 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t10 {
  left: 10px;
}

.next-button-t10 {
  right: 10px;
}









.slider-container-t11 {
 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t11 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t11 {
  flex: 0 0 100%;
}

.slide-t11 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t11,
.next-button-t11 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t11 {
  left: 10px;
}

.next-button-t11 {
  right: 10px;
}











.slider-container-t12 {
 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t12 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t12 {
  flex: 0 0 100%;
}

.slide-t12 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t12,
.next-button-t12 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t12 {
  left: 10px;
}

.next-button-t12 {
  right: 10px;
}








.slider-container-t13 {
 background-color:#E8E8E8;
  position: relative;
  width: 100%;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

.slider-t13 {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 1000px; /* Ограничение ширины до 1000 пикселей */
  max-height: 700px; /* Ограничение высоты до 700 пикселей */
}

.slide-t13 {
  flex: 0 0 100%;
}

.slide-t13 img {
  width: 100%;
  height: 700px;
  object-fit: contain;
}

.prev-button-t13,
.next-button-t13 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.prev-button-t13 {
  left: 10px;
}

.next-button-t13 {
  right: 10px;
}


 #scroller {
	 z-index: 100;
      position: fixed;
      right: 70px;
      bottom: 170px;
      width: 5px;
      height: 5px;
      cursor: pointer;
      display: none;
      opacity: 0.6;
    }
	.img{
	width: 50px;
      height: 50px;
	}
	
	@media (max-width: 768px) {
  .viv {
    font-size: 25px;
  }
}
@media (min-width: 769px) {
  .viv {
    font-size: 30px;
  }
}