@font-face {
	font-family: 'Proba Pro';
	src: url('fonts/ProbaProRegular.eot');
	src: url('fonts/ProbaProRegular.eot') format('embedded-opentype'),
		 url('fonts/ProbaProRegular.woff2') format('woff2'),
		 url('fonts/ProbaProRegular.woff') format('woff'),
		 url('fonts/ProbaProRegular.ttf') format('truetype'),
		 url('fonts/ProbaProRegular.svg#ProbaProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Proba Pro';
	src: url('fonts/ProbaProLight.eot');
	src: url('fonts/ProbaProLight.eot') format('embedded-opentype'),
		 url('fonts/ProbaProLight.woff2') format('woff2'),
		 url('fonts/ProbaProLight.woff') format('woff'),
		 url('fonts/ProbaProLight.ttf') format('truetype'),
		 url('fonts/ProbaProLight.svg#ProbaProLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

*,
*:before,
*:after {box-sizing: border-box;}

.clear:before,
.clear:after {content: ''; display: table;}
.clear:after {clear: both;}

html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; padding: 0; font-family: "Proba Pro"; font-size: 16px; line-height: 1.5;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

img {display: inline-block; vertical-align: top;}

.mt100 {margin-top: 100px;}
.mb-50 {margin-bottom: -50px;}

.number {display: inline-block; vertical-align: top; line-height: 1em; white-space: nowrap; opacity: 0; transition: opacity .5s; text-align: center;}
.number div {position: relative; display: inline-block; vertical-align: top; overflow: hidden; color: transparent;}
.number div span {display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0; width: 100%; color: #000;}
.number div span:first-child {transform: translateY(0em);}
.number div span:last-child {transform: translateY(1em);}
.number.onScreen {opacity: 1; transition: opacity .5;}

.os {opacity: 0;}
.os.osUp {transform: translateY(50px);}
.os.osDown {transform: translateY(-50px);}
.os.osLeft {transform: translateX(50px);}
.os.osRight {transform: translateX(-50px);}
.os.onScreen {opacity: 1; transform: translate(0, 0); transition: transform 1.5s, opacity 1.5s;}

.container input,
.container textarea,
.container button,
.container select {-moz-appearance: none; -webkit-appearance: none; border-radius: 0px; outline: 0;}
.container input:focus,
.container textarea:focus,
.container button:focus,
.container select:focus {outline: 0;}

.full-page {height: 100%; min-height: 800px; position: relative; color: #fff;}
.full-page:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,.3);}
.full-page .parallax-window {position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.full-page .video, .full-page .video-m {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden;}
.full-page .video video, .full-page .video-m img {display: block; min-height: 100%; min-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.full-page .video:after, .full-page .video-m:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.full-page .ham {position: absolute; right: 30px; top: 70px; width: 24px; height: 20px; background: url(images/ham.png) no-repeat center; cursor: pointer; z-index: 1; display: none;}
.full-page .logo {display: block; position: absolute; left: 30px; top: 70px; width: 63px; height: 63px; background: url(images/logo.png) no-repeat center; z-index: 1;}
.full-page .bottom-left {display: none; position: absolute; left: 30px; bottom: 30px; font-size: 13px; z-index: 1;}
.full-page .bottom-center {display: none; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 13px; z-index: 1; padding-bottom: 80px; background: url(images/icon-scroll.png) no-repeat center bottom; cursor: pointer;}
.full-page .bottom-right {display: none; position: absolute; right: 30px; bottom: 30px; font-size: 13px; z-index: 1;}
.full-page .video-m{
    display: none;
}
/*.full-page .content {max-width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(images/main-map.png) no-repeat left center;  z-index: 2; font-size: 48px; line-height: 52px; padding: 120px 0 0 140px;}*/
.full-page .content {width: fit-content; height: 380px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(images/main-map.png) no-repeat left center; z-index: 2; font-size: 40px; line-height: 52px; padding: 120px 0 0 140px;}

.full-page .content .descr{font-size: 16px;line-height: 26px;margin-top: 50px;}
.full-page nav {position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 3;}
.full-page nav ul {}
.full-page nav ul li {}
.full-page nav ul li a {font-size: 13px; line-height: 40px; color: #fff; text-decoration: none; white-space: nowrap;}
.full-page nav ul li a span {display: inline-block; vertical-align: top; overflow: hidden; opacity: 0; max-width: 0; transition: opacity .2s, max-width .5s; }
.full-page nav ul li a span:before {content: ''; display: inline-block; vertical-align: top; width: 30px; height: 20px; border-bottom: 1px solid rgba(255,255,255,.4); margin: 0 15px;}
.full-page nav ul li a:hover span {opacity: 1; max-width: 500px; transition: opacity .2s;}

.full-page.img{background-image: url(images/yvv.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

/*body.n .full-page .video {display: none;}*/
/*body.n .full-page .parallax-window {display: block;}*/
/*body.n1 .full-page .bg {background-image: url(images/n1_800.jpg);}*/
/*body.n2 .full-page .bg {background-image: url(images/n2_800.jpg);}*/
/*body.n3 .full-page .bg {background-image: url(images/n3_800.jpg);}*/
/*body.n4 .full-page .bg {background-image: url(images/n4_800.jpg);}*/
/*body.n5 .full-page .bg {background-image: url(images/n5_800.jpg);}*/
/*body.n6 .full-page .bg {background-image: url(images/n6_800.jpg);}*/
/*body.n7 .full-page .bg {background-image: url(images/n7_800.jpg);}*/
/*body.n8 .full-page .bg {background-image: url(images/n8_800.jpg);}*/
body.n .full-page .content {width: 100%; height: auto; left: 0; top: 50%; transform: translate(0, -50%); background: none; padding: 0; text-align: center;}
body.n .full-page .content span {display: inline-block; vertical-align: top; max-width: 460px; font-size: 18px; line-height: 29px; margin-top: 60px;}
body.n .full-page .bottom-center {display: block;}


section {overflow: hidden}
section .desc {}
section .header {font-size: 48px; line-height: 52px; padding: 40px 0; background: none;}
section .header-small {font-size: 30px; line-height: 44px; padding-bottom: 50px; max-width: 500px; margin-left: auto; margin-right: auto;}
section .header-small + .desc {padding-bottom: 20px;}

section.text {padding: 130px 0 100px 0;}
body.n section.text {padding-top: 0;}

section.naprav {}
section.naprav a {display: block; width: 100%; height: 500px; text-align: center; color: #fff; text-decoration: none; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 48px; line-height: 52px; position: relative;}
section.naprav a:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,.3);}
section.naprav a > span {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .2s; z-index: 0;}
section.naprav a > span:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .2s; z-index: 0;}
section.naprav a:hover > span {background: rgba(0,0,0,.3); transition: all .2s;}
section.naprav a:hover > span:before {background: rgba(0,90,255,.7); transition: all .2s;}
section.naprav a > span > span {display: block; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 1;}
section.naprav a > span > span sup {font-size: 18px; opacity: .8; padding-right: 30px; vertical-align: super;}
section.naprav a.n1 {
    background-image: url("images/n1_500.webp");
}
section.naprav a.n2 {
    background-image: url("images/n2_500.webp");
}
section.naprav a.n21 {
    background-image: url("images/agriculture.webp");
}
section.naprav a.n3 {
    background-image: url("images/n3_500.webp");
}
section.naprav a.n31 {
    background-image: url("images/ecology.webp");
}
section.naprav a.n4 {
    background-image: url("images/n4_500.jpeg");
}
section.naprav a.n5 {
    background-image: url("images/n4_500.webp");
}
section.naprav a.n6 {
    background-image: url("images/n6_500.jpeg");
}
section.naprav a.n7 {
    background-image: url("images/n6_500.webp");
}
section.naprav a.n8 {background-image: url(images/n7_500.webp);}
section.naprav a.n9 {background-image: url(images/n9_500.jpg);}
section.naprav a.n10 {background-image: url(images/n10_500.jpg);}
section.naprav a.n11 {background-image: url(images/cifrovizaciya.jpg);}

section.also {border-top: 1px solid #ebebeb;}
section.also .left,
section.also .right {width: 50%;}
section.also a {display: block; width: 100%; height: 81px; line-height: 81px; font-size: 24px; color: #000; text-decoration: none; transition: all .2s;}
section.also a sup {font-size: 14px; padding-right: 10px;}
section.also .left a {border-right: 1px solid #ebebeb;}
section.also .left a:before {content: ''; display: inline-block; vertical-align: top; width: 14px; height: 49px; margin: 16px 30px 0; background: url(images/arrows-small.png) no-repeat 0px 0px;}
section.also .right a {text-align: right;}
section.also .right a:after {content: ''; display: inline-block; vertical-align: top; width: 14px; height: 49px; margin: 16px 30px 0; background: url(images/arrows-small.png) no-repeat -14px 0px;}
section.also a:hover {background: #0059ff; color: #fff; transition: all .2s;}
section.also .left a:hover:before {background-position: 0px -49px;}
section.also .right a:hover:after {background-position: -14px -49px;}

.about {margin-top: 100px;}
.about .item {font-size: 36px; line-height: 42px; margin: 0 auto; text-align: center;}
body.n2 .about {background: url(images/n2_about.png) no-repeat center top; min-height: 494px;}
body.n2 .about .item {max-width: 530px; padding: 95px 0 0;}
body.n3 .about {background: url(images/n3_about.png) no-repeat center top; min-height: 405px;}
body.n3 .about .item {max-width: 560px; padding: 150px 0 0;}
body.n4 .about {background: url(images/n4_about.png) no-repeat center top; min-height: 460px;}
body.n4 .about .item {max-width: 570px; padding: 35px 0 0;}
body.n5 .about {background: url(images/n5_about.png) no-repeat center top; min-height: 414px;}
body.n5 .about .item {max-width: 500px; padding: 150px 0 0;}
body.n7 .about {background: url(images/n7_about.png) no-repeat center top; min-height: 514px;}
body.n7 .about .item {max-width: 540px; padding: 215px 0 0;}
body.n8 .about {background: url(images/n8_about.png) no-repeat center top; min-height: 509px;}
body.n8 .about .item {max-width: 575px; padding: 80px 0 0;}

.olimp {margin-top: 100px; background: url(images/olimp.png) no-repeat center top; min-height: 303px;}
.olimp .item {text-align: center; max-width: 350px; padding: 60px 0 0; margin: 0 auto;}
.olimp .item > span {display: block; font-size: 120px; font-weight: 300; line-height: 1; margin-bottom: 10px;}
.olimp .item > p {}

.row.informer_1 {margin-top: 100px; color: #fff; font-weight: 300;}
.row.informer_1 .item {text-align: center; position: relative; padding: 70px 30px;}
.row.informer_1 .item {position: relative;}
.row.informer_1 .item > div {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center;}
.row.informer_1 .item > div:before {content: ''; display: block; width: 100%; height: 100%; background: #0060ff; opacity: .7;}
.row.informer_1 .item > span {display: block; position: relative; z-index: 2; font-size: 36px; line-height: 47px;}
.row.informer_1 .item > span:after {content: ''; display: block; width: 40px; height: 1px; background-color: #bebebe; margin: 25px auto 55px;}
.row.informer_1 .item > p {max-width: 615px; margin: 0 auto; position: relative; z-index: 2;}

.row.infograf_1 {margin-top: 100px;}
.row.infograf_1 .item {text-align: center; position: relative; padding: 80px 30px; margin-bottom: 20px;}
.row.infograf_1 .item:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f2f2f2; z-index: 1; transition: all .2s;}
.row.infograf_1 .item > div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: none; z-index: 1;}
.row.infograf_1 .item > span {z-index: 2; display: block; font-size: 54px; line-height: 54px; position: relative;}
.row.infograf_1 .item > span:after {content: ''; display: block; width: 40px; height: 1px; background: #bebebe; margin: 30px auto 50px;}
.row.infograf_1 .item > p {position: relative; z-index: 2;}
.row.infograf_1 .item:hover {color: #fff;}
.row.infograf_1 .item:hover span span span {color: #fff;}
.row.infograf_1 .item:hover:before {background: #0060ff; transition: all .2s;}
.row.infograf_1 .item:hover > div {display: block; opacity: .25;}
.row.infograf_1 .item:hover > span:after {opacity: .6;}

.row.infograf_2 {margin-top: 100px;}
.row.infograf_2 .item {text-align: center; position: relative; padding: 0 30px; margin-bottom: 20px;}
.row.infograf_2 .item > span {z-index: 2; display: block; font-size: 72px; line-height: 72px; position: relative; font-weight: 300;}
.row.infograf_2 .item > span:after {content: ''; display: block; width: 40px; height: 1px; background: #bebebe; margin: 30px auto;}
.row.infograf_2 .item > p {position: relative; z-index: 2;}

.row.infograf_3 {margin-top: 100px;}
.row.infograf_3 .item {text-align: center; margin-bottom: 20px;}
.row.infograf_3 .item > span {display: block; height: 80px; background-position: center bottom; background-repeat: no-repeat;}
.row.infograf_3 .item > p {padding-top: 20px;}

.infograf_n2 {margin-top: 100px; background: url(images/infograf_n2.png) no-repeat center bottom; font-size: 14px; line-height: 20px;}
.infograf_n2 .items {height: 452px; position: relative;}
.infograf_n2 .items .item {position: absolute; left: 50%;}
.infograf_n2 .items .item:nth-child(1) {top: 10px; margin-left: -272px;}
.infograf_n2 .items .item:nth-child(2) {top: 110px; margin-left: -324px;}
.infograf_n2 .items .item:nth-child(3) {top: 63px; margin-left: 132px;}
.infograf_n2 .items .item:nth-child(4) {top: 158px; margin-left: 132px;}
.infograf_n2 .items .item:nth-child(5) {top: 253px; margin-left: 132px;}
.infograf_n2 .items .item > span {display: block; text-transform: uppercase;}

.row.timeline_1 {margin-top: 100px;}
.row.timeline_1 .item {text-align: center;}
.row.timeline_1 .item:after {content: ''; display: block; width: 1px; height: 120px; background: #cccccc; margin: 35px auto;}
.row.timeline_1 .item:last-child:after {display: none;}
.row.timeline_1 .item > span {display: block; font-size: 54px; line-height: 54px; font-weight: 300; margin-bottom: 20px;}
.row.timeline_1 .item > p {}

.row.timeline_2 {margin-top: 100px;}
.row.timeline_2 .header {text-align: center; font-size: 16px; line-height: 23px; padding: 0 0 90px; width: 400px; margin: 0 auto;}
.row.timeline_2 .item {text-align: center; margin-bottom: 190px;}
.row.timeline_2 .item:last-child {margin-bottom: 0;}
.row.timeline_2 .item > span {display: block; font-size: 120px; line-height: 1; font-weight: 300;}
.row.timeline_2 .item > p {}

.row.timeline_3 {margin-top: 100px;}
.row.timeline_3 .header {text-align: center; font-size: 16px; line-height: 23px; padding: 0 0 90px; width: 375px; margin: 0 auto;}
.row.timeline_3 .item {text-align: center;}
.row.timeline_3 .item:after {content: ''; display: block; width: 1px; height: 120px; background: #cccccc; margin: 35px auto;}
.row.timeline_3 .item:last-child:after {display: none;}
.row.timeline_3 .item > p {font-size: 22px; line-height: 30px;}

.pasporta-cont {margin-top: 100px;}
.pasporta {}
.pasporta .item {display: block; text-decoration: none; color: #000;}
.pasporta .item > div {position: relative;}
.pasporta .item > div > div {height: 300px; background-size: cover; background-position: center; position: relative; z-index: 2; transition: all .2s;}
.pasporta .item > div:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: all .2s;}
.pasporta .item > div:after {content: ''; opacity: 0; position: absolute; left: 50%; top: 50%; width: 60px; height: 40px; margin-left: -30px; margin-top: -20px; z-index: 3; background: url(images/eye.png) no-repeat center; transition: all .2s;}
.pasporta .item > span {display: block; font-size: 20px; line-height: 26px; text-transform: uppercase; padding-top: 35px;}
.pasporta .item > p {padding-top: 10px;}
.pasporta .item:hover > div:before {background: #0060ff; transition: all .2s;}
.pasporta .item:hover > div > div {opacity: .25;}
.pasporta .item:hover > div:after {opacity: 1; transition: all .2s;}

.bx-wrapper .bx-viewport {left: 0; background: none; box-shadow: none; border: none;}
.bx-wrapper .bx-controls-direction {display: none;}
.bx-wrapper .bx-controls-direction a {width: 32px; height: 118px; top: 91px; margin-top: 0; background-image: url(images/arrows-big.png);}
.bx-wrapper .bx-prev {left: -72px; background-position: 0px 0px;}
.bx-wrapper .bx-prev:hover {background-position: 0px -118px;}
.bx-wrapper .bx-next {right: -72px; background-position: -32px 0px;}
.bx-wrapper .bx-next:hover {background-position: -32px -118px;}

.row.chart {margin-top: 100px;}
.row.chart canvas {}
.row.chart .header-small {}

.row.video {margin-top: 100px;}
.row.video .video-cont {position: relative;}
.row.video .video-cont .row {}
.row.video .video-cont .row > div {position: relative;}
.row.video .video-cont iframe {display: block; width: 100%;}
.row.video .video-cont .bx-wrapper {margin-bottom: 0; z-index: 1; position: relative;}
.row.video.active .video-cont .bx-wrapper {z-index: 2;}
.row.video .video-cont .bx-wrapper .bx-viewport {box-shadow: 0px 0px 10px rgba(0,0,0,0); transition: all .2s;}
.row.video.active .video-cont .bx-wrapper .bx-viewport {box-shadow: 0px 0px 10px rgba(0,0,0,.3); transition: all .2s;}
.row.video .video-cont .bx-wrapper .bx-pager {text-align: left; position: relative; bottom: auto; height: 6px; padding: 0; margin-top: 20px;}
.row.video .video-cont .bx-wrapper .bx-pager.bx-default-pager a {width: 6px; height: 6px; border-radius: 50%; margin: 0 15px 0 0; background: rgba(0,0,0,.1);}
.row.video .video-cont .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0060ff;}
.row.video .video-cont .text {position: absolute; width: 320px; top: 50%; transform: translate(0, -50%); padding-bottom: 26px; z-index: 2; transition: all .2s;}
.row.video.active .video-cont .text {z-index: 1; transform: translate(-70px, -50%); transition: all .2s;}
.row.video .video-cont .text .header {padding: 0; font-size: 100px; line-height: 1; font-weight: 300;}
.row.video .video-cont .grad {position: absolute; left: 0; top: -6px; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,.7), rgba(255,255,255,0)); z-index: 2; transition: all .2s;}
.row.video.active .video-cont .grad {width: 0; transition: all .2s;}

.row.foto {margin-top: 100px;}
.row.foto .bx-wrapper {margin-bottom: 0; z-index: 1; position: relative;}
.row.foto .bx-wrapper .bx-pager {text-align: left; position: relative; bottom: auto; height: 6px; padding: 0; margin-top: 20px;}
.row.foto .bx-wrapper .bx-pager.bx-default-pager a {width: 6px; height: 6px; border-radius: 50%; margin: 0 15px 0 0; background: rgba(0,0,0,.1);}
.row.foto .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0060ff;}
.row.foto .desc {height: 100%; position: relative;}
.row.foto .desc > div {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 22px; line-height: 31px; padding-bottom: 26px;}


/* Menu */

@font-face {
	font-family: 'Lato';
	src: url("fonts/Lato-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url("fonts/Lato-Italic.ttf");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url("fonts/Lato-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

.header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 105;
  background-color: #333;
  padding: 0px 15px;
}
.header-container{
	/* margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;		 */
}
.header-cont{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;   
}
.header-logo{
	display: none;
	margin-top: 20px;
}
.header-main-menu{
	display: none;
	font-size: 0;
}
.header .main-menu > ul{

}
.header-logo__img--scroll{
	display: none;
}
.header-main-menu > ul > li > a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;	
	font-weight: bold;
	font-family:'Lato';
}
.header-main-menu > ul > li > a:hover{
	color: #3C7CF3;
	/* text-decoration: underline; */
}
.header-menu-s1{
	font-size: 0;
}
.header-menu-s1 a{

}
.header-menu-s1__title{
	font-weight: bold;
	line-height: 30px;
	font-size: 20px;
	color: #4A4A4A;	
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	text-decoration: none;
	display: inline-block;
}

.header-m-menu{
	display: block;
	width: 42px;
	height: 42px;
	background: url(images/m-menu.svg) center no-repeat;
	float: right;
	margin-top:20px;
}
.header-m-menu.close{
	background: url(images/m-menu-close.svg) center no-repeat; 
}
.header-menu-caption{
	font-size: 14px;
	text-align: center;
	color: #fff;	
	float: right;
	margin-top: 34px;
	margin-right: 10px;	
}
.header-main-menu-ul{
  padding: 0;
  margin:0;
}

/* Menu End */


/* XS */
@media (max-width: 559px){
    .full-page .content{padding: 120px 0 0 96px;}
    section.naprav a{font-size: 36px;}
/* menu */	
  .header{
      
}
.header.opened{
  bottom: 0px;
  overflow-y: auto;
}		
.header-logo{
  height: 26px;
  margin-top:7px;
}
.header-logo-img{
  max-height: 100%;
}
.header-cont{
  height: 40px;
}	
.header-a-nav-top{
  margin-bottom:4px;
}
.header-m-menu{
  width: 26px;
  height: 26px;
  -webkit-background-size: contain;
  background-size: contain;
  margin-top:7px;
}
.header-menu-caption{
  margin-top:7px;
  line-height: 26px;
}

.header-main-menu > ul > li {
  font-weight: normal;
  
  min-height: 40px;
  line-height: 40px;
  display: block;
  border-top: 1px solid #5d5d5d;
  position: relative;
  background-size: 10px 10px;
}
.header-main-menu > ul > li.level-2{
  
  background: url(images/m-plus.svg) no-repeat 90% 16px;
}
.header-main-menu > ul > li.level-2:hover{
  background: url(images/m-minus.svg) no-repeat 90% 20px;
}		
.header-main-menu > ul > li > a {
  font-weight: normal;
  display: block;
  line-height: 40px;
  padding: 0px 60px 0px 30px;
}
.header-menu-s1-title{
  font-family: Fira Sans Extra Condensed;
  font-weight: bold;
  line-height: 40px;
  font-size: 14px;
  color: #4A4A4A;		
}
.header-m-main-menu-wrp{
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 9px;
}    
.header-main-menu-wrp{
  flex-basis: 100%;
  max-width: 100%;  
}      
/* menu end */

}

/* SM */
@media (min-width: 560px) and (max-width: 729px) {
	.pasporta .item > div > div {height: 260px;}
	.full-page .content{padding: 40px 0 0 90px;}	    
	section.naprav a{font-size: 34px;}

/* menu  */	
.header-cont{
    height: 40px;
  }
    .header.opened{
      bottom: 0px;
      overflow-y: auto;
    }	
    .header-logo {
      height: 26px;
      margin-top: 7px;
    }
    .header-logo-img {
      max-height: 100%;
    }
    .header-m-menu {
      width: 26px;
      height: 26px;
      -webkit-background-size: contain;
      background-size: contain;
      margin-top: 7px;
    }		
    .header-menu-caption{
      margin-top: 7px;
      line-height: 26px;
    }
    .header-a-nav-top {
      margin-bottom: 4px;
    }	
    .header-main-menu > ul > li {
      font-weight: normal;
      
      min-height: 40px;
      line-height: 40px;
      display: block;
      border-top: 1px solid #5d5d5d;
      position: relative;
      background-size: 10px 10px;		
    }
    .header-main-menu > ul > li.level-2{
  
      background: url(images/m-plus.svg) no-repeat 90% 16px;
    }
    .header-main-menu > ul > li.level-2:hover{
      background: url(images/m-minus.svg) no-repeat 90% 20px;
    }	
    .header-main-menu > ul > li > a {
      font-weight: normal;
      line-height: 40px;
      display: block;
      line-height: 40px;	
      padding: 0px 60px 0px 30px;	
    }
    .header-menu-s1-title{
      font-family: Fira Sans Extra Condensed;
      font-weight: bold;
      line-height: 40px;
      font-size: 14px;
      color: #4A4A4A;		
    }

    .header-m-main-menu-wrp{
      flex-basis: 100%;
      max-width: 100%;
      margin-bottom: 9px;
    }    
    .header-main-menu-wrp{
      flex-basis: 100%;
      max-width: 100%;  
    }      
  /* menu end */



}

/* MD */
@media (min-width: 730px) and (max-width: 989px) {
	.pasporta .item > div > div {height: 223.3333px;}
	.full-page .content{    padding: 20px 0 0 80px;}

/* menu */	
.header-cont{
	height: 50px;
  }
  .header.opened{
	bottom: 0px;
	overflow-y: auto;
  }		
  .header-main-menu{
	width: 387px;
	float: right;
  }
  .header-a-nav-top{
	margin-bottom:9px;
  }
  .header-m-menu{
	width: 26px;
	height: 26px;
	-webkit-background-size: contain;
	background-size: contain;
	margin-top: 12px;
	margin-right: 30px;
  }
  .header-logo {
	margin-top: 12px;
	margin-left: 30px;
  }
  .header-menu-caption{
	margin-top:3px;
	line-height: 42px;
  }
  .header-main-menu > ul > li {
	font-weight: normal;
	min-height: 40px;
	line-height: 40px;
	display: block;
	border-top: 1px solid #5d5d5d;
	position: relative;
	background-size: 10px 10px;
  }
  .header-main-menu > ul > li.level-2{		
	background: url(images/m-plus.svg) no-repeat 90% 16px;
  }
  .header-main-menu > ul > li.level-2:hover{
	background: url(images/m-minus.svg) no-repeat 90% 20px;
  }	
  .header-main-menu > ul > li > a {
	font-weight: normal;
	line-height: 50px;
	display: block;	
	padding: 0px 60px 0px 30px;			
  }
  .header-menu-s1-title{
	font-family: Fira Sans Extra Condensed;
	font-weight: bold;
	line-height: 30px;
	font-size: 16px;
	color: #4A4A4A;		
  }

  .header-m-main-menu-wrp{
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom: 9px;
  }    
  .header-main-menu-wrp{
	flex-basis: 100%;
	max-width: 100%;  
  }  

/* menu end */

}
@media (max-width: 768px){
    .full-page .video-m{
        display: block;
    }
    .full-page .video{
        display: none;
    }
}

/* LG */
@media (min-width: 990px) and (max-width: 1169px) {
/* menu  */
.header-cont{
	height: 50px;
	 
  }	
  .header.opened{
	bottom: 0px;
	overflow-y: auto;
  }		
  .header-main-menu{
	width: 504px;
	float: right;
  }
  .header-a-nav-top{
	margin-bottom:9px;
  }
  .header-logo {
	margin-top: 12px;
	margin-left: 50px;
  }	
  .header-m-menu{
	width: 26px;
	height: 26px;
	-webkit-background-size: contain;
	background-size: contain;
	margin-top: 12px;
	margin-right: 50px;
  }
  .header-menu-caption{
	margin-top:4px;
	line-height: 42px;
  }
  .header-main-menu > ul > li {
	font-weight: normal;
	padding: 0px 60px 0px 30px;
	min-height: 40px;
	line-height: 40px;
	display: block;
	border-top: 1px solid #5d5d5d;
	position: relative;
	background-size: 10px 10px;
  }
  .header-main-menu > ul > li.level-2{
	
	background: url(images/m-plus.svg) no-repeat 90% 16px;
  }
  .header-main-menu > ul > li.level-2:hover{
	background: url(images/m-minus.svg) no-repeat 90% 20px;
  }	
  .header-main-menu > ul > li > a {
	font-weight: normal;
	line-height: 50px;
  }
  .header-menu-s1-title{
	font-family: Fira Sans Extra Condensed;
	font-weight: bold;
	line-height: 30px;
	font-size: 16px;
	color: #4A4A4A;		
  }
  .header-m-main-menu-wrp{
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom: 9px;
  }    
  .header-main-menu-wrp{
	flex-basis: 100%;
	max-width: 100%;  
  }  

/* menu end */
}

/* XL */
@media (min-width: 1170px) {
	 /* menu */
	 .header-cont{
		height: 50px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;      
	  }	
	  .header-m-main-menu-wrp{
		flex-basis: 10%;
		max-width: 10%;
	  }    
	  .header-main-menu-wrp{
		flex-basis: 80%;
		max-width: 80%;  
	  }    
	  .header-m-menu{
		display: none;
	  }
	  .header-logo {
		margin-top: 12px;
		margin-left: 50px;
	  }	
	  .header-menu-caption{
		/* margin-top:4px;
		line-height: 42px;  */
		display: none;
	  }	
	  .header-container{
		/* width: 1170px;	 */
	  }
	  .header-main-menu{
		display: block;
	  }
	  .header-main-menu-ul{
		text-align: center;
	  }    
	  .header-main-menu > ul > li{
		display: inline-block;
		margin-left:50px;
		line-height: 45px;
	  }
	  .header-main-menu > ul > li > a {
		font-weight: normal;
		line-height: 50px;
	  }	
	  /* menu end */
}

@media (min-width: 1105px) {
	.bx-wrapper .bx-controls-direction {display: block;}
}

.hide {display: none;}
.show {display: block;}

.left {float: left;}
.right {float: right;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}