.fullScreenPage{
	height: 100%;
	margin: 0;
	width: 100%;
	position: relative;
}


.map-bl {height: 900px;top: -190px;position: relative;}
.cont {	background: url(/img/map33.jpg) center -624px no-repeat #fcfcfc;}

@media (max-width: 1200px) {
.cont {background: url(/img/map34.jpg) center -624px no-repeat #fcfcfc;}
}
@media (max-width: 992px) {
.cont {background: url(/img/map35.jpg) center -624px no-repeat #fcfcfc;}
}
@media (max-width: 660px) {
.cont {background: url(/img/map35.jpg) center -608px no-repeat #fcfcfc;}
}
@media (max-width: 564px) {
.cont {background: url(/img/map35.jpg) center -588px no-repeat #fcfcfc;}
}
@media (max-width: 480px) {
.cont {background: url(/img/map35.jpg) center -617px no-repeat #fcfcfc;}
}
@media (max-width: 468px) {
.cont {background: url(/img/map35.jpg) center -600px no-repeat #fcfcfc;}
}



// .map{position: absolute;z-index: 60;left: 50%;top: 188px;margin-left: -805px;width: 2981px;height: 800px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
// .map:after{content: '';	position: absolute;right: 0;top: 0;height: 100%;width: 1830px;z-index: 10;}

#minimapAnim,
#minimapAnimV2{
	position: absolute;
	left: 208px;
	top: 330px;
width: 325px; height: 217px; background: url("/img/sprite-minimap_180v2.png") center -3038px;
}
#citiesAnim{
	position: absolute;
	left: 50%;
	top: 43px;
	margin-left: -425.5px;
}
.cities-wrap{
	position: absolute;
	left: 50%;
	top: 151px;
	margin-left: -420px;
	width: 1000px;
	height: 0;
	z-index: 1000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.cities{
	position: absolute;
	left: 50%;
	z-index: 65;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.cities div{
	position: absolute;
}

.cities span{
	color: #4b4b4b;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	left: 114px;
	top: 84px;
}
// .cities span:before{content: '';width: 9px;height: 5px;border-radius: 50%;position: absolute;left: -14px;top: 8px;background-color: #4b4b4b;}
.moscow-item{
	margin-left: -380px;
	top: 100px;
}
.moscow-item span {left: -50px;top: 203px;}

.moscow-item div{
	left: -94px;
	top: 196px;
}
.ekat-item{
	margin-left: -12px;
	top: 133px;
}
.ekat-item span{
	top: 66px;
        left: 14px;
}
.ekat-item div{
	left: -29px;
	top: 59px;
}
.astana-item span{
	top: 85px;
}
.astana-item div{
	left: 71px;
	top: 78px;
}
.astana-item{
	margin-left: 66px;
	top: 400px;
}
.chelavb-item{
	margin-left: -90px;
	top: 211px;
}
.chelavb-item span{
	top: 85px;
}
.chelavb-item div{
	left: 71px;
	top: 78px;
}
.text-item{
	position: absolute;
	left: 50%;
font-family: DINPRO-LIGHT, DINPRO-REGULAR, DINWebPro;
}
.russia{
	margin-left: 186px;
	top: 50px;
	font-size: 21px;
	line-height: 20px;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 12px;
}
.kazachstan{
	margin-left: -118px;
	top: 520px;
	font-size: 21px;
	line-height: 20px;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 12px;
}
.spots{
	position: absolute;
	left: 50%;
	width: 15px;
	height: 8px;
	text-align: center;
	z-index: 72;
}
.spot-text{
	position: absolute;
	font-size: 14px;
	line-height: 20px;
	color: #4b4b4b;
	left: 50%;
	top: 18px;
	margin-left: -50px;
	text-align: center;
	width: 100px;
	font-style: normal;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
display:none;
}

.owl-carousel{
	text-align: center;
	padding-top: 30px;
}
.owl-carousel p{
	font-size: 14px;
	line-height: 17px;
	color: #C5CBC9;
}
.owl-buttons{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	z-index: 100;
	width: 100%;
}
.owl-next{
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	background: url(../img/arrows.png) right top no-repeat;
  width: 25px;
  height: 30px;
}
.owl-next:hover{
	background-position: right bottom;
}
.owl-prev{
	position: absolute;
	left: 30px;
	text-indent: -9999px;
	background: url(../img/arrows.png) left top no-repeat;
  width: 25px;
  height: 30px;
}
.owl-prev:hover{
	background-position: left bottom;
}
.owl-pagination{
	position: absolute;
	right: 30px;
	bottom: 18px;
	font-size: 14px;
	line-height: 1;
	color: #C5CBC9;
}
.owl-pagination div{
	display: none;
}
.owl-pagination div.active{
	display: inline-block;
	vertical-align: middle;
}
.owl-pagination div.sum{
	display: inline-block;
	vertical-align: middle;
}
.anim-spot{
	position: absolute;
  left: 0.5px;
  top: -4px;
}
.spot-icon{
	display: none;
}



@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.taxes-img{
		background: url(../img/taxes-img_x2.png) 0 0 no-repeat;
		background-size: 401px 50px;
	}
	.copper-img{
		background: url(../img/percent-img_x2.png) 0 0 no-repeat;
		background-size: 161px 176px;
	}
	.production-img{
		background: url(../img/cooper-img_x2.png) 0 0 no-repeat;
		background-size: 172px 121px;
	}
  .logo {
    background-image: url(../img/logo_x2.png);
    background-size: cover;
  }
  .downarrow-icon{
  	background-image: url(../img/downarrow_x2.png);
    background-size: 100px 40px;
  }
  .tons-concentrate--image,
  .invest-img{
  	background-image: url(../img/case_x2.png);
    background-size: 143px 119px;
  }
  .taxes-image{
  	background-image: url(../img/taxes_x2.png);
		background-size: 331px 192px;
  }
  .tons-cathode--image{
		background: url(../img/tons-cathode_x2.png) 0 0 no-repeat;
		background-size: 174px 153px;
	}
	.employees-image{
		background: url(../img/employees_x2.png) 0 0 no-repeat;
		background-size: 242px 84px;
	}
	.question-item{
		background: url(../img/question-icon_x2.png) left top no-repeat;
		background-size: 70px 34px;
	}
	.close-icon{
		background: url(../img/close-icon_x2.png) left top no-repeat;
		background-size: 70px 34px;
	}
	.play-icon{
		background: url(../img/play-icon_x2.png) left top no-repeat;
		background-size: 135px 135px;
	}
	.fb-item{
    background: url(../img/fb-icon_x2.png) left top no-repeat;
    background-size: 70px 34px;
	}
	.vk-item {
    background: url(../img/vk-icon_x2.png) left top no-repeat;
    background-size: 70px 34px;
	}
	.inst-item {
    background: url(../img/inst-icon_x2.png) left top no-repeat;
    background-size: 70px 34px;
	}
	.yt-item{
		background: url(../img/yt-icon_x2.png) 0 0 no-repeat;
    background-size: 70px 34px;
	}
	.next-page--arrow,
	.owl-next{
		background: url(../img/arrows_x2.png) right top no-repeat;
    background-size: 55px 67px;
	}
	.prev-page--arrow,
	.owl-prev{
		background: url(../img/arrows_x2.png) left top no-repeat;
    background-size: 55px 67px;
	}
	.doc-icon{
		background: url(../img/doc-icon_x2.png) 0 0 no-repeat;
		background-size: 51px 72px;
	}
}

.active .spot-text,
.spot-icon:hover .spot-text{
	opacity: 1;
}
.spot-icon{
	width: 23px;
	height: 23px;
	padding: 5px;
	margin: -5px 0 0 0px;
	cursor: pointer;
	position: relative;
}
.spot-icon .spot{
	width: 8px;
	height: 4px;
	background-color: #E79766;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: 0;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.spot-icon .spot-bd1{
	width: 12px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid #E79766;
	left: 50%;
	top: -2px;
	margin-left: -7px;
	position: absolute;
	pointer-events: none;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.spot-icon .spot-bd2{
	width: 15px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #E79766;
	left: 50%;
	top: -2px;
	margin-left: -8.5px;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.spot-icon:hover .spot,
.spot-icon.active .spot,
.spot-icon.active:hover .spot{
	background-color: #e7464b;
	width: 22px;
	height: 22px;
	margin-left: -11px;
	top: -4px;
}
.spot-icon:hover .spot-bd1,
.spot-icon.active .spot-bd1,
.spot-icon.active:hover .spot-bd1{
	border-color: #e7464b;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	top: -9px;
	opacity: .5;
}            
.spot-icon:hover .spot-bd2,
.spot-icon.active .spot-bd2,
.spot-icon.active:hover .spot-bd2{
	border-color: #e7464b;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	top: -13px;
	opacity: .25;
}
.spot-icon.active .spot{
	background-color: #e7464b;
}
.spot-icon.active .spot-bd1,
.spot-icon.active .spot-bd2{
	border-color: #e7464b;
}

.aktubinsk-spot{
	top: 456px;
	margin-left: -150px;
}
.aleksndrinsk-spot{
	top: 369px;
	margin-left: -97px;
}
.verkhneuralsk-spot{
	top: 322px;
	margin-left: 98px;
}
.karabash-spot{
	top: 296px;
	margin-left: -60px;
}
.kyshtym-spot{
	top: 279px;
	margin-left: -47px;
}
.mauksky-spot{
	top: 258px;
	margin-left: -36px;
}
.mikheevsky-spot{
	top: 363px;
	margin-left: -68px;
}
.novgorod-spot{
	top: 222px;
	margin-left: -555px;
}
.orsk-spot{
	top: 428px;
	margin-left: -111px;
}
.tomsk-spot{
	top: 333px;
	margin-left: -40px;
}
.uralgidromed-spot{
	top: 236px;
	margin-left: -55px;
}
.spot-info{
        text-align: center;
	position: absolute;
	display: none;
//	background: url(/img/question-bg_v4.png) 0 0 no-repeat;
	width: 217px;
	height: inherit !important;
	left: -96px;
	bottom: 191px;
//	text-align: left;
	z-index: 64;
}
.spot-info img {width:217px;}
.spot-info a {position: relative;top: -42px;}


.uralgidromed-spot .spot-info {bottom: 166px;}
.uralgidromed-spot .spot-info a {top: -83px;}
.uralgidromed-spot .spot-info .down-line {height: 68px;bottom: -144px;}

.kyshtym-spot .spot-info {bottom: 192px;}
.kyshtym-spot .spot-info a {top: -100px;}
.kyshtym-spot .spot-info .down-line {height: 94px;bottom: -170px;}

.aktubinsk-spot .spot-info {bottom: 420px;}
.aktubinsk-spot .spot-info .down-line {height: 261px;bottom: -398px;}

.mauksky-spot .spot-info {bottom: 174px;}
.mauksky-spot .spot-info a {top: -97px;}
.mauksky-spot .spot-info .down-line {height: 90px;bottom: -152px;}

.karabash-spot .spot-info {bottom: 201px;}
.karabash-spot .spot-info a {top: -109px;}
.karabash-spot .spot-info .down-line {height: 129px;bottom: -179px;}


.orsk-spot .spot-info {bottom: 372px;}
.orsk-spot .spot-info .down-line {height: 233px;bottom: -350px;}

.tomsk-spot .spot-info {bottom: 209px;}
.tomsk-spot .spot-info a {top: -118px;}
.tomsk-spot .spot-info .down-line {height: 145px;bottom: -187px;}


.mikheevsky-spot .spot-info {bottom: 241px;}
.mikheevsky-spot .spot-info a {top: -116px;}
.mikheevsky-spot .spot-info .down-line {height: 175px;bottom: -219px;}

.aleksndrinsk-spot .spot-info {bottom: 255px;}
.aleksndrinsk-spot .spot-info a {top: -128px;}
.aleksndrinsk-spot .spot-info .down-line {height: 183px;bottom: -233px;}


.kyshtym-spot .spot-info{
	background: url(/img/question-bg_v3.png) 0 0 no-repeat;
	height: 319px;
}
.kyshtym-spot .spot-info a{
	margin-top: 15px;
}
.uralgidromed-spot .spot-info,
.mikheevsky-spot .spot-info,
.mauksky-spot .spot-info,
.karabash-spot .spot-info,
.tomsk-spot .spot-info,
.orsk-spot .spot-info{
	background: url/img/question-bg_v5.png) 0 0 no-repeat;
	height: 253px;
}
.novgorod-spot .spot-text{
  left: -64px;
  top: -19px;
}
.mauksky-spot .spot-text{
	left: -46px;
	top: -10px;
}
.spot-info .down-line{
	content: '';
	width: 1px;
	height: 32px;
	position: absolute;
	left: 0;
	right: 2px;
	bottom: -169px;
	margin: auto;
	background-color: #ff0000;
	display: none;
}
.arrow-link-bl {background-color:#e7464b;font-size:14px;padding: 5px 8px 10px 8px;}
.spot-info a {text-decoration:none;color: #fff;}
.spot-info .arrow-link-name{color: #fff;margin-bottom: 4px;display: block;}
.spot-info .arrow-link{
text-transform: uppercase;
	display: inline-block;
//	margin: 8px 0 0 27px;
//	width: 217px;
color: #fff;
font-size:14px;
}
.kyshtym-spot .spot-info .arrow-link {font-size:13px;}

.novgorod-spot .spot-info{
//	left: 82px;
//	bottom: 221px;
}
.novgorod-spot .spot-info .down-line{
//	top: -158px;
//	left: -366px;
//	width: 30px;
//	height: 1px;
}

.novgorod-spot .arrow-link {margin-left: 0px;}

.spot-info a{display: none;}

.popout {
    animation: popout .3s ease;
    display: block !important; 
    -webkit-animation: popout .3s ease;
}
@keyframes popout {
    from{transform:scale(0)}
    80%{transform:scale(1.2)}
    to{transform:scale(1)}
}
@-webkit-keyframes popout {
    from{-webkit-transform:scale(0)}
    80%{-webkit-transform:scale(1.2)}
    to{-webkit-transform:scale(1)}
}

.spot-icon{
	display: block;
}
.spot-icon .spot,
.spot-icon .spot-bd1,
.spot-icon .spot-bd2{
	display: none;
}

.spot-icon.active .spot,
.spot-icon.active .spot-bd1,
.spot-icon.active .spot-bd2,
.spot-icon:hover .spot,
.spot-icon:hover .spot-bd1,
.spot-icon:hover .spot-bd2{
	display: block;
}

.anim-spot{
	width: 23px;
	height: 14px;
	overflow: hidden;
	background: url(/img/dot-3.png) center 14px no-repeat;
}
.js-show--map{
	color: #E79766;
  font-size: 18px;
	cursor: pointer;
	margin-bottom: 20px;
}
.js-show--map.open:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 32px;
  height: 25px;
  background: url(/img/downarrow.png) left top no-repeat;
  background-size: 64px 25px;
  transform: rotate( -180deg );
  -moz-transform: rotate( -180deg );
  -ms-transform: rotate( -180deg );
  -o-transform: rotate( -180deg );
  -webkit-transform: rotate( -180deg );
}
.js-show--map span{
	display: inline-block;
	vertical-align: middle;
}
.ios,
.ios *, 
.ios *:before, 
.ios *:after {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}