body {
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #4F3324;
            padding: 10px;
			
        }
		.fakelogo {
			height: 80px;
			width: 250px;
			display: flex;
			align-items: center;
		}	
        .logo {
			position: absolute;
			top: 5px; left: 10px;
			z-index:10;
			height: 80px;
			align-items: center;
			background-image: url("logo.png");
        }

        .menu {
            display: flex;
            justify-content: space-between;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .menu-item {
            margin: 0 10px;
            padding: 10px;
            color: #fff;
			display: flex;
            text-transform: uppercase;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
		.menu-item a {
			float: none;
			color: #fff;			
			text-decoration: none;
			display: block;
			text-align: left;
		}
        .menu-item:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
		/* медиа-запрос для маленьких экранов */
		@media (max-width: 767px) {
			.menu {
				flex-direction: column;
				align-items: flex-start;
			}
			.menu ul {
				flex-direction: column;
			}
			.menu li {
				margin: 0 10px;
			}
		}
        .content {
            padding: 20px;
        }

        .content p {
            font-size: 18px;
            line-height: 1.5;
            text-align: justify;
			text-indent: 20px; /* Отступ первой строки в пикселах */
        }

        .footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #4F3324;
            padding: 10px;
            color: #fff;
        }

        .footer-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
			
        }

        .footer-menu li {
            margin: 0 10px;
            padding: 10px;
            color: #fff;
            text-transform: uppercase;
			text-decoration: none;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
		.footer-menu a {
			float: none;
			color: #fff;			
			text-decoration: none;
			display: block;
			text-align: left;
		}
        .footer-menu li:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
        .copyright {
            font-size: 12px;
        }
		.dropdown {
			float: left;
			overflow: hidden;
		}
		.dropdown .dropbtn {
			margin: 0 10px;
            padding: 10px;
            color: #fff;
            text-transform: uppercase;
            cursor: pointer;
			font-size: 16px;    
			border: none;
			outline: none;
			color: white;
			background-color: inherit;
			font-family: inherit;
		}
		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #f9f9f9;
			min-width: 160px;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			z-index: 11;
		}

		.dropdown-content a {
			float: none;
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
			text-align: left;
		}

		.dropdown-content a:hover {
			background-color: #ddd;
		}

		.dropdown:hover .dropdown-content {
			display: block;
		}
		@media only screen and (max-width: 767px) {
            .menu {
                flex-wrap: wrap;
                justify-content: center;
            }

            .menu-item {
                width: 50%;
                text-align: center;
            }
			.dropdown-content{
				right:160px;
				margin-top:-30px;
				padding-top:-30px;
			}
        }
		
		.header-content {
			padding-top: 30px;
		}
		.link0 a {
			text-decoration: none;
			color: #000;
		}
		.link0 a:hover {
			color: #FFC300; 
		}
		.concurs {
			align: center;
			font-size: 24px;
			text-align: center;
		}
		.slideshow {
			width: 100%;
			height: 800px;
			position: relative;
			overflow: hidden;
			background: #fff;
			margin: 0;
		}
		.slideshow-item {
			width: 100%;
			height: 100%;
			position: absolute;
			opacity: 0;
			animation: slideanim 30S infinite;
		}
		.slideshow-item:nth-child(1),
		.slideshow-item:nth-child(1) img {
			animation-delay: 0S;
		}
		.slideshow-item:nth-child(2),
		.slideshow-item:nth-child(2) img {
			animation-delay: 10s;
		}
		.slideshow-item:nth-child(3),
		.slideshow-item:nth-child(3) img {
			animation-delay: 20s;
		}
		.slideshow-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			animation: zoom 20s infinite;
		}
		.slideshow-item-text {
			max-width: 50%;
			position: absolute;
			bottom: 20px;
			left: 20px;
			background-color: rgba(0,0,0,0.7)
			color: #fff;
			padding: 20px 30px;
			font-family: Verdana, sans-serif;
		}
		.slideshow-item-text h5 {
			font-size: 22px;
			margin: 0 0 10px 0;
			color: #ffc000;
		}
		.slideshow-item-text p {
			font-size: 15px;
			margin-bottom: 10px;
			color: #009cff;
		}
		@keyframes slideanim {
			0%{
				opacity: 0;
			}
			10%{
				opacity: 1;
			}
			50%{
				opacity: 0;
			}
		}
		@keyframes zoom {
			50%{
				transform: scale(1.3);
			}
		}
		.voicing{
			display:inline-block;
		}
		.voicing img{
			display:block;
			max-width: 300px;
			
		}
		.voicing p{
			display:block;
			font-size:24px;
		}
		.voicing a{
			float: none;
			color: #000;			
			text-decoration: none;
			display: block;
			text-align: left;
		}
		/* Style the tab */
		.tab {
			overflow: hidden;
			border: 1px solid #ccc;
			background-color: #f1f1f1;
		}

		/* Style the buttons inside the tab */
		.tab button {
			background-color: inherit;
			float: left;
			border: none;
			outline: none;
			cursor: pointer;
			padding: 14px 16px;
			transition: 0.3s;
			font-size: 17px;
		}

		/* Change background color of buttons on hover */
		.tab button:hover {
			background-color: #ddd;
		}

		/* Create an active/current tablink class */
		.tab button.active {
			background-color: #ccc;
		}

		/* Style the tab content */
		.tabcontent {
			display: none;
			padding: 6px 12px;
			-webkit-animation: fadeEffect 1s;
			animation: fadeEffect 1s;
		}

		/* Fade in tabs */
		@-webkit-keyframes fadeEffect {
			from {opacity: 0;}
			to {opacity: 1;}
		}

		@keyframes fadeEffect {
			from {opacity: 0;}
			to {opacity: 1;}
		}
		
		.scrolling-wrapper {
		  overflow-x: scroll;
		  overflow-y: hidden;
		  white-space: nowrap;

			.card {
				display: inline-block;
			}
		}
		.scrolling-wrapper-flexbox {
		  display: flex;
		  flex-wrap: nowrap;
		  overflow-x: auto;

			.card {
				flex: 0 0 auto;
			}
		}
		.scrolling-wrapper {
			-webkit-overflow-scrolling: touch;
		}
		.scrolling-wrapper {
			&::-webkit-scrollbar {
				display: none; 
			}
		}