body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

a{color:#A63D2B}

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

.header {
    border-bottom:5px solid #ED5338;
    padding: 20px 0;
    color: #562212;
    
}

.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.logo {
    max-height: 60px;
}

.header-text {
    text-align: right;
}

.tagline {
    font-size: 18px;
    margin: 0;
    color: #562212;
	text-align:left;
}

.contact {
    font-size: 14px;
    margin: 5px 0 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.contact a {
    color: #A63D2B;
    text-decoration: none;
}

.contact a:hover {
    text-decoration: underline;
}

.contact i {
    color: #ED5338;
}

.hero { 
   width:100%;overflow:hidden;
   margin:40px auto;
}

.hero-image {
    width: 40%;
	float:left;
}

.quote {
    width: 50%;
	float:right;
	padding:5%;
	color:#000;
	margin:0;
	line-height:1.4;
}
.quote span{
	background:url(/images/quote.png) left 0 top 50% no-repeat;
	background-size:80px 52px;
	padding-left:100px;
	display:inline-block;
	font-style:italic;
}

.news-slider {
    background: #ffffff url(/images/photo.webp) center no-repeat;background-size:cover;
    padding: 80px 0;
	position:relative;overflow:hidden;
	
}
.news-header{font-size:32px;text-align:center;margin:0 0 30px 0;
  color: #000;}
  
	.slick-slide{}
		.news-item{overflow:hidden;text-align:center;}
			.news-item span{display:block;background:#fff;margin:20px;border-radius: 20px;overflow:hidden;}
				.news-item span img{width:auto;height:240px;}
				.news-item p{width:calc(100% - 40px);color:#000;font-size:14px;padding:20px;}
					
		.news-slider .slick-arrow{width:45px;height:45px;position:absolute;top:50%;margin-top:-22px;z-index:1;border:none;text-indent:9999px;outline:none;cursor:pointer;}
		.news-slider .slick-prev{left:-60px;background:url('/images/nav21.png') no-repeat;}
		.news-slider .slick-prev:hover{opacity: 0.7;filter: alpha(opacity=70);}
		.news-slider .slick-prev.slick-disabled{opacity: 0.3;filter: alpha(opacity=30);}
		.news-slider .slick-next{right:-60px;background:url('/images/nav22.png') no-repeat;}
		.news-slider .slick-next:hover{opacity: 0.7;filter: alpha(opacity=70);}
		.news-slider .slick-next.slick-disabled{opacity: 0.3;filter: alpha(opacity=30);}









.useful-links {
    background-color: #fff;
    color: #000;
    padding: 30px 0;
    text-align: center;
}

.useful-links h2{
	font-size:32px;text-align:center;margin:0 0 30px 0;
}

.links-grid {
	width:100%;
	text-align:center;
}

.links-grid a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
	max-width: 200px;
	margin:20px;
	vertical-align:top;
}

.links-grid img {
    width:100%;
    display: block;
    margin: 0 auto
}

.footer {
    background-color: #ED5338;
    color: #fff;
    text-align: center;
    padding: 35px 0 25px 0;
	overflow:hidden;
}


/* Стрелки навигации */
.swiper-button-next,
.swiper-button-prev {
    color: #ED5338; /* Задаем цвет стрелок */
    transition: color 0.3s ease; /* Добавляем плавность изменения цвета */
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #A63D2B; /* Цвет при наведении */
}

/* Точки (пагинация) */
.swiper-pagination-bullet {
    background-color: #cccccc; /* Основной цвет точек */
    opacity: 0.7; /* Немного прозрачные по умолчанию */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Плавные переходы */
}

.swiper-pagination-bullet-active {
    background-color: #A63D2B; /* Цвет активной точки */
    opacity: 1; /* Полностью непрозрачная активная точка */
    transform: scale(1.2); /* Увеличение активной точки */
}

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

@media (max-width: 768px) {
    /* Стили для экранов шириной 768px и меньше (планшеты и мобильные устройства) */
    body {
        font-size: 14px;
        line-height: 1.5;
    }

    .header {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .logo {
        max-width: 80%;
        height: auto;
        margin-bottom: 10px;
    }

    .tagline {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .contact {
        font-size: 14px;
    }

    .hero {
		margin:0 auto;
        padding: 0px;
    }
	
	
		
	.hero-image {
		width: 100%;
        height: auto;
		float:none;
	}

	.quote {
		width:96%;
		float:none;
		padding:2%;
		line-height:1.3;
	}
	.quote span{
		background-size:40px 26px;
		padding-left:60px;
	}



    .news-slider {
        margin: 0 0;
    }
	.news-slider h2{font-size:24px}
	.useful-links h2{font-size:24px}
    .useful-links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .useful-links a {
        margin: 15px 0;
    }

    .footer {
        text-align: center;
        padding: 20px 0 10px 0;
    }
	
	
	.news-slider .slick-arrow{width:35px;height:35px;margin-top:-17px;background-size:35px 35px!important}
		.news-slider .slick-prev{left:-40px;background:url('/images/nav21.png') no-repeat;}
		.news-slider .slick-next{right:-40px;background:url('/images/nav22.png') no-repeat;}
		
	.news-slider{padding:50px 40px;}	
}