

/* Сброс настроек браузера */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}

.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;
overflow:hidden;
margin: 0 auto;
}

/* Вы можете изменить под свои требования*/
.flex-container {
width:100%;
	min-width: 300px;
	
	overflow:hidden;
	margin: 0 auto;
	
}

.flexslider .slides { zoom: 1; }



/* Кнопки прокрутки. Стили */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	width: 35px;
	height: 35px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;

	background-color: #fff;
	
}

.flex-direction-nav a:before {
	display: block;
	position: absolute;
	content: '';
	width: 9px;
	height: 13px;
	top: 11px;
	left: 11px;
	background: url(../images/arrows.png) no-repeat;
}

.flex-direction-nav a:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 35px;
}

.flex-direction-nav .flex-next {
	right: -5px;

	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.flex-direction-nav .flex-prev {
	left: -5px;

	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.flex-direction-nav .flex-next:before { background-position: -9px 0; left: 15px; }
.flex-direction-nav .flex-prev:before { background-position: 0 0; }

.flex-direction-nav .flex-next:after {
	right: 0;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #31611e;
}

.flex-direction-nav .flex-prev:after {
	left: 0;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #31611e;
}



/* Кнопки прокрутки. Управление */
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: -40px;
	text-align: center;
	margin: 0 0 0 -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background-color: #b6b6b6 \9;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

}

.flex-control-paging li a.flex-active {
	background-color: #2f4f96;
}



/* Подпись к изображению */
.flexslider .slides .cont {
width:100%; height:100%;  text-align:center;
display: block;
position: absolute;
top: 0px;
padding: 0;
margin: 0 auto;
display:flex; 
flex-flow:column wrap;
justify-content:center; 
align-items:center; 
align-content:center;
}
	
	
.flexslider .slides p {
width:100%; max-width:1000px;  text-align:center;
display: block;
padding: 0;
margin: 0 auto;
font: 18px 'Open Sans';
color: #fff;
background: url(../images/trans.png);
	}
	
	
.flexslider .slides h2 {
width:100%;
max-width:1000px;
text-align:center;
display: block;
padding:40px 40px 50px 40px;
background:rgba(255,255,255,0.7);
/*text-shadow:0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;*/
/*background:var(--color2);*/

padding: 0;
margin: 0 auto;
font:60px 'PT Serif';
font-weight:600;
letter-spacing:2px;
color: #313131;

text-transform:none
	}

.flexslider .slides img {
width:100%;
text-align:center;
display: block;
padding: 0;
margin: 0 auto;
	}
	
@media screen and (max-width: 1200px) {
.flexslider .slides h2 {font-size:36px;}
}
	
@media screen and (max-width: 600px) {
.flexslider .slides h2 {font-size:24px;}
}

	