@keyframes tonext {
	75% {
	  left: 0;
	}
	95% {
	  left: 100%;
	}
	98% {
	  left: 100%;
	}
	99% {
	  left: 0;
	}
  }
  
  @keyframes tostart {
	75% {
	  left: 0;
	}
	95% {
	  left: -300%;
	}
	98% {
	  left: -300%;
	}
	99% {
	  left: 0;
	}
  }
  
  @keyframes snap {
	96% {
	  scroll-snap-align: center;
	}
	97% {
	  scroll-snap-align: none;
	}
	99% {
	  scroll-snap-align: none;
	}
	100% {
	  scroll-snap-align: center;
	}
  }
  
  body {
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
  }
  
  * {
	scrollbar-color: transparent transparent; /* thumb and track color */
	scrollbar-width: 0PX;
  }
  
  *::-webkit-scrollbar {
	width: 0;
  }
  
  *::-webkit-scrollbar-track {
	background: transparent;
  }
  
  *::-webkit-scrollbar-thumb {
	background: transparent;
	border: none;
  }
  
  * {
	-ms-overflow-style: none;
  }
  
  ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  .carousel {
	position: relative;
	padding-top: 37vw;
	height: 6vw;
  }
  
  .carousel__viewport {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	overflow-x: scroll;
	counter-reset: item;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
  }
  
  .carousel__slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 0px;
  }
  
  .carousel__slide:nth-child(1) {
	background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(http://furniture-interior.org/kuhnq1.jpg);
	background-size: cover;
	
  }
  .carousel__slide:nth-child(2) {
	background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(http://furniture-interior.org/kuhnq2.jpg);
	background-size: cover;
  }
  .carousel__slide:nth-child(3) {
	background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(http://furniture-interior.org/kuhnq3.jpg);
	background-size: cover;
  }.carousel__slide:nth-child(4) {
	background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(http://furniture-interior.org/kuhnq5.jpg);
	background-size: cover;
  }.carousel__slide:nth-child(5) {
	background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(http://furniture-interior.org/kuhnq4.jpg);
	background-size: cover;
  }
  .carousel__slide:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-40%,70px);
  }
  
  .carousel__snapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	scroll-snap-align: center;
  }
  
  @media (hover: hover) {
	.carousel__snapper {
	  animation-name: tonext, snap;
	  animation-timing-function: ease;
	  animation-duration: 7s;
	  animation-iteration-count: infinite;
	}
  
	.carousel__slide:last-child .carousel__snapper {
	  animation-name: tostart, snap;
	}
  }
  .carousel__navigation {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1.7vw;
	margin-top: 0%;
	text-align: center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.3),white) ;
  }
  
  .carousel__navigation-list,
  .carousel__navigation-item {
	display: inline-block;
  }
  
  .carousel__navigation-button {
	display: inline-block;
	width: 10vw;
	height: 1vw;
	background-color: rgba(51, 51, 51, 0.312);
	margin-top: 0PX;
	font-size: 0;
	transition: transform 0.7s;
  }
  .carousel__navigation-button:hover 	{background-color: rgba(51, 51, 51, 0.65);}
  .carousel::before,.carousel__prev
   {
	margin-left: 2%;
	position: absolute;
	top: 0;
	margin-top: 20vw;
	transform: translateY(-50%);
	font-size: 6vw;
	margin-right: 92%;
	outline: 0;
  }
  
  .carousel::after,
  .carousel__next {
	position: absolute;
	top: 0;
	margin-top: 20vw;
	transform: translateY(-50%);
	margin-left: 94%;
	font-size: 10vw;
	outline: 0;
  }
  .carousel::before
  {
	  content: '<';
	  z-index: 1;
	  color: rgba(255, 255, 255, 0.633);
	  font-size: 10vw;
	  text-align: center;
	  pointer-events: none;
	  margin-left: 2%;
  }
  .carousel::after {
	content: '>';
	z-index: 1;
	color: rgba(255, 255, 255, 0.63);
	font-size: 10vw;
	text-align: center;
	pointer-events: none;
	margin-left: 94%;
  }
  
  header{
	color: rgb(51, 0, 0);
	  top: 0;
	  position: sticky;
	  z-index:10;
	  background-image:linear-gradient(white,rgb(250,235,235));
	  box-shadow:  0px 0px 18px rgb(150,120,120);
	  font-family: 'Open Sans', sans-serif;
	  font-size: 1.1vw;
	  height: 4.75vw;
	  max-height: 4.75vw;
	  padding-top:0vw;
  }
  nav a:hover{
	 color: black;
	 text-shadow: 0px 0px 15px rgb(147,0,0);
  }
  nav a{
	display: inline-block;
	text-decoration: none;
	color: rgb(51, 0, 0);
	margin-left: 2vw;
  }
  #logo{
	 font-family: 'Caveat', cursive;
	 margin-right: 17vw;
	 margin-left: 1.45vw;
  }

  .carousel__next{
	color: transparent;
  }
  .carousel__prev{
	color: transparent;
  }
  .flag{
	border:1px solid  rgb(51, 0, 0);
	padding: 0px;
	width: 4.5vw;
	
  }
  .flag:hover{
	box-shadow: 0px 0px 1.2vw rgba(80, 0, 0, 0.534);
	cursor: pointer;
  }
  .carousel ol li h1{
	text-align: right;
	color: white;
	margin-top: 11vw;
	margin-right: 10%;
	text-shadow: 3px 3px 25px rgb(51, 0, 0);
  }
  .carousel ol li p{
	text-align: right;
	color: white;
	margin-right: 13%;
	margin-left: 25%;
	margin-top: 4vw;
	text-shadow: 4px 4px 5px rgb(51, 0, 0);
  }
  #info{
	text-align: center;
	padding-top: 0.9vw;
	color: rgb(51, 0, 0);
	font-size: 1.45vw;
  }
  #info p{
	margin-left: 5%;
	margin-right: 23%;
	font-size: 1.11vw;
  }
  #list h1{
	text-align: center;
	margin-top: 4vw;
	margin-bottom: 2vw;
	font-size: 1.88vw;
  }
  #list ul{
	padding-left: 2.5vw;
  }
  #list li{
	list-style-type: circle;
	margin-left: 8%;
	margin-top: 3px;
	
  }
  #spravki {
	margin-top: 3.7%;
	text-align: center;
	color: rgb(51, 0, 0);
  }
  #spravki h2:hover{
	color: black;
  }
  #gallery h2{text-align: center;font-size: 1.85vw;}
  #gallery img{
	width: 24.1vw;
  }

  .guideBig{
	color: rgb(51, 0, 0);
	padding-top: 4.5vw;
	margin-top: -2vw;
	text-shadow: 1px 1px 5px rgba(51, 0, 0, 0.4);
	font-size: 1.4vw;
  }
  #us:hover{
	text-shadow: 1px -1px 6px rgba(18, 0, 0, 0.3);
  }
  #sud a {
	text-decoration: none;
  }
  #sud{
	display: inline-block; margin-right: 2.5vw; margin-top:0.5vw;width: 35vw;margin-left: 12vw;  vertical-align: top;font-size:1.2vw;
  }
  #sud a p{
	text-shadow: 0px 0.9vh 6px rgba(29, 0, 0, 0.49);
	padding-top:0vh;margin-top: 0px; margin-bottom: 1vw;font-size:1.2vw;
  }
  #sud a p:hover{
    text-decoration: underline;
	text-shadow: 0px 0.2vh 5px rgba(252, 223, 223, 0.79);
  }
  .guideSmall{
	color: rgb(51, 0, 0);
	margin-left: 3vw;
	margin-bottom:1.5vw;
	text-shadow: 1px 1px 5px rgba(51, 0, 0, 0.33);
	font-size: 1.25vw;
  }
  .guideBig i{font-size: 1.55vw; margin-right: 2%;margin-bottom:0.6vw;}
  .guideSmall i{
	margin-right: 0.55vw;
  }
  iframe{
	width: 30vw;
	height: 19vw;
	margin-top: -0.5vw;
  }
  #maside li{
	list-style-type: disc;
	text-align: left;
	margin-bottom: 1%;
	margin-left: 0px;
	padding-left: 0px;
  }
  #maside a{
	color:rgb(51, 0, 0);
  }
  #maside a:hover{
	color:rgb(80,0,0);
	text-shadow: 0px 0px 15px rgba(35, 0, 0,0.4);   
  }
  section a {
	color: rgb(51, 0, 0);
  }
  section a:hover{
	color: black;
	text-shadow: 0px 0px 11px rgba(147,0,0,0.35);   
  }
  #maside img{
	width: 70%;
	margin-top: 0.6vw;
  }
  #content{
	background-image: linear-gradient(white,rgb(255,235,235));
	padding-bottom:7vw ;
  }
  footer{
	background-image: linear-gradient(rgb(255, 190, 190),rgb(255,244,244));
	margin-bottom: 0vw;
	color:rgba(80, 0, 0, 0.856);
	padding-top: 1px;
	padding-bottom: 11vw;
	font-size: 1vw;
	margin-top:0vw;
  }
  .line{
	height: 0.5px;
	border: 0.1px solid  rgba(80, 0, 0, 0.2);
	width: 98.5%;
	border-radius: 100%;
	background-color: rgba(80, 0, 0, 0.2);
	margin-top: 0.2%;
	margin-bottom: 0.5%;
  }

#icon:hover{
	box-shadow:0vw 0vw 2vw rgba(0, 0, 0, 1);
}
  
nav div{
	display: inline-block;
}
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
    vertical-align: middle;margin-left: 2vw;
  }

  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;

	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 1vw;
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
	display: block;

  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd;margin-left: 0.51vw;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {background-color: #3e8e41;}

  /*GALLERY*/
  #shadow
  {
	padding-bottom: 0vw;
	background-image: linear-gradient(rgb(255,244,244),rgb(255, 200, 200));
  }
  #shadow a{
	color:rgb(51, 11, 11);
	text-shadow: 0px 0px 0.4vw rgb(107, 58, 58);
	text-decoration: none;
  }
  #shadow a:hover{
	text-decoration: underline;
	text-shadow: 0px 0px 1vw rgb(78, 4, 4);
  }