#section-1{ background-position:50% -82px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; }
#section-1, #section-1 .center{ height:82px; }
#section-1 .logo { background-image:url(../img/logo-white.svg); background-position:50% 50%; }
#section-1 .blur { position:absolute; width:100%; background-position:50% -82px; background-repeat:no-repeat; background-attachment:fixed; background-size: cover;  }

#section-2{ background:url(../img/geography-2.jpg) 50% -82px no-repeat; background-attachment:fixed; background-size: cover; height:450px; }
#section-2 .img{ letter-spacing:3px; text-transform:uppercase; font:42px '__Forum_5', 'Tinos', serif; color:#074369; text-align:center; width:650px; height:200px; position:absolute; top:50%; left:50%; margin:-150px 0px 0px -325px; }

.text-section .title{ font-size:36px; line-height:43px; color:#3f3f3f; font-family:'__Forum_5', 'Tinos', serif; text-align:center; margin:75px 0px 0px; padding:0px 52px 17px; background:url(../img/line-1.png) 50% 100% no-repeat; text-transform: uppercase; }
.text-section .text{ font-size:16px; line-height:20px; color:#888; font-family:'__Myriad Set Pro_5', 'Tahoma', sans-serif; text-align:justify; margin:29px 0px 0px; padding:0px 52px 0px; }
.text-section .text p{ margin:0px 0px 20px; }

#section-3 { padding-bottom:77px; }
#section-3 .text { text-align:justify; color:#888; font:16px Georgia; width:915px; margin:94px auto 0; line-height:24px; }

#section-4{ background:url(../img/geography-3.jpg) 50% 0% no-repeat; background-size:cover; background-attachment:fixed; padding-bottom:35px; }
#section-4 .text{ position:absolute; top:50%; left:50%; width:1024px; margin:-90px 0px 0px -512px; }
#section-4 .text .title{ font-size:60px; line-height:61px; color:#fff; font-family:'__Forum_5', 'Tinos', serif; text-align:center; letter-spacing:3px; text-transform: uppercase; }
#section-4 .text .subtitle{ font-size:14px; line-height:20px; color:#fff; font-family:'__Myriad Set Pro_5', 'Tahoma', sans-serif; text-align:center; letter-spacing:9px; margin:2px 0px 0px; text-transform: uppercase; }
#section-4 .text .show-video{ width:52px; height:52px; display:block; margin:44px auto 0px; background:url(../img/triangle-1.svg) 21px 50% no-repeat; background-size:9px 17px; border:2px solid #fff; border-radius:50%; }
.ie8 #section-4 .text .show-video{ background-image:url(../img/triangle-1.png); }

#section-4 .title-block{ width:920px; margin:40px auto 0; border:1px solid #fff; border-top:0px; text-align:center; padding:50px 40px 45px; position:relative; }
.ie8 #section-4 .title-block{ border:1px solid #e2e2e2; }
#section-4 .title-block .border-top { background:url(../img/title-block-border-top.png) center 0 no-repeat; width:918px; height:10px; position:absolute; top:0; left:0; }
#section-4 .title-block .title{ font-size:60px; line-height:48px; color:#fff; font-family:'__Forum_5', 'Tinos', serif; letter-spacing: 4px; }
#section-4 .title-block .subtitle{ font-size:36px; line-height:40px; color:#fff; font-family:'__Forum_5', 'Tinos', serif; letter-spacing:2px; }
#section-4 .title-block .subtitle p { font-size:60px; line-height:60px; }
#section-4 .value-list{ width:100%; margin:35px auto 0px; text-align:center; font-family:'__Forum_5', 'Tinos', serif; }
#section-4 .value-list .col{ width:33%; text-align:center; padding: 0px 30px; vertical-align: top; min-width: 80px; }
#section-4 .value-list .col .value{ font-size:75px; line-height:75px; color:#fff; margin:0px; }
#section-4 .value-list .col .value span{ font-size:36px; line-height:1; }
#section-4 .value-list .col .value-title{ font-size:30px; line-height:34px; color:#fff; margin:0px; }
#section-4 .value-list .col .value-currency{ font-size:14px; line-height:16px; color:#fff; letter-spacing: 1px; margin:5px 0px 0px; }

#section-5 { display: none !important; }
#section-5 .title { font-size:42px; letter-spacing:3px; padding-bottom:25px; background-image:url(../img/short-line.png); }
#section-5 .text { text-align:justify; color:#888; font:16px Georgia; width:915px; margin-left:auto; margin-right:auto; line-height:24px; }
#section-5 .button.all-items{ display:inline-block; padding:0 40px; margin:10px auto 0; font-size:16px; font-family:'__Forum_5', 'Tinos', serif; height:42px; line-height:42px; }
#section-5 { text-align:center; }

#section-5 .choose-sector {
	margin: 60px auto 30px;
	font:20px Georgia;
}
#section-5 .map-selector { 
	margin:0 auto 60px;
	width: 990px; height: 110px;
}
#section-5 .map-selector li {
	width: 100px; height: 110px;
	margin:0 5px;
	padding-top: 95px;
	text-align:center;
	float:left;

	background-position:center top;
	background-repeat: no-repeat;
	background-size:80px;

	cursor: pointer;
}
#section-5 .map-selector li span { display:inline-block; color:#06426a; border:1px solid #fff; padding:2px 4px; font:11px '__Forum_5', 'Tinos', serif; text-transform:uppercase; }
#section-5 .map-selector li.active span { border-color:#06426a; }

#section-5 .map-selector li.all { background-image:url(../img/geo-selector-all.png); }
#section-5 .map-selector li.production { background-image:url(../img/geo-selector-production.png); }
#section-5 .map-selector li.construction { background-image:url(../img/geo-selector-construction.png); }
#section-5 .map-selector li.development { background-image:url(../img/geo-selector-development.png); }
#section-5 .map-selector li.entetaiment { background-image:url(../img/geo-selector-entetaiment.png); }
#section-5 .map-selector li.energy { background-image:url(../img/geo-selector-energy.png); }
#section-5 .map-selector li.retail { background-image:url(../img/geo-selector-retail.png); }
#section-5 .map-selector li.restaurants { background-image:url(../img/geo-selector-restaurants.png); }
#section-5 .map-selector li.finance { background-image:url(../img/geo-selector-finance.png); }

#section-5 .map-wrapper {
	width: 100%; height:100vh;
	position:relative;
	overflow: hidden;
}
#section-5 .map-wrapper .map {
	width:100%; height:100%;
	position:absolute;
	
	transition:transform .3s 0s ease;

	background:url(../img/geography-map.jpg) 0 0 no-repeat;
	background-size:100% 100%;
}
#section-5 .map-wrapper ul {
	position: absolute;
	width: 80px; height:180px;
	left:50px; bottom:100px;
}
#section-5 .map-wrapper ul li {
	width: 80px; height: 80px;
	margin-bottom:10px;
	
	cursor: pointer;
}
#section-5 .map-wrapper ul li.plus {
	background: url(../img/geo-plus.gif) 0 0 no-repeat;
}
#section-5 .map-wrapper ul li.minus {
	background: url(../img/geo-minus.gif) 0 0 no-repeat;
}
#section-5 .map div { position:absolute; background:url(../img/geo-mark.png) center bottom no-repeat; color:#0f4466; font-family:'__Forum_5', 'Tinos', serif; text-align:center;  }
#section-5 .map div span { color:#24394a; position:absolute; white-space:nowrap; width:auto; }
#section-5 .map div.big { width:45px; height:70px; font-size:25px; padding-top:10px; background-size:45px; text-align:center; }
#section-5 .map div.big span { font:12px Georgia; bottom:-11px; clear:both; opacity: 0; }

#section-5 .map div.middle { width:45px; height:70px; font-size:16px; padding-top:32px; background-size:29px; text-align:center; }
#section-5 .map div.middle span { font:12px Georgia; bottom:-11px; clear:both; opacity: 0;  }

#section-5 .map div.small { width:45px; height:70px; font-size:15px; padding-top:38px; background-size:23px; }
#section-5 .map div.small span { font:12px Georgia; bottom:-11px; clear:both; opacity: 0; }
#section-5 .map > div:hover { z-index:9999; }
#section-5 .map > div:hover span { opacity: 1; background:#fff; }

#section-5 .map > div span { left:50%; margin-left:-50%; padding:0 5px; }


#section-5 .map .arhangelsk { left:41vw; top:8vw; }
#section-5 .map .belgorod { left:20vw; top:22vw; }
#section-5 .map .vladimir { left:28vw; top:16vw; }
#section-5 .map .volzhskiy { left:22vw; top:30vw; }
#section-5 .map .vologda { left:35vw; top:13vw; }
#section-5 .map .voronezh { left:24vw; top:24vw; }
#section-5 .map .yerevan { left:12.5vw; bottom:10vw; }
//#section-5 .map .yerevan span { color:#fff; background: transparent !important; }
#section-5 .map .zheleznogorsk { left:19vw; top:19vw; }
#section-5 .map .ivanovo { left:31vw; top:16vw; }
#section-5 .map .kaluga { left:24vw; top:19vw; }
#section-5 .map .kazan { left:35vw; top:22vw; }
#section-5 .map .kostroma { left:32vw; top:14vw; }
#section-5 .map .krasnodar { left:16vw; top:30vw; }
#section-5 .map .kursk { left:21vw; top:20vw;  }
#section-5 .map .lipeck { left:23vw; top:19vw;  }
#section-5 .map .moscow { left:26vw; top:16vw; }
#section-5 .map .murom { left:30vw; top:19vw; }
#section-5 .map .nabchelni { left:38vw; top:23vw; }
#section-5 .map .nadim { left:61vw; top:19vw; }
#section-5 .map .niznovgorod { left:34vw; top:17vw; }
#section-5 .map .niztura { left:46vw; top:20vw; }
#section-5 .map .orel { left:22vw; top:16vw; }
#section-5 .map .penza { left:28vw; top:24vw; }
#section-5 .map .perm { left:42vw; top:21vw; }
#section-5 .map .rostov { left:17vw; bottom:22vw; }
#section-5 .map .ryazan { left:26vw; top:19vw;  }
#section-5 .map .samara { left:35vw; top:25vw; }
#section-5 .map .spb { left:23vw; top:9vw; }
#section-5 .map .saransk { left:35vw; top:19vw; }
#section-5 .map .smolensk { left:22vw; top:13vw; }
#section-5 .map .sochi { left:12vw; bottom:22vw; }
#section-5 .map .surgut { left:63vw; top:25vw; }
#section-5 .map .tambov { left:25vw; top:24vw; }
#section-5 .map .tver { left:25vw; top:14vw; }
#section-5 .map .tomsk { left:66vw; top:32vw; }
#section-5 .map .tula { left:26vw; top:19vw; }
#section-5 .map .ulyanovsk { left:33vw; top:24vw; }
#section-5 .map .ufa { left:41vw; top:24vw; }
#section-5 .map .cherepovec { left:33vw; top:12vw; }
#section-5 .map .engels {left:30vw; top:26vw; }
#section-5 .map .yalta { left:15vw; top:20vw; }
#section-5 .map .yaroslavl { left:30vw; top:13vw; }



#section-5 .map .arhangelsk { left:41vw; top:8vw; }
#section-5 .map .belgorod { left:20vw; top:22vw; }
#section-5 .map .vladimir { left:28vw; top:16vw; }
#section-5 .map .volzhskiy { left:22vw; top:30vw; }
#section-5 .map .vologda { left:35vw; top:13vw; }
#section-5 .map .voronezh { left:24vw; top:24vw; }
#section-5 .map .yerevan { left:12.5vw; bottom:10vw; }
//#section-5 .map .yerevan span { color:#fff; background: transparent !important; }
#section-5 .map .zheleznogorsk { left:19vw; top:19vw; }
#section-5 .map .ivanovo { left:31vw; top:16vw; }
#section-5 .map .kaluga { left:24vw; top:19vw; }
#section-5 .map .kazan { left:35vw; top:22vw; }
#section-5 .map .kostroma { left:32vw; top:14vw; }
#section-5 .map .krasnodar { left:16vw; top:30vw; }
#section-5 .map .kursk { left:21vw; top:20vw;  }
#section-5 .map .lipeck { left:23vw; top:19vw;  }
#section-5 .map .moscow { left:26vw; top:16vw; }
#section-5 .map .murom { left:30vw; top:19vw; }
#section-5 .map .nabchelni { left:38vw; top:23vw; }
#section-5 .map .nadim { left:61vw; top:19vw; }
#section-5 .map .niznovgorod { left:34vw; top:17vw; }
#section-5 .map .niztura { left:46vw; top:20vw; }
#section-5 .map .orel { left:22vw; top:16vw; }
#section-5 .map .penza { left:28vw; top:24vw; }
#section-5 .map .perm { left:42vw; top:21vw; }
#section-5 .map .rostov { left:17vw; bottom:22vw; }
#section-5 .map .ryazan { left:26vw; top:19vw;  }
#section-5 .map .samara { left:35vw; top:25vw; }
#section-5 .map .spb { left:23vw; top:9vw; }
#section-5 .map .saransk { left:35vw; top:19vw; }
#section-5 .map .smolensk { left:22vw; top:13vw; }
#section-5 .map .sochi { left:12vw; bottom:22vw; }
#section-5 .map .surgut { left:63vw; top:25vw; }
#section-5 .map .tambov { left:25vw; top:24vw; }
#section-5 .map .tver { left:25vw; top:14vw; }
#section-5 .map .tomsk { left:66vw; top:32vw; }
#section-5 .map .tula { left:26vw; top:19vw; }
#section-5 .map .ulyanovsk { left:33vw; top:24vw; }
#section-5 .map .ufa { left:41vw; top:24vw; }
#section-5 .map .cherepovec { left:33vw; top:12vw; }
#section-5 .map .engels {left:30vw; top:26vw; }
#section-5 .map .yalta { left:15vw; top:20vw; }
#section-5 .map .yaroslavl { left:30vw; top:13vw; }


#section-1 .blur,
.fixed-block-bottom .info{ background-image:url(../img/geography-2-blurred.jpg); }
.fixed-block-bottom .submenu { background:#fff; border-bottom:1px solid #d5e5ee; }
.fixed-block-bottom .submenu ul { display:inline-block; margin-left:30px; }
.en .fixed-block-bottom .submenu ul { margin-left:-210px; }
.fixed-block-bottom .submenu li { width:auto !important; }

@media screen and (max-height: 850px) {
	#section-1, #section-1 .center{ height:77px; }

	#section-2{ height:405px; }
	#section-2 .img{ font-size:38px; width:585px; height:180px; margin:-135px 0px 0px -293px; }

	.text-section .title{ font-size:32px; line-height:39px; margin:68px 0 0; padding:0 47px 15px; }
	.text-section .text{ font-size:14px; line-height:18px; margin:26px 0 0; padding:0 47px; }
	.text-section .text p{ margin:0 0 18px; }

	#section-3 { padding-bottom:69px; }
	#section-3 .text { font-size:14px; width:824px; margin:85px auto 0; line-height:22px; }

	#section-4{ padding-bottom:32px; }
	#section-4 .text{ width:922px; margin:-81px 0px 0px -461px; }
	#section-4 .text .title{ font-size:54px; line-height:54px; }
	#section-4 .text .subtitle{ font-size:13px; line-height:18px; letter-spacing:8px; }
	#section-4 .text .show-video{ width:47px; height:47px; margin:40px auto 0; background:url(../img/triangle-1.svg) 19px 50% no-repeat; background-size:8px 15px; }

	#section-4 .title-block{ width:828px; margin:36px auto 0; padding:45px 36px 41px; }
	#section-4 .title-block .border-top { width:826px; height:9px; }
	#section-4 .title-block .title{ font-size:54px; line-height:43px; }
	#section-4 .title-block .subtitle{ font-size:25px; line-height:36px; }
	#section-4 .value-list{ margin:32px auto 0; }
	#section-4 .value-list .col{ padding: 0px 27px; min-width:72px; }
	#section-4 .value-list .col .value{ font-size:68px; line-height:68px; }
	#section-4 .value-list .col .value span{ font-size:32px; }
	#section-4 .value-list .col .value-title{ font-size:27px; line-height:31px; }
	#section-4 .value-list .col .value-currency{ font-size:13px; line-height:14px; }

	#section-5 .title { font-size:38px; padding-bottom:23px; }
	#section-5 .text { font-size:14px; width:824px; line-height:22px; }
	#section-5 .button.all-items{ padding:0 36px; margin:9px auto 0; font-size:14px; height:38px; line-height:38px; }

	.fixed-block-bottom .menu li.active a:before { top:-16px; margin-left:-9px; width:18px; height:9px; background-size:18px; }

}