
#header {
	position:fixed;
	display:block;
	width: 100%;
	background: #00619d;
	z-index:9;
	text-align:center;
	color: #fff;
	padding: 10px 0;
	box-shadow: 0 -5px 25px #000;
}

#header{
	top:0px;
}

.header__flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	min-width: 0; 
}

.logo {
	text-decoration:none;
	color: #FFF;
	text-transform: uppercase;
	padding:0 20px 0 120px;
	text-align: left;
	font-family: 'lato-semibold', sans-serif;
	font-size: 19px;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
	width: 400px;
	background: #00619d;
	z-index: 999;
}
	.logo span {
		display:block;
		color: #fff;
	}
	.logo i {
		color: #ff3300;
		font-style: normal;
	}
.logo_img {
	position: absolute;
	top: 0;
	left: 10px;
	width: 90px;
	height: 102px;
	text-indent: -9999px;
	background: url(../img/logo.png) no-repeat 50% 50%;
	-webkit-background-size: contain;
	background-size: contain;
}
.logo_text {
	font-size:0.8rem

}
.section section {
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
}

.content {
	margin-top: 7rem;
}
.content h1 {
	color: #00619d;
	font-weight: bold;
	font-size: 4rem;
	line-height: 3.7rem;
	margin: 0 0 4rem -3rem;
	width: 80%;
	text-shadow: 1px 1px 2px #FFF;
}

#yearMenu {
	width: 100%;
	min-width: 0; 
}

/*#yearMenu {
	display:inline-block;
	list-style-type:none;
	padding: 0 20px;
	vertical-align: middle;
}*/
#yearMenu .slick-list {
	overflow: unset;
}
#yearMenu li { float:left; }
#yearMenu a {
	display:block;
	height: 100%;
	padding: 0 0.8rem;
	color: #FFF;
	line-height: 3.2rem;
-webkit-transition: font-size 0.5s;
   -moz-transition: font-size 0.5s;
     -o-transition: font-size 0.5s;
        transition: font-size 0.5s;
}
#yearMenu .slick-current > a {
	color: #ff3300;
}
	#yearMenu .slick-current a {
		font-size: 2rem;
		font-weight: bold;
		text-decoration: none;
	}
#yearMenu .slick-current {
	position: relative;
}
	#yearMenu ul {
		display:none;
		position: absolute;
		background: #00619d;
		z-index: 999;
		top: 100%;
		left: 0;
		margin-top: 10px;
		border-radius: 0 0 10px 10px;

	}
	#yearMenu .slick-current ul {
		display:block;
	}
	#yearMenu .slick-current li a {
		font-size: 1.2rem;
		line-height: 1.8rem;
		font-weight: normal;
	}
#yearMenu .slick-prev,
#yearMenu .slick-next {
	display: none !important;
}

.year {
	position:absolute;
	z-index:0;
	top:25rem;
	font-size: 16rem;
	font-weight: bold;
	color: #008acf;
	left:-8rem;
	opacity:0.7;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.branches-section {
	margin-top:50px;
}

.links__list {
	margin-top:0;
}

.content-popup h1 {
	line-height: 2.5rem;
	text-align: center;
}

body {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
body::before{
  background-color: rgba(255, 255, 255, 0.4);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  z-index:0;
  width: 100%;
}

.startpage h1 {
	position: absolute;
	top: 65px;
	right: 2%;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	font-size: 4.1rem;
	letter-spacing: -0.025rem;
	line-height: 4.7rem;
	text-align: right;
}
	@media only screen and (max-width: 1600px){
		.startpage h1 {
			font-size: 3.1rem;
			line-height: 3.7rem;
		}
	}

figure {
  float: right;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}

img.small {
	width: 100%;
	max-width:230px;
	margin: 0 10px 10px;
}
img.scaled {
  width: 100%;
  max-width:600px;
}
img.scaledmid {
  width: 100%;
  max-width:800px;
}
img.scaledmax {
  width: 100%;
}


/* выравнивание фото по центру с увеличением фото */
.centerjus{
	display: block;
    margin-left: auto;
    margin-right: auto; 
}


.flex_fig_50, .flex_fig_75, .flex_fig {
	display:flex;
	flex: 0 1 100%;
}
	.flex_fig_50 figure {
		float:none;
		width:50%;
	}
	.flex_fig_75 figure:first-child {
		float:none;
		width:65%;
	}
	.flex_fig_75 figure:last-child {
		float:none;
		width:28%;
	}

	figure.c_fig {
		float: none;
		width: 80%;
		margin: 0 auto;
	}

	figure.sm_fig {
		float: none;
		width: 30%;
		margin: 0 auto;
	}

	figure.b_fig {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

@media only screen and (max-width: 1279px){
	figure img {
		width: 100%;
	}
	figcaption {
		font-size: 0.8rem;
		line-height: 1.2rem;
	}
}

.fp-controlArrow.fp-next {
	border-color: transparent transparent transparent #00619d;
}
.fp-controlArrow.fp-prev {
	border-color: transparent #00619d transparent transparent;
}

.slide .fp-tableCell, .slide .fp-tableCell .fp-scroller {
	position: relative;
}

.meter.meter_empty:after {
	background: url(../img/bg-meter-empty.png) no-repeat 100% 0;
}
	.meter.meter_empty img {
		width: 220px;
		height:auto;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.links__list__three .links__item {
	width: 33.33%;
}
	.links__list__three  .links__inner::before {
		padding-top: 20%;
	}
.links__content__wide {
	max-width: 100%;
}
.cont-link-dis {
	background-color: #E2E2E2;
}
a.links__inner.cont-link-dis:hover {
	background-color: #E2E2E2;
	border: 0;
}
	.cont-link-dis strong, a.links__inner.cont-link-dis:hover strong {
		color:#888;
	}

section.links-section-last {
	margin-bottom: 60px;
}

#yearMenu .slick-slide a:hover {
	color: #ff3300;
}



.lightgallery {
	display:flex;
	flex: 0 1 33.33%;
	flex-wrap: wrap;
}
	.lightgallery a {
		display: block;
		box-sizing: border-box;
		width: 33.33%;
		padding: 0 1.8rem;
		text-decoration: none;
	}
	.lightgallery a img {
		max-width: 100%;
	}
	.lightgallery p {
		font-size: 1rem;
		line-height: 1.3rem;
		margin-top: 1rem;
	}


@media only screen and (max-width: 1279px){
	.lightgallery {
		flex: 0 1 50%;
	}
		.lightgallery a {
			width: 50%;
			padding: 0 0.8rem;
			margin-bottom: 1.4rem;
		}
}

@media only screen and (max-width: 699px){
	.lightgallery {
		flex: 0 1 100%;
	}
	.lightgallery a {
		width: 100%;
		padding: 0;
		margin-bottom: 1.8rem;
	}
	/*
		.lightgallery p {
			font-size:0.8rem;
			margin-top:0.5rem;
		}
	*/
}


.yearMenuWrapper {
	width: calc(100% - 400px);
}

@media only screen and (max-width: 1600px){
	.content h1 {
		margin-left:0;
	}
}

@media only screen and (max-width: 1200px){
	.year {
	  font-size: 15rem;
	  left: -7rem;
	  top: 28rem;
	}

	.meter:not(.meter_empty) {
		display:none;
	}
	.section .branches-section, .section .links-section, .section section {
		padding-left: 0;
		padding-right: 0;
	}

	.branches {
		padding-left: 0 
	}
	.content h1 {
		margin-left:0;
	}
	.branches {
		display: flex;
		flex-direction: column;
		min-height: auto;
	}
		.branches .branches-map, .branches .branches-map .meter_empty {
			flex: 0 1 auto;
			padding: 0;
			margin: 0;
		}
		.branches .branches-map {
			margin-bottom: 2rem;
		}
		.meter_empty {
			position: relative;
			width:100%;
			height: auto;
			text-align: center;
		}

		.meter_empty:before, .meter_empty:after {
			display: none;
		}
			.meter_empty .meter__holder, .meter.meter_empty img {
				top: auto;
				left: auto;
				right: auto;
				position: relative;
				transform: none;
				width: auto;
				height: auto;
			}


	.startpage .links-section .links__list .links__item{
		width: 50%;
	}
	.startpage .links__inner::before {
		padding-top: 24%;
	}
	.links__content  {
		max-width: unset;
	}
	.links__frame  {
		width: 100%;
	}
	.links__title {
		text-align: center;
	}

	.footer-col {
		flex: 0 1 auto;
		width: 50%;
	}
	.footer-bottom-holder::after {
		display: none;
	}
}

@media only screen and (max-width: 699px){
	#fullpage {
		top: 0;
		height: 100%;
		position: relative;
	}
	#fullpage .section {
		position: relative;
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.btn-menu-close > i::before, .btn-menu-close > i::after {
		background: #8e8e8e;
	}

	.bg-figure-one {
		margin-left: 30vw;
	}
	.bg-figure-two {
		right: 30%;
	}

	.year {
	  font-size: 11rem;
	  left: -7rem;
	  top: 27rem;
	}
	.content h1 {
		font-size: 2.6rem;
		line-height: 2.3rem;
		width: 100%;
	}

	.logo {
		width: 110px;
		padding: 0;
	}
	.logo-text {
		display: none;
	}
	.yearMenuWrapper {
		width: calc(100% - 110px);
		height: 52px;
	}
		#yearMenu {
			display: none;
		}
	.info__inner {
		height: 370px;
	}
	.info__text {
		padding: 10px 15px;
		font-size: 14px;
		line-height: 17px;
	}
		.info__img::before {
			padding-top: 160px;
		}

		.links__list__three .links__inner::before {
			padding-top: 67%;
		}

		.links__title {
			font-size: 11px;
			line-height: 14px;
			text-align: center;
			font-weight: normal;
			letter-spacing: 0;
		}

		.startpage .links__title {
			font-size: 13px;
			line-height: 17px;
			letter-spacing: 0.05em;			
		}

		.startpage .links-section .links__list .links__item{
			width: 100%;
		}
		.startpage .links__inner::before {
			padding-top: 15%;
		}


	.fp-controlArrow.fp-next {
		right: 10px;
	}
	.fp-controlArrow.fp-prev {
		left: 10px;
	}

	.extra-popup__content {
		background-image: none !important;
		background-color: #f9f9f9;
	}
		.extra-popup__content::before {
			display: none;
		}
	
	.content-popup .layout {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1rem;
		line-height: 1.4rem;
	}
		.content-popup h1 {
			line-height: 2rem;
			font-size: 1.6rem;			
		}
		.content-popup h2 {
			line-height: 1.6rem;
			font-size: 1.4rem;
		}
	figure.c_fig {
		width: 100%;
		padding:0.5em 0;
	}
		.flex_fig_50 figure {
			padding:0.5em 0;
		}
		figure p {
			padding: 0;
			margin: 0;
		}
		figcaption {
			line-height: 1.1rem;
		}

	.flex_fig_50, .flex_fig_75 {
		flex-direction: column;
	}
	.flex_fig_50 figure, .flex_fig_75 figure, .flex_fig_75 figure:first-child, .flex_fig_75 figure:last-child {
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
		width:100%;
	}
}

@media only screen and (max-height: 760px){
	.content h1 {
		margin-bottom: 2rem;
	}

	.info__text {
		padding-top:0;
		padding-bottom:0;
	}
	.info__inner {
		height: 308px;
	}
		.info__img::before {
			padding-top: 140px;
		}
	.links__list__three .links__inner::before {
	  padding-top: 51%;
	}
}
