/* Сброс настроек браузера */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
background:;
margin: 0;
padding: 0;
list-style: none;
}
.flex-direction-nav{height:0 }
.flexslider a img { outline: none; border: none; }


/* Скрываем слайды перед загрузкой ява-скрипта */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides li {overflow: hidden;}


/* Чистим предидущее изображение для .slides */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }


/* Основной стиль слайдера */
.flexslider {
position: relative;
zoom: 1;
padding: 0px;
text-align:center;
margin: 0 auto;
 border-bottom:0px solid var(--color1);
}

/* Вы можете изменить под свои требования*/
.flex-container {
width:100%;
overflow:hidden;
margin: 0 auto;
text-align:center;

}

.flexslider .slides { zoom: 1; overflow:hidden;}



/* Кнопки прокрутки. Стили */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	width: 50px;
	height: 50px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	z-index:2;
	background: url(../images/arrows.png) no-repeat;
	
}

.flex-direction-nav a:hover {
background: url(../images/arrows2.png) no-repeat;}

.flex-direction-nav a:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 25px;
}

.flex-direction-nav .flex-next {
	right: 30px;
	background-position: -50px 0;
}

.flex-direction-nav .flex-next:hover {
background-position: -50px 0;
}

.flex-direction-nav .flex-prev {
	left: 30px;
	background-position: 0 0; 
}

.flex-direction-nav .flex-next:before {  }
.flex-direction-nav .flex-prev:before {  }



/* Кнопки прокрутки. Управление */
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
	margin:0;
	z-index:2;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	margin: 0 3px;
	background-color: var(--color1);
	border-radius: 12px;

}

.flex-control-paging li a.flex-active {
	background-color: var(--color2);
}


/* Подпись к изображению */
.flexslider .slides .cont {
width:100%; height:100%;  text-align:center;
display:flex;
flex-flow:column wrap;
justify-content:center;
align-items:center;
align-content:center;
text-align:center; 
position: absolute;
z-index:1;
top: 0px;
padding: 0;
margin: 0 auto;


}
	
	



	
.flexslider .slides h2 {
width:100%;
text-align:center;
max-width:1300px;
display: block;

padding:20px 0px 20px 0px;
margin: 0 auto;
font:48px 'Open Sans';
font-weight:700;
letter-spacing:0px;
color: var(--color3);
background: url(../images/trans.png);
text-transform:;
text-shadow:0px 0px 5px rgba(150,150,0,.8), 0px 0px 20px rgba(150,0,0,.8);
	}
.caption{position:absolute; bottom:0;}
	
.flexslider .slides .big {
width:auto;
max-width:auto;
text-align:center;
display: block;
height:800px;
padding: 0;
margin: 0 auto;
background-size:cover !important;
animation: zoomin 6s ease-in infinite;

}

@keyframes zoomin {
  0% {transform: scale(1);}
  100% {transform: scale(1.2) ;}
  
}
	@media screen and (max-width: 1366px) {
	.flexslider .slides .big {max-height:600px; margin:0 auto}	
	}

	
@media screen and (max-width: 1024px) {

.flexslider .slides h2 {font-size:1.5rem;}
.flexslider .slides .cont .logo {max-width:100%;}
.flexslider .slides .big {max-height:500px; margin:0 auto}
.flex-control-nav{display:none}
}
	
@media screen and (max-width: 600px) {
.flexslider .slides .cont .logo {max-width:100%;}
.flex-direction-nav a { }
.flexslider .slides h2 {font-size:1.5rem; padding:10px 0px}
.flexslider .slides .big{max-height:500px; margin:0 auto; text-align:center}
.flex-direction-nav .flex-prev{left:0px; }
.flex-direction-nav .flex-next{right:0px; }
}