/* 
    Document   : main
    Created on : 18 січ 2013, 16:15:54
    Author     : Mikhail
    Description:
        Purpose of the stylesheet follows.
*/

@import url("//hello.myfonts.net/count/259e1b");

root { 
    display: block;
}

html, body, * {
    margin: 0;
    padding: 0;
}

body .main {
    /*min-width: 1008px;*/
    min-width: 768px;
    min-height: 650px;
    overflow: hidden;
}

img {
    border: none;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

ul {
    list-style: none;
}

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

.main {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 33px;
    background-color: #3f3f3f;
    min-width: 1008px;
    min-width: 661px;
    min-height: 567px;
}

@font-face {
    font-family: 'Philosopher';
    src: url('/fonts/philosopherregular.eot');
    src: url('/fonts/philosopherregular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/philosopherregular.woff') format('woff'),
        url('/fonts/philosopherregular.ttf') format('truetype'),
        url('/fonts/philosopherregular.svg#philosopherregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher-Bold';
    src: url('/fonts/philosopherbold.eot');
    src: url('/fonts/philosopherbold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/philosopherbold.woff') format('woff'),
        url('/fonts/philosopherbold.ttf') format('truetype'),
        url('/fonts/philosopherbold.svg#philosopherbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher-Italic';
    src: url('/fonts/philosopheritalic.eot');
    src: url('/fonts/philosopheritalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/philosopheritalic.woff') format('woff'),
        url('/fonts/philosopheritalic.ttf') format('truetype'),
        url('/fonts/philosopheritalic.svg#philosopheritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher-BoldItalic';
    src: url('/fonts/philosopherbolditalic.eot');
    src: url('/fonts/philosopherbolditalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/philosopherbolditalic.woff') format('woff'),
        url('/fonts/philosopherbolditalic.ttf') format('truetype'),
        url('/fonts/philosopherbolditalic.svg#philosopherbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TFArrowBlackLatGrkUkrNor-Reg';
    src: url('/fonts/tfarrowblacklatgrkukrnorre.eot');
    src: url('/fonts/tfarrowblacklatgrkukrnorre.eot?#iefix') format('embedded-opentype'),
        url('/fonts/tfarrowblacklatgrkukrnorre.woff') format('woff'),
        url('/fonts/tfarrowblacklatgrkukrnorre.ttf') format('truetype'),
        url('/fonts/tfarrowblacklatgrkukrnorre.svg#tfarrowblacklatgrkukrnorre') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TFArrowExtraboldLatGrkUkrNor';
    src: url('/fonts/tfarrowextraboldlatgrkukrno.eot');
    src: url('/fonts/tfarrowextraboldlatgrkukrno.eot?#iefix') format('embedded-opentype'),
        url('/fonts/tfarrowextraboldlatgrkukrno.woff') format('woff'),
        url('/fonts/tfarrowextraboldlatgrkukrno.ttf') format('truetype'),
        url('/fonts/tfarrowextraboldlatgrkukrno.svg#tfarrowextraboldlatgrkukrno') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TFArrowUltraLatGrkUkrNor-Reg';
    src: url('/fonts/tfarrowultralatgrkukrnorre.eot');
    src: url('/fonts/tfarrowultralatgrkukrnorre.eot?#iefix') format('embedded-opentype'),
        url('/fonts/tfarrowultralatgrkukrnorre.woff') format('woff'),
        url('/fonts/tfarrowultralatgrkukrnorre.ttf') format('truetype'),
        url('/fonts/tfarrowultralatgrkukrnorre.svg#tfarrowultralatgrkukrnorre') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BigCaslon-Rom';
    src: url('/fonts/bigcaslon.eot');
    src: url('/fonts/bigcaslon.eot?#iefix') format('embedded-opentype'),
        url('/fonts/bigcaslon.woff') format('woff'),
        url('/fonts/bigcaslon.ttf') format('truetype'),
        url('/fonts/bigcaslon.svg#bigcaslon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  Web Fonts */



@font-face {
    font-family: 'CaslonTwoTwentyFour-Medium';
    src: url('/fonts/webfonts/259E1B_0_0.eot');
    src: url('/fonts/webfonts/259E1B_0_0.eot?#iefix') format('embedded-opentype'),
        url('/fonts/webfonts/259E1B_0_0.woff') format('woff'),
        url('/fonts/webfonts/259E1B_0_0.ttf') format('truetype'),
        url('/fonts/webfonts/259E1B_0_0.svg#wf') format('svg');
}

.fs_Caslon224-Medium { 
	font-family: CaslonTwoTwentyFour-Medium, Georgia;
	font-weight: normal;
	font-style: normal;
}

.fs_BigCaslon {
    font-family: 'BigCaslon-Rom';
    font-weight: normal;
    font-style: normal;
}

.fs_ArrowBlackLat {
    font-family: 'TFArrowBlackLatGrkUkrNor-Reg';
    font-weight: normal;
    font-style: normal;
}

.fs_ArrowExtraBoldLat {
    font-family: 'TFArrowExtraboldLatGrkUkrNor';
    font-weight: normal;
    font-style: normal;
}

.fs_ArrowUltraLat {
    font-family: 'TFArrowUltraLatGrkUkrNor-Reg';
    font-weight: normal;
    font-style: normal;
}


.fs_Philosopher {
    font-family: 'Philosopher';
    font-weight: normal;
    font-style: normal;
    color: white;
}

.fs_PhilosopherBold {
    font-family: 'Philosopher-Bold';
    font-weight: normal;
    font-style: normal;
}

.fs_PhilosopherItalic {
    font-family: 'Philosopher-Italic';
    font-weight: normal;
    font-style: normal;
}

.fs_PhilosopherBoldItalic {
    font-family: 'Philosopher-BoldItalic';
    font-weight: normal;
    font-style: normal;
}

.fs_Arial {
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
}

.fsBold { font-weight: bold; }

.fsUC { text-transform: uppercase; }

.fsColorGrey { color: #5b5b5b; }
.fsColorGrey2Dark { color: #4e4e4e; }
.fsColorGrey2Light { color: #909090; }

.fsColorGreyAD { color: #adadad; }
.fsColorGrey33 { color: #333333; }


.fs10 { font-size: 10px; line-height: 10px; }
.fs14 { font-size: 14px; line-height: 14px; }
.fs16 { font-size: 16px; line-height: 16px; }
.fs17 { font-size: 17px; line-height: 17px; }
.fs18 { font-size: 18px; line-height: 18px; }
.fs19 { font-size: 19px; line-height: 19px; }
.fs20 { font-size: 20px; line-height: 20px; }
.fs36 { font-size: 36px; line-height: 36px; }

.lh20 { line-height: 20px; }


/* ---------------------- */

.btnBg {
    display: inline-block;
    height: 41px;
    padding-left: 22px;
    padding-right: 22px;
    background-image: url(/bundles/ksmap/images/button_bg_sprite.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    border: solid 1px #24100b;
    text-decoration: none;
    border-radius: 6px;
}

.btnBg .txt {
    display: inline-block;
    margin-top: 12px;
    color: #e5cdbc;
    text-decoration: none;
    letter-spacing: 1px;
    text-shadow:  -2px 2px 1px #000;
}

.btnBg:hover { background-position: 0 -82px; }
.btnBg.mousedown, .btnBg.mousedown:hover { background-position: 0 -41px; }
/* --- Awwwards /bundles/ksmap/images/awwwards_ribbons --- */

/* Base */

#awwwards {
	position:absolute;
	top:40px;
	z-index:9999;
}

/* Left */

#awwwards.left {
	left:0;
}

/* Right */

#awwwards.right {
	right:0;
}

/* Link */

#awwwards a {
	display:block;
	width:70px;
	height:105px;
	text-indent:-8000px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

/* Black */

#awwwards.left.black a {
	background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_black_left.png');
}
#awwwards.right.black a {
	background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_black_right.png');
}

/* White */

#awwwards.left.white a {
	background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_white_left.png');
}
#awwwards.right.white a {
	background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_white_right.png');
}

/* Green */

#awwwards.left.green a {
	background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_green_left.png');
}
#awwwards.right.green a {
	background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_green_right.png');
}


/* MEDIA QUERIES */

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	/* hidden */
	#awwwards {
		display: none;
	}

}

/* Retina Displays */

/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

@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) {

	#awwwards a {
		-moz-background-size: 70px 105px;
		-ie-background-size:70px 105px;
		-o-background-size:70px 105px;
		-webkit-background-size:70px 105px;
		background-size:70px 105px;
	}

	/* Gray */

	#awwwards.left.black a {
		background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_black_left2x.png');
	}
	#awwwards.right.black a {
		background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_black_right2x.png');
	}

	/* White */

	#awwwards.left.white a {
		background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_white_left2x.png');
	}
	#awwwards.right.white a {
		background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_white_right2x.png');
	}

	/* Green */

	#awwwards.left.green a {
		background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_green_left2x.png');
	}
	#awwwards.right.green a {
		background-image:url('/bundles/ksmap/images/awwwards_ribbons/awwwards_nominee_green_right2x.png');
	}
	
}

.txt_q {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 11px;
    background-image: url('/bundles/ksmap/images/calendar/mobile/title_q.png');
    background-position: left top;
    background-repeat: no-repeat;
}

.txt_q.left  { background-position: left  top; }
.txt_q.right { background-position: right top; }

.calendar_mobile_page .content p.mob_title {
    font-size: 31.51px;
    color: #36221b;
    font-family: 'Philosopher';
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
}


.calendar_mobile_page {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-width: 320px;
    max-width: 480px;
    background-image: url('/bundles/ksmap/images/calendar/mobile/bg.jpg');
    background-position: top center;
    background-repeat: repeat;
}

.calendar_mobile_page .logo {
    position: relative;
    width: 100%;
    height: 75px;
    background-image: url('/bundles/ksmap/images/calendar/mobile/logo.png');
    background-position: left top;
    background-repeat: no-repeat;
}

.calendar_mobile_page .content {
    position: relative;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center;
}

.calendar_mobile_page .content .title {
    position: relative;
    height: 27px;
    margin-top: 26px;
    margin-bottom: 21px;
}

.calendar_mobile_page .content p {
    font-size: 16px;
    line-height: 20px;
    color: #36221b;
    font-family: 'Philosopher';
    font-weight: 200;
    text-align: justify;
    padding-bottom: 20px;
}

.calendar_mobile_page .content a {
    font-size: 16px;
    line-height: 20px;
    color: #a8412b !important;
    font-family: 'Philosopher';
    font-weight: normal;
    text-decoration: underline;
}

.calendar_mobile_page .content a:hover {
    text-decoration: none;
}

.calendar_mobile_page .content .bold {
    font-size: 16px;
    line-height: 20px;
    color: #36221b;
    font-family: 'Philosopher-Bold';
    font-weight: normal;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("/bundles/ksmap/images/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

#banner-ribbon {
  background: url(/bundles/ksmap/images/app-banner/app_ribbon.png) no-repeat bottom center;
  width: 133px;
  height: 177px;
  position: absolute;
  right: 33px;
  top: 65px;
  z-index: -1;
}
@media all and (min-width: 1440px) {
  #banner-ribbon {
    top: 85px;
  }
}
#banner-ribbon .icon {
  background-image: url(/bundles/ksmap/images/app-banner/app_icon.png);
  width: 46px;
  height: 46px;
  display: block;
  margin: 20px 40px 10px;
}
#banner-ribbon .text {
  display: inline-block;
  color: #e4cdbd;
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-align: center;
  text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7);
  width: 100%;
}

/* 
    Document   : page_welcome
    Created on : 18 січ 2013, 16:15:54
    Author     : Mikhail
    Description:
        Purpose of the stylesheet follows.
*/

.main .welcome {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(/bundles/ksmap/images/homepage_2600x1600px.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    z-index: 1;
    overflow: hidden;
}

.main .link_travel_wrapper {
    position: absolute;
    z-index: 1;
    bottom: 9px;
    text-align: center;
    width: 100%;
    height: 116px;
}

.main .link_travel_wrapper .link_travel {
    position: relative;
    display: inline-block;
    width: 116px;
    height: 116px;
    background-image: url(/bundles/ksmap/images/link_travel.png);
    background-repeat: no-repeat;
}

.main.screenSize_WSXGA .welcome {
    background-image: url(/bundles/ksmap/images/homepage_1440x900px.jpg);
/*    background-size: 2190px auto;*/
}

.main .welcome .content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 580px;
    height: 580px;
    overflow: auto;
    text-align: center;
}

.main .welcome .content .intro_text {
    position: relative;
    margin-top: 190px;
    margin-left: auto;
    margin-right: auto;
    width: 390px;
    height: 270px;
    text-align: center;
}

.main.screenSize_WSXGA .welcome .content .intro_text {
    width: 427px;
    margin-top: 176px;
}

.main .welcome .content .btnConteiner {
    position: absolute;
    display: inline-block;
    top: 500px;
    left: 0;
    width: 100%;
    height: 43px;
}

.main.screenSize_WSXGA .welcome .content .btnConteiner {
    top: 435px;
}

.main .shadow_top {
    position: absolute;
/*    top: -100px;
    left: -124px;
    right: -124px;
    height: 100px;
    box-shadow: 0 0 124px #000;*/
    top: 0;
    left: 0;
    right: 0;
    height: 124px;
    background-image: url(/bundles/ksmap/images/shadow_sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -94px;
    z-index: 100;
}

.main .shadow_bottom {
    position: absolute;
/*    bottom: -100px;
    left: -124px;
    right: -124px;
    height: 100px;
    box-shadow: 0 0 124px #000;*/
    bottom: 0;
    left: 0;
    right: 0;
    height: 94px;
    background-image: url(/bundles/ksmap/images/shadow_sprite.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    z-index: 100;
}

.main .prelaod_screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/bundles/ksmap/images/dark_wall.png);
    background-repeat: repeat;
    background-position: center top;
    background-color: #3f3f3f;
    text-align: center;
    z-index: 100;
}

.main .prelaod_screen .preload_logo {
    position: relative;
    display: inline-block;
    margin-top: 268px;
    width: 320px;
    height: 160px;
    /*
    background-image: url(/bundles/ksmap/images/preload_logo.png);
    background-repeat: no-repeat;
    */
}

.main .prelaod_screen .preload_logo .fg {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    height: 160px;
    display: block;
    background-image: url(/bundles/ksmap/images/preload_logo.png);
    background-repeat: no-repeat;
    text-align: center;
    z-index: 1;
}

.main .prelaod_screen .preload_logo .bg {
    position: absolute;
    left: 47px;
    top: 39px;
    width: 204px;
    height: 81px;
    background-color: #000;
    z-index: 0;
}

.main .prelaod_screen .preload_logo .bg .progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 204px;
    height: 0%;
    background-color: #adadad;
}

.main .prelaod_screen .preload_logo .preload_counter {
    display: inline-block;
    margin-top: 138px;
}
.flipData {
    display: none;
}

.main .flip_wrapper {
    position: absolute;
    top: -60px;
    width: 100%;
    height: 1px;
    z-index: 5;
    /*display: none;*/
}

.sectionContent a {
    color: #a8412b;
    text-decoration: underline;
}

.sectionContent a:hover {
    text-decoration: none;
}

.sectionContent .title {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    font-family: 'Philosopher-Bold';
}

.sectionContent .bold {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    font-family: 'Philosopher-Bold';
}

.sectionContent ul {
    list-style-position: inside;
    list-style-image: url('/bundles/ksmap/images/calendar/dot_list.png');
}

.sectionContent ul, .sectionContent ul li {
    font-size: 16px;
    line-height: 20px;
    color: #36221b;
    font-family: 'Philosopher';
    font-weight: 200;
    text-align: justify;
}

.sectionContent ul li {
    padding-bottom: 20px;
}










.main.screenSize_WSXGA .flip_wrapper {
    top: -67px;
}

.main .flip_wrapper.flip_wrapperUp {
    top: -183px;
    z-index: 12;
}

/*styles for blackout   START*/

.blackout, .blackoutMailValid {
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/flip/blackout.png");
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 5;
}

.blackoutMailValid {
    z-index: 13;
}

/*styles for blackout   END*/

.flip {
    position: absolute;
    top: -900px;
    height: 1px;
}

.flip.canvas, .flip.css, .flip.simple{
    z-index: 5;
    position: relative;
    /*width: 1397px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.flip.canvas .book, .flip.css .book {
    background: url("/bundles/ksmap/images/flip/canvas/flip_book_substrate.png") no-repeat;
    background-position: 50px 1000px;
    position: absolute;
    width: 1277px;
    height: 1864px;
    left: 50%;
    margin-left: -638px;
    margin-top: -1000px;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

.flip.canvas .book .pages {
    position: absolute;
    display: block;
    width: 1277px;
    height: 1818px;
    overflow: hidden;
}


.flip.canvas .book .pages .section {
    /*display: block;*/
    display: none;
    width: 1190px;
    top: 1000px;
    height: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
}

.flip.canvas .book .pages .section .sectionContent {
    position: absolute;
    left: 50px;
    display: block;
    width: 930px;
    top: 295px;
    left: 78px;
    height: 470px;
    /*font-size: 12px;*/
}





.flip.canvas .book .pages .section p,
.flip.canvas .book .pages .section h2 a {
    padding: 3px 35px;
}

.flip.canvas .book .pages .section h2 {
    margin: 15px 0 10px;
}

.flip.canvas .book .next, .flip.canvas .book .prev, .flip.css .book .next, .flip.css .book .prev, .flip.simple .book .next, .flip.simple .book .prev {
    cursor: pointer;
}

.flip.canvas .book .first-canvas, .second-canvas {
    position: absolute;
}

.flip.canvas .book  .pages .canv {
    height: 1000px;
    background: url('/bundles/ksmap/images/flip/canvas/flip_page_substrate.png');
    /*left: 50px;*/
    background-position: 50px 0;
    background-repeat: no-repeat;
}

.flip.canvas .book .pages .canv > div {
    left: 0;
}

/*css*/

.flip.css .pages {
    position: absolute;
    display: block;
    width: 1277px;
    height: 818px;
    top: 1000px;
    overflow: hidden;
}

.flip.css .pages .section {
    display: block;
    width: 1190px;
    /*height: 1000px;*/
    position: absolute;
    overflow: hidden;
    z-index: 0;
}

.flip.css .pages .section .sectionContent {
    position: absolute;
    left: 78px;
    top: 295px;
    display: block;
    width: 930px;
    height: 470px;
    font-size: 12px;
    /*margin: 125px 0 0 125px;*/
}

.flip.css .bot_shadow {
    background: url('/bundles/ksmap/images/flip/css/drop_shadow_brown_bottom_shadow.png');
    position: absolute;
    width: 1177px;
    height: 40px;
    left: -5px;
    bottom: -40px;
}

.flip.css .flip_page {
    background: url("/bundles/ksmap/images/flip/css/drop_shadow_brown_crop.png");
    position: absolute;
    width: 1177px;
    top: -1000px;
    left: 55px;
    height: 81px;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.flip.css .next-flip {
    z-index: 100;
    -webkit-animation: move-top 2s ease-out 1;
    -moz-animation: move-top 2s ease-out 1;
    -o-animation: move-top 2s ease-out 1;
    -ms-animation: move-top 2s ease-out 1;
    animation: move-top 2s ease-out 1;
}

.flip.css .prev-flip {
    z-index: 100;
    -webkit-animation: move-down 2s ease-in 1;
    -moz-animation: move-down 2s ease-in 1;
    -o-animation: move-down 2s ease-in 1;
    -ms-animation: move-down 2s ease-in 1;
    animation: move-down 2s ease-in 1;
}

@-webkit-keyframes move-top {
    0% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
    6% {
        height: 81px;
    }
    100% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
}

@-moz-keyframes move-top {
    0% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
    6% {
        height: 81px;
    }
    100% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
}

@-o-keyframes move-top {
    0% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
    6% {
        height: 81px;
    }
    100% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
}

@-ms-keyframes move-top {
    0% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
    6% {
        height: 81px;
    }
    100% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
}

@keyframes move-top {
    0% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
    6% {
        height: 81px;
    }
    100% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
}

@-webkit-keyframes move-down {
    0% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
    94% {
        height: 81px;
    }
    100% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
}

@-moz-keyframes move-down {
    0% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
    94% {
        height: 81px;
    }
    100% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
}

@-o-keyframes move-down {
    0% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
    94% {
        height: 81px;
    }
    100% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
}

@-ms-keyframes move-down {
    0% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
    94% {
        height: 81px;
    }
    100% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
}

@keyframes move-down {
    0% {
        left: 26px;
        top: -1000px;
        height: 900px;
    }
    94% {
        height: 81px;
    }
    100% {
        left: 56px;
        top: 900px;
        height: 81px;
    }
}

.flip.css .over_shadow {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 40px;
    background: -webkit-linear-gradient(top,
    rgba(232, 225, 218, 0) 0%,
    rgba(125, 97, 71, .5) 81%,
    rgba(216, 208, 186, .5) 94%,
    rgba(114, 89, 70, .5) 100%
    );
    background: -moz-linear-gradient(top,
    rgba(232, 225, 218, 0) 0%,
    rgba(125, 97, 71, .5) 81%,
    rgba(216, 208, 186, .5) 94%,
    rgba(114, 89, 70, .5) 100%
    );
    background: -o-linear-gradient(top,
    rgba(232, 225, 218, 0) 0%,
    rgba(125, 97, 71, .5) 81%,
    rgba(216, 208, 186, .5) 94%,
    rgba(114, 89, 70, .5) 100%
    );
    background: -ms-linear-gradient(top,
    rgba(232, 225, 218, 0) 0%,
    rgba(125, 97, 71, .5) 81%,
    rgba(216, 208, 186, .5) 94%,
    rgba(114, 89, 70, .5) 100%
    );
    background: linear-gradient(top,
    rgba(232, 225, 218, 0) 0%,
    rgba(125, 97, 71, .5) 81%,
    rgba(216, 208, 186, .5) 94%,
    rgba(114, 89, 70, .5) 100%
    );
    position: absolute;
    width: 1093px;
}

.flip.css .min_up {
    -webkit-animation: min_up 1.5s ease-out 1;
    -moz-animation: min_up 1.5s ease-out 1;
    -o-animation: min_up 1.5s ease-out 1;
    -ms-animation: min_up 1.5s ease-out 1;
    animation: min_up 1.5s ease-out 1;
}

@-webkit-keyframes min_up {
    from {
        top: 0;
        height: 822px;
    }
    to {
        top: 0;
        height: 0;
    }
}

@-moz-keyframes min_up {
    from {
        top: 0;
        height: 822px;
    }
    to {
        top: 0;
        height: 0;
    }
}

@-o-keyframes min_up {
    from {
        top: 0;
        height: 822px;
    }
    to {
        top: 0;
        height: 0;
    }
}

@-ms-keyframes min_up {
    from {
        top: 0;
        height: 822px;
    }
    to {
        top: 0;
        height: 0;
    }
}

@keyframes min_up {
    from {
        top: 0;
        height: 822px;
    }
    to {
        top: 0;
        height: 0;
    }
}

.flip.css .grow_up {
    -webkit-animation: grow_up 1.5s ease-out 1;
    -moz-animation: grow_up 1.5s ease-out 1;
    -o-animation: grow_up 1.5s ease-out 1;
    -ms-animation: grow_up 1.5s ease-out 1;
    animation: grow_up 1.5s ease-out 1;
}

@-webkit-keyframes grow_up {
    from {
        top: 822px;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@-moz-keyframes grow_up {
    from {
        top: 822px;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@-o-keyframes grow_up {
    from {
        top: 822px;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@-ms-keyframes grow_up {
    from {
        top: 822px;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@keyframes grow_up {
    from {
        top: 822px;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

/*.flip.css .min_down {*/
    /*-webkit-animation: min_down 1.3s ease-in 1;*/
    /*-moz-animation: min_down 1.3s ease-in 1;*/
    /*-o-animation: min_down 1.3s ease-in 1;*/
    /*-ms-animation: min_down 1.3s ease-in 1;*/
    /*animation: min_down 1.3s ease-in 1;*/
/*}*/

.flip.css .min_down {
    -webkit-animation: min_down 1.3s ease-in 1;
    -moz-animation: min_down 1.3s ease-in 1;
    -o-animation: min_down 1.3s ease-in 1;
    -ms-animation: min_down 1.3s ease-in 1;
    animation: min_down 1.3s ease-in 1;
}

@-webkit-keyframes min_down {
    from {
        top: 0;
        height: 822px;
    }
    to {
        top: 822px;
        height: 0;
    }
}

@-moz-keyframes min_down {
    from {
        top: 0px;
        height: 822px;
    }
    to {
        top: 822px;
        height: 0;
    }
}

@-o-keyframes min_down {
    from {
        top: 0px;
        height: 822px;
    }
    to {
        top: 822px;
        height: 0;
    }
}

@-ms-keyframes min_down {
    from {
        top: 0px;
        height: 822px;
    }
    to {
        top: 822px;
        height: 0;
    }
}

@keyframes min_down {
    from {
        top: 0px;
        height: 822px;
    }
    to {
        top: 822px;
        height: 0;
    }
}

/*.flip.css .grow_down {*/
    /*-webkit-animation: grow_down 1.3s ease-in 1;*/
    /*-moz-animation: grow_down 1.3s ease-in 1;*/
    /*-o-animation: grow_down 1.3s ease-in 1;*/
    /*-ms-animation: grow_down 1.3s ease-in 1;*/
    /*animation: grow_down 1.3s ease-in 1;*/
/*}*/


.flip.css .grow_down {
-webkit-animation: grow_down 1.3s ease-in 1;
-moz-animation: grow_down 1.3s ease-in 1;
-o-animation: grow_down 1.3s ease-in 1;
-ms-animation: grow_down 1.3s ease-in 1;
animation: grow_down 1.3s ease-in 1;
}

@-webkit-keyframes grow_down {
    from {
        top: 0;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@-moz-keyframes grow_down {
    from {
        top: 0;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@-o-keyframes grow_down {
    from {
        top: 0;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@-ms-keyframes grow_down {
    from {
        top: 0;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

@keyframes grow_down {
    from {
        top: 0;
        height: 0;
    }
    to {
        top: 0;
        height: 822px;
    }
}

/*simple*/

.flip.simple .book {
    background: url("/bundles/ksmap/images/flip/canvas/flip_book_substrate.png") no-repeat;
    background-position: 50px 0;
    position: relative;
    width: 1277px;
    height: 864px;
    left: 50%;
    margin-left: -638px;
}

.flip.simple .pages {
    position: relative;
    display: block;
    width: 1277px;
    height: 818px;
    overflow: hidden;
}

.flip.simple .pages .section {
    display: block;
    height: 818px;
    width: 1190px;
    position: absolute;
    overflow: hidden;
}

.flip.simple .pages .section .sectionContent {
    position: absolute;
    left: 78px;
    top: 295px;
    display: block;
    width: 930px;
    height: 470px;
    font-size: 12px;
}

.flip .pages .section .pageCounter {
    position: absolute;
    right: 60px;
    /*bottom: 60px;*/
    top: 748px;
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 24px;
    line-height: 20px;
    color: #36221b;
}



/*section insider*/

.flip .book .pages .section {
    color: #36221b;
}

.flip .book .pages .sectionInnerConteiner {
    position: absolute;
    height: 822px;
    width: 100%;
}

.flip .book .pages .sectionInnerConteiner .actual_page {
    position: absolute;
    left: 95px;
    height: 822px;
    width: 1095px;
}

.flip .book .pages .mainSectionHeader {
    position: absolute;
    width: 1190px;
    top: 183px;

}

.flip .book .pages .section .section_header {
    width: 930px;
    position: absolute;
    left: 79px;
    top: 40px;
    /*z-index: 1000;*/
}

.flip .book .pages .section .section_header .next_td, .flip .book .pages .section .section_header .prev_td {
    width: 342px;
    display: block;
    overflow: hidden;
}

.flip .book .pages .section .section_header .prev_td {
    text-align: left;

}

.flip .book .pages .section .section_header .next_td {
    text-align: right;
}

.flip .book .pages .section .section_header .prev_ar, .flip .book .pages .section .section_header .next_ar {
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/flip/section_header_title_sprite.png");
    display: inline-block;
    margin-top: 2px;
    width: 8px;
    height: 18px;
}

.flip .book .pages .section .section_header .prev_ar {
    background-position: -8px -13px;
    margin-right: 11px;
    float: left;
}

.flip .book .pages .section .section_header .next_ar {
    background-position: -32px -13px;
    margin-left: 11px;
    float: right;
}

.flip .book .pages .section .section_header .next, .flip .book .pages .section .section_header .prev {
    display: inline-block;
    margin-top: 11px;
    height: 20px;
}


.flip .book .pages .section .section_header .prev:hover .prev_ar {
    background-position: -16px -13px;
}
.flip .book .pages .section .section_header .next:hover .next_ar {
    background-position: -40px -13px;
}
.flip .book .pages .section .section_header .prev:hover .prev_text, .flip .book .pages .section .section_header .next:hover .next_text {
    color: #614841;
}

.flip.canvas .book .next.non_active, .flip.canvas .book .prev.non_active, .flip.css .book .next.non_active, .flip.css .book .prev.non_active, .flip.simple .book .next.non_active, .flip.simple .book .prev.non_active {
    cursor: default;
}

.flip .book .pages .section .section_header .prev.non_active .prev_ar {
    background-position: 0 -13px;
    opacity: .5;
}
.flip .book .pages .section .section_header .prev.non_active .prev_text {
    color: #817668;
    opacity: .5;
}
.flip .book .pages .section .section_header .next.non_active .next_ar {
    background-position: -24px -13px;
    opacity: .5;
}
.flip .book .pages .section .section_header .next.non_active .next_text {
    color: #817668;
    opacity: .5;
}


.flip .book .pages .section .section_header .next_text, .flip .book .pages .section .section_header .prev_text {
    display: inline-block;
    text-decoration: underline;
}

.flip .book .pages .section .section_header .prev_text {
    float: right;
}
.flip .book .pages .section .section_header .next_text {
    float: left;
}

.flip .book .pages .section .section_header .section_header_left_sprite {
    width: 43px;
    height: 13px;
    margin-top: 10px;
    display: inline-block;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/flip/section_header_title_sprite.png");
    background-position: 0 0 ;
}

.flip .book .pages .section .section_header .section_header_right_sprite {
    width: 43px;
    height: 13px;
    margin-top: 10px;
    display: inline-block;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/flip/section_header_title_sprite.png");
    background-position: -43px 0 ;
}

.flip .book .pages .section .section_header .section_header_title {
    padding: 0 17px 0 17px;
    text-align: center;
    white-space: nowrap;
}

.flip .book .pages .section .closeBtn {
    position: absolute;
    height: 33px;
    width: 33px;
    left: 1061px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/flip/section_header_title_sprite.png");
    background-position: -48px -13px;
    cursor: pointer;
}

.main .flip .book .pages .section .closeBtn.forTouch {
    left: 980px;
}

.flip .book .pages .section .closeBtn .closeBtn_x {
    width: 15px;
    height: 15px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/flip/section_header_title_sprite.png");
    background-position: 0 -31px;
    margin: 9px auto;
}

.flip.css .book .pages .section .closeBtn .closeBtn_x, .flip.canvas .book .pages .section .closeBtn .closeBtn_x {
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    transition: transform .5s ease;
}

.flip.css .book .pages .section .closeBtn:hover .closeBtn_x, .flip.canvas .book .pages .section .closeBtn:hover .closeBtn_x {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.flip.simple .book .pages .section .closeBtn:hover .closeBtn_x {
    background-position: -15px -31px;
}

/*content*/

.flip .pages .section .sectionContent {
    font-size: 16px;
    line-height: 20px;
}

/*maps*/

.flip .pages .section .sectionContent .previewMapRow {
    position: relative;
    width: 930px;
    height: 241px;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper {
    position: relative;
    width: 258px;
    height: 241px;
    display: inline-block;
    float: left;
    margin-left: 78px;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper:first-child {
    margin: 0;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapMouseOver {
    width: 258px;
    cursor: pointer;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapMouseOver .previewMapPic {
    position: relative;
    width: 256px;
    height: 127px;
    border: 1px solid #c7c2b0;
    border-radius: 3px;
    background-color: #e3ddc8;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapMouseOver .previewMapPic .previewMapImg {
    position: relative;
    width: 252px;
    height: 123px;
    background-color: transparent;
    margin: 2px;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapMouseOver .previewMapPic .previewMapHoverImg {
    width: 252px;
    height: 123px;
    background-color: transparent;
    background: url('/bundles/ksmap/images/flip/preview_maps/previewMapHover.png');
    position: absolute;
    top: 2px;
    left: 2px;
    display: none;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapMouseOver .previewMapTitle a {
    display: inline-block;
    margin-top: 11px;
    color: #36221b;
    font-size: 15px;
    line-height: 16px;
    text-decoration: none;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapMouseOver:hover .previewMapTitle a {
    color: #a6412f;
    text-decoration: underline;
}

.flip .pages .section .sectionContent .previewMapRow .previewMapWrapper .previewMapPlace {
    margin-top: 2px;
    color: #36221b;
    font-size: 14px;
    line-height: 20px;
}

.flip .pages .section .sectionContent .page_column {
    width: 292px;
    height: 445px;
    float: left;
    margin-left: 27px;
    /*overflow: hidden;*/
    /*border-bottom: 1px solid red;*/
}

.flip .pages .section .sectionContent .page_column:first-child {
    margin: 0;
}

.flip .pages .section .sectionContent .page_column h1, .flip .pages .section .sectionContent .page_column p span {
    font-size: 24px;
    line-height: 24px;
    font-family: 'Philosopher-Bold';
    padding: 0 0 13px 0;
    font-weight: 400;
    color: #36221b;
    text-align: left;
}

.flip .pages .section .sectionContent .page_column h3 {
    font-size: 20px;
    font-weight: 400;
    color: #36221b;
    line-height: 20px;
    padding: 0 0 13px 0;
    text-align: left;
    font-family: 'Philosopher-Bold';
}

.flip .pages .section .sectionContent .page_column p span.h, .flip .pages .section .sectionContent .page_column_double p span.h {
    font-size: 18px;
    font-weight: 400;
    color: #36221b;
    line-height: 20px;
    /*padding: 0 0 13px 0;*/
    text-align: justify;
    font-family: 'Philosopher-Bold';
}

.flip a.anc {
    color: #0077c1;
    font-size: 18px;
    line-height: 20px;
    text-decoration: underline;
}

.flip a.anc:hover {
    color: #40a3e1;
}

.flip .pages .section .sectionContent .page_column p, .flip .pages .section .sectionContent .page_column_double p {
    font-size: 16px;
    color: #36221b;
    line-height: 20px;
    padding: 0 0 30px 0;
    text-align: justify;
}

.flip .pages .section .sectionContent .page_column .about_project_pic_one, .flip .pages .section .sectionContent .page_column .about_project_pic_two {
    background-color: transparent;
    background: url('/bundles/ksmap/images/about_project_sprite.png');
    display: block;
}

.flip .pages .section .sectionContent .page_column .about_project_pic_one {
    width: 188px;
    height: 188px;
    margin: auto;
}

.flip .pages .section .sectionContent .page_column .about_project_pic_two {
    width: 270px;
    height: 222px;
    background-position: -188px 0;
    margin: -5px 0 0 -5px;
}

.flip .pages .section .sectionContent .page_column_double {
    width: 610px;
    height: 445px;
    float: left;
    margin-left: 28px;
    /*overflow: hidden;*/
    /*border-bottom: 1px solid red;*/
}

.flip .pages .section .sectionContent .page_column_double.left {
    margin-left: 0;
}

.flip .pages .section .sectionContent .page_column_double table tr td:first-child {
    width: 65px;
    height: 28px;
    font-size: 17px;
    line-height: 20px;
    color: #36221b;
}

.flip.simple .pages .section .sectionContent .page_column_double table tr td.strng input, .flip.simple .pages .section .sectionContent .page_column_double table tr td.textarea textarea {
    border: 1px solid #BCB19C;
    border-bottom: 2px solid #f0eae3;
}

.flip .pages .section .sectionContent .page_column_double table tr td.strng input, .flip .pages .section .sectionContent .page_column_double table tr td.textarea textarea {
    width: 538px;
    height: 16px;
    padding: 6px;
    background-color: transparent;
    background: url('/bundles/ksmap/images/contact_form_pattern.png');
    border-radius: 5px;
    border: none;
    border-bottom: 2px solid #f0eae3;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .25);
    font-size: 16px;
    line-height: 20px;
    color: #36221b;
    font-family: 'Philosopher';

}

.flip .pages .section .sectionContent .page_column_double table tr td.textarea textarea {
    min-width: 538px;
    max-width: 538px;
    min-height: 142px;
    max-height: 142px;
    overflow: hidden;
}

.flip .pages .section .sectionContent .btnBg {
    cursor: pointer;
}

.flip .pages .section .sectionContent .page_column_double table tr td.strng input.notValid {
    border: 2px solid #CB2004;
    width: 534px;
    height: 14px;
}

.flip .pages .section .sectionContent .page_column_double table tr td.textarea textarea.notValid {
    border: 2px solid #CB2004;
    min-width: 534px;
    max-width: 534px;
    min-height: 140px;
    max-height: 140px;
}
/* 
    Document   : partial_historyLine
    Created on : 27 січ 2013, 16:51:00
    Author     : Mikhail
    Description:
        Purpose of the stylesheet follows.
*/

.main .historyLine {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 144px;
    overflow: hidden;
    z-index: 2;
    background-color: #3F3F3F;
}

.main .historyLine .yearsPlate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 135px;
    background-color: #1f2224;
    overflow: hidden;
}

.main .historyLine .yearsPlate .Nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 3539px;
    height: 135px;
/*    background-image: url(/bundles/ksmap/images/historyLine_bg.png);
    background-repeat: no-repeat;
    background-position: left top;*/
    overflow: hidden;
    z-index: 2;
}

.main .historyLine .yearsPlate .Nav .NavFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3539px;
    height: 43px;
    background-image: url(/bundles/ksmap/images/historyLine_bg4.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    overflow: hidden;
}

.main .historyLine .yearsPlate .NavHeader {
    position: absolute;
    left: 0;
    top: 0;
    width: 3539px;
    height: 92px;
    background-image: url(/bundles/ksmap/images/historyLine_bg4.png);
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 0;
}

.main .historyLine .scrollPanel {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 9px;
    background-color: #3F3F3F;
}

.main .historyLine .scrollPanel .navDrag {
    position: absolute;
    left: 0;
    top: 0;
    width: 189px;
    height: 9px;
    /*background-color: #594038;*/
    cursor: e-resize;
    cursor: col-resize;
    background-image: url(/bundles/ksmap/images/drag_nav_sprite.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.main .historyLine .scrollPanel .navDrag:hover { background-position: left bottom; }

.mapNav {
    position: absolute;
    display: inline-block;
    top: 86px;
    width: 22px;
    height: 22px;
    background-image: url(/bundles/ksmap/images/hlNav_sprite.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
}

.mapNav:hover { background-position: left -22px; }

.mapNav .mapYear {
    position: absolute;
    display: inline-block;
    width: 29px;
    /*width: 75px;*/
    left: -5px;
    /*left: -28px;*/
    bottom: -15px;
    font-family: 'Arial';
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #74777a;
    text-shadow: 0 1px 1px #000;
}

.mapNav:hover .mapYear { color: #b9bdc0; }

.mapNav.active { top: 89px; background-position: left -22px; }
.Nav.mini .mapNav.active { top: 86px; background-position: left -22px; }
/*.mapNav.deactive { top: 86px; }*/

.mapNav.active .mapYear { color: #b9bdc0; bottom: -12px; }
.Nav.mini .mapNav.active .mapYear { color: #b9bdc0; bottom: -15px; }
/*.mapNav.deactive .mapYear { color: #74777a; bottom: -15px; }*/

.mapNav .mapName {
    position: absolute;
    display: inline-block;
    display: none;
    width: 150px;
    height: 54px;
    left: -64px;
    top: -58px;
    text-align: center;
    overflow: hidden;
    /*background-color: rgba(110, 51, 43, 1);*/
}

.mapNav.active .mapName { top: -61px; }
.mapNav.active .mapName span { color: #866156; }

.mapNav .mapCursor { display: none; }

.mapNav.active .mapCursor {
    position: absolute;
    display: inline-block;
    display: block;
    left: 6px;
    top: -12px;
    width: 12px;
    height: 15px;
    background-image: url(/bundles/ksmap/images/hlNav_sprite.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 1;
}

.Nav.mini .mapNav.active .mapCursor { display: none; }

.mapNav .mapName span {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #a9aaaa;
    text-align: center;
/*    background-color: rgba(110, 51, 43, 1);*/
}

/*
.mapNav:hover .mapName span {
    color: #866156;
}
*/

.mapNav .mapName span:hover {
    color: #866156;
}

.mapNav .mapName .navVertLine {
    position: relative;
    display: inline-block;
    margin-top: 2px;
    width: 4px;
    height: 32px;
    background-image: url(/bundles/ksmap/images/hlNav_vert_line.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.mapNav.y1548 { left: 101px; }
.mapNav.y1541 { left: 325px; }
.mapNav.y1550_1 { left: 369px; }
.mapNav.y1550_2 { left: 398px; }
.mapNav.y1550_3 { left: 427px; }
.mapNav.y1560 { left: 540px; }
.mapNav.y1561 { left: 570px; }
.mapNav.y1562 { left: 598px; }
.mapNav.y1580 { left: 738px; }
.mapNav.y1609 { left: 951px; }
.mapNav.y1613_1 { left: 1011px; }
.mapNav.y1613_2 { left: 1041px; }
.mapNav.y1650 { left: 1389px; }
.mapNav.y1657 { left: 1456px; }
.mapNav.y1662_1 { left: 1521px; }
.mapNav.y1662_2 { left: 1551px; }
.mapNav.y1662_3 { left: 1581px; }
.mapNav.y1662_4 { left: 1611px; }
.mapNav.y1662_5 { left: 1638px; }
.mapNav.y1663 { left: 1665px; }
.mapNav.y1665_1 { left: 1718px; }
.mapNav.y1665_2 { left: 1748px; }
.mapNav.y1665_3 { left: 1778px; }
.mapNav.y1665_4 { left: 1808px; }
.mapNav.y1665_5 { left: 1838px; }
.mapNav.y1665_6 { left: 1868px; }
.mapNav.y1670_1 { left: 1902px; }
.mapNav.y1670_2 { left: 1931px; }
.mapNav.y1670_3 { left: 1960px; }
.mapNav.y1670_4 { left: 1988px; }
.mapNav.y1674 { left: 2018px; }
.mapNav.y1675 { left: 2052px; }
.mapNav.y1680 { left: 2092px; }
.mapNav.y1681 { left: 2138px; }
.mapNav.y1684 { left: 2281px; }
.mapNav.y1687_1 { left: 2308px; }
.mapNav.y1687_2 { left: 2335px; }
.mapNav.y1687_3 { left: 2362px; }
.mapNav.y1690 { left: 2389px; }
.mapNav.y1695 { left: 2439px; }
.mapNav.y1705 { left: 2535px; }
.mapNav.y1707 { left: 2582px; }
.mapNav.y1720 { left: 2740px; }
.mapNav.y1737 { left: 2913px; }
.mapNav.y1740 { left: 2940px; }
.mapNav.y1742 { left: 2990px; }
.mapNav.y1745 { left: 3068px; }
.mapNav.y1769_1 { left: 3288px; }
.mapNav.y1769_2 { left: 3318px; }
.mapNav.y1771 { left: 3348px; }
.mapNav.y1780 { left: 3440px; }
.main.intro {
    min-height: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: center top;
    background-repeat: repeat;
    background-image: url("/bundles/ksmap/images/pattern_bg5.png");
}

.main.intro #bgVideo {
    position: absolute;
}

.main.intro #bgVideo video {
    position: absolute;
    width: 100%;
}

.main.intro #bgVideo object {
    position: absolute;
    width: 100%;
}

.main.intro .intro_wrapper {
    position: absolute;
    top: 0;
    left:   0;
    width: 100%;
    height: 100%;
}

.main.intro .controlPanel a.btnBg span {
    text-transform: uppercase;
}

.main.intro .controlPanel .vidVolBg {
    position: absolute;
    left: 501px;
    top: 17px;
    width: 27px;
    height: 10px;
    background-color: #151515;
}

.main.intro .controlPanel .vidVolProgress {
    position: absolute;
    left: 501px;
    top: 17px;
    width: 28px;
    height: 10px;
    background-color: #d8b89f;
}

.main.intro .controlPanel .controlPanelBody {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    width: 554px;
    height: 43px;
    margin-right: 18px;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
}

.main.intro .controlPanel .controlPanelBody .playPauseBtn {
    position: absolute;
    left: 18px;
    top: 15px;
    width: 10px;
    height: 13px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: 0 -63px;
    cursor: pointer;
}

.main.intro .controlPanel .controlPanelBody .playPauseBtn:hover {
    background-position: 0 -76px;
}

.main.intro .controlPanel .controlPanelBody .playPauseBtn.played {
    background-position: -31px -63px;
}

.main.intro .controlPanel .controlPanelBody .playPauseBtn.played:hover {
    background-position: -31px -76px;
}

.main.intro .controlPanel .controlPanelBody .volMute {
    position: absolute;
    left: 479px;
    top: 15px;
    width: 13px;
    height: 13px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: -18px -63px;
    cursor: pointer;
}

.main.intro .controlPanel .controlPanelBody .volMute:hover {
    background-position: -18px -76px;
}

.main.intro .controlPanel .controlPanelBody .volMute.muted {
    background-position: -41px -63px;
}

.main.intro .controlPanel .controlPanelBody .volVol {
    position: absolute;
    left: 501px;
    top: 17px;
    width: 28px;
    height: 10px;
    background-color: transparent;
    cursor: pointer;
}

.main.intro .controlPanel .controlPanelBody .progressBar {
    position: absolute;
    left: 46px;
    top: 17px;
    width: 250px;
    height: 10px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: 0 -43px;
    border-radius: 3px;
}

.main.intro .controlPanel .controlPanelBody .progressBar .bufferLine {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 10px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: -250px -43px;
    border-radius: 3px;
    cursor: pointer;
}

.main.intro .controlPanel .controlPanelBody .progressBar .progressLine {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 10px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: 0 -53px;
    border-radius: 3px;
    cursor: pointer;
}

.main.intro .controlPanel .controlPanelBody .timer {
    position: absolute;
    left: 335px;
    top: 15px;
    display: block;
    color: #d8b79e;
    font-size: 10px;
    text-shadow: 0 -1px 3px #000000;
    font-family: Arial;
    font-weight: bold;
}

.main.intro .controlPanel .controlPanelBody .shareLink {
    position: absolute;
    left: 433px;
    top: 15px;
    width: 8px;
    height: 13px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: -10px -63px;
    cursor: pointer;
}

.main.intro .controlPanel .controlPanelBody .shareLink:hover {
    background-position: -10px -76px;
}

.main.intro .intro_wrapper .touchBtn {
    width: 91px;
    height: 87px;
    position: absolute;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/intro_sprite_2.png");
    background-position: -554px 0;
}

.main.intro .cp_container .cp_wrapper {
    display: inline-block;
    height: 43px;
    /*overflow: auto;*/
    text-align: center;
    /*max-width: 680px;*/
}

.main.intro .cp_container {
    height: 78px;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
}

/*.main.intro .cp_container table {
    width: 100%;
    height: 78px;
}*/

.main.intro .controlPanel {
    display: inline-block;
    position: relative;
    /*float: left;*/
    height: 43px;
    /*overflow: auto;*/
    background-color: transparent;
}

.main.intro .cp_container a.btnBg {
    position: relative;
    cursor: pointer;
    float: left;
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
}

.leaflet-container {
    overflow: hidden;
    -ms-touch-action: none;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
    max-width: none !important;
}

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
    max-width: 15000px !important;
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
}

.leaflet-tile-pane {
    z-index: 2;
}

.leaflet-objects-pane {
    z-index: 3;
}

.leaflet-overlay-pane {
    z-index: 4;
}

.leaflet-shadow-pane {
    z-index: 5;
}

.leaflet-marker-pane {
    z-index: 6;
}

.leaflet-popup-pane {
    z-index: 7;
}

/* control positioning */

.leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.leaflet-top {
    top: 0;
}

.leaflet-right {
    right: 0;
}

.leaflet-bottom {
    bottom: 0;
}

.leaflet-left {
    left: 0;
}

.leaflet-control {
    float: left;
    clear: both;
}

.leaflet-right .leaflet-control {
    float: right;
}

.leaflet-top .leaflet-control {
    /*margin-top: 10px;*/
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
    /*margin-left: 10px;*/
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}

/* cursors */

.leaflet-clickable {
    cursor: pointer;
}

.leaflet-container {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
}

.leaflet-dragging,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-container {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

/* visual tweaks */

.leaflet-container {
    /*background: #ddd;*/
    outline: 0;
}

.leaflet-container a {
    color: #0078A8;
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange;
}

.leaflet-zoom-box {
    border: 2px dotted #05f;
    background: white;
    opacity: 0.5;
}

/* general typography */
.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */

.leaflet-bar {
    /*box-shadow: 0 0 8px rgba(0,0,0,0.4);*/
    /*border: 1px solid #888;*/
    /*-webkit-border-radius: 5px;*/
    /*border-radius: 5px;*/
}

.leaflet-bar-part {
    background-color: transparent;
    /*background-image: url(src/zoombar/images/new_navbar.png);*/
    /*background-position: -175px 0;*/
    /*margin-left: 2px;*/
    /*width: 20px;*/
}

.leaflet-bar-part-top {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.leaflet-bar-part-bottom {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom: none;
}

.leaflet-touch .leaflet-bar {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.leaflet-touch .leaflet-bar-part {
    /*border-bottom: 4px solid rgba(0, 0, 0, 0.3);*/
}

.leaflet-touch .leaflet-bar-part-top {
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}

.leaflet-touch .leaflet-bar-part-bottom {
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    border-bottom: none;
}

/* zoom control */

.leaflet-container .leaflet-control-zoom {
    margin-left: 13px;
    margin-top: 12px;
}

.leaflet-control-zoom a {
    width: 22px;
    height: 22px;
    text-align: center;
    text-decoration: none;
    color: black;
}

.leaflet-control-zoom a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}

.leaflet-control-zoom a:hover {
    background-color: #fff;
    color: #777;
}

.leaflet-control-zoom-in {
    font: bold 18px/24px Arial, Helvetica, sans-serif;
}

.leaflet-control-zoom-out {
    font: bold 23px/20px Tahoma, Verdana, sans-serif;
}

.leaflet-control-zoom a.leaflet-control-zoom-disabled {
    cursor: default;
    background-color: rgba(255, 255, 255, 0.8);
    color: #bbb;
}

.leaflet-touch .leaflet-control-zoom a {
    width: 30px;
    height: 30px;
}

.leaflet-touch .leaflet-control-zoom-in {
    font-size: 24px;
    line-height: 29px;
}

.leaflet-touch .leaflet-control-zoom-out {
    font-size: 28px;
    line-height: 24px;
}

/* layers control */

.leaflet-control-layers {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    background: #f8f8f9;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px #bbb;
    margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    color: black;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    text-shadow: 1px 1px 1px #fff;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    overflow: hidden;
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-control-zoom {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-control-zoom {
    border: 4px solid rgba(0, 0, 0, 0.3);
}

/* popup */

.leaflet-popup {
    position: absolute;
    text-align: center;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.leaflet-popup-content {
    margin: 14px 20px;
    line-height: 1.4;
}

.leaflet-popup-content p {
    margin: 18px 0;
}

.leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}

.leaflet-popup-tip {
    width: 15px;
    height: 15px;
    padding: 1px;

    margin: -8px auto 0;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: white;

    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 5px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/* div icon */

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}

.leaflet-editing-icon {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}



/*miniMap*/

/*.miniMap.leaflet-control {*/
    /*position: absolute;*/
    /*bottom: 60px;*/
    /*left: 100px;*/
    /*margin: 0;*/
    /*overflow: hidden;*/
/*}*/

.miniMap.leaflet-control {
    position: absolute;
    margin: 0;
    bottom: 30px;
    left: 73px;
    border: 1px solid #404040;
    max-width: 120px;
    -moz-box-shadow: 1px 0 9px rgba(0,0,0,0.36);
    -webkit-box-shadow: 1px 0 9px rgba(0,0,0,0.36);
    box-shadow: 1px 0 9px rgba(0,0,0,0.36);
    overflow: hidden;
}

.miniMap.leaflet-control.righted, .miniMap.leaflet-control.allwaysRighted {
    left: 115px;
}

.miniMap.leaflet-control .miniViewport {
    position: absolute;
    border: 3px solid #592d1f;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.miniMap.leaflet-control .miniViewport:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

/*pancontrol*/

/* Make the default zoom control align with the pan control.

   This is ugly.
   The parent box (class="leaflet-top leaflet-left")
   should make all the child boxes be center-aligned instead.
   Not sure if that is possible though.
*/
.leaflet-control-zoom {
    position: relative;
    left: 26px;
}

/*
   Make the zoomSlider control
   (https://github.com/mattiasbengtsson/Leaflet.zoomslider)
   align with the pan control.
*/
.leaflet-control-zoomslider {
    position: relative;
    left: 26px;
}

.leaflet-control-pan {
    /*
      .leaflet-control-pan-right-wrap: right
    + .leaflet-control-pan a: width
    + .leaflet-top .leaflet-control: margin-left
    = 52 + 19 + 10 = 81
    */
    width: 64px;
    /*
      .leaflet-control-pan-down-wrap: top
    + .leaflet-control-pan a: height
    + .leaflet-top .leaflet-control: margin-top
    = 52 + 19 + 10 = 81
    */
    height: 64px;

    position: absolute;
    top: 195px;
    left: 41px;
    /*margin: 0;*/
}

.leaflet-control-pan > div {
    /*-moz-border-radius: 7px;*/
    /*-webkit-border-radius: 7px;*/
    /*border-radius: 7px;*/
}

.leaflet-control-pan > div {
    /*padding: 5px;*/
    /*background: rgba(0, 0, 0, 0.25);*/
}

.leaflet-control-pan a {
    /*background-color: rgba(255, 255, 255, 0.75);*/
}

.leaflet-control-pan a {
    /*background-position: 50% 50%;*/
    /*background-repeat: no-repeat;*/
    display: block;
}

.leaflet-control-pan a {
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px;*/
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/new_navbar.png");
    width: 25px;
    height: 25px;
}

.leaflet-control-pan a:hover {
    /*background-color: #fff;*/
}

.leaflet-control-pan-up-wrap {
    position: absolute;
    left: 20px;
}

.leaflet-control-pan-left-wrap {
    position: absolute;
    top: 18px;
}

.leaflet-control-pan-right-wrap {
    position: absolute;
    left: 39px;
    top: 18px;
}

.leaflet-control-pan-down-wrap {
    position: absolute;
    left: 20px;
    top: 38px;
}

.leaflet-control-pan-up {
    background-position: 0 0;
}

.leaflet-control-pan-left {
    background-position: 0 -75px;
}

.leaflet-control-pan-right {
    background-position: 0 -25px;
}

.leaflet-control-pan-down {
    background-position: 0 -50px;
}

.leaflet-control-pan-bg {
    position: absolute;
    top: 12px;
    left: 13px;
    width: 39px;
    height: 37px;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/new_navbar.png");
    background-position: 0 -183px;
}

/*zoombar*/

/** Slider **/
.leaflet-control-zoomslider-slider {
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}

.leaflet-control-zoomslider-slider-body {
    /*background-image: url(images/zoom-slider.png);*/
    /*background-repeat: repeat-y;*/
    /*background-position: center 0px;*/
    height: 100%;
    cursor: default;
    /*width: 20px;*/
    /*margin-left: 5px;*/
    background-image: url("/bundles/ksmap/images/new_navbar.png");
    background-position: -175px 0;
    margin-left: 2px;
    width: 20px;
    padding-top:4px;
    padding-bottom:10px;
}

.leaflet-control-zoomslider-slider-knob {
    /*width: 13px;*/
    /*height: 5px;*/
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/new_navbar.png");
    background-position: 0 -150px;
    /*-webkit-border-radius: 15px;*/
    /*border-radius: 15px;*/
    /*margin-left: 5px;*/
    /*border: 5px; */
    width: 22px;
    height: 33px;
    position: relative;
    margin-top: -11px;
}

.leaflet-control-zoomslider-slider-body:hover {
    cursor: pointer;
}

.leaflet-control-zoomslider-slider-knob:hover {
    cursor: default;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.leaflet-control-zoomslider-slider-knob.pressed {
    cursor: default;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    /*background-position: -175px -150px;*/
}

.leaflet-dragging .leaflet-control-zoomslider,
.leaflet-dragging .leaflet-control-zoomslider-slider,
.leaflet-dragging .leaflet-control-zoomslider-slider-body,
.leaflet-dragging .leaflet-control-zoomslider a,
.leaflet-dragging .leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled,
.leaflet-dragging .leaflet-control-zoomslider-slider-knob:hover {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

/** Leaflet Zoom Styles **/
.leaflet-container .leaflet-control-zoomslider {
    /*margin-left: 13px;*/
    /*margin-top: 12px;*/
    position: absolute;
    top: 270px;
    left: 61px;
}

.leaflet-control-zoomslider a {
    width: 25px;
    height: 25px;
    display: block;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/new_navbar.png");
}

/*.leaflet-control-zoomslider a:hover {*/
/*background-color: #fff;*/
/*color: #777;*/
/*}*/

.leaflet-control-zoomslider-in {
    background-position: 0 -100px;
}

/*.leaflet-control-zoomslider-in:after{*/
/*content:"+"*/
/*}*/

.leaflet-control-zoomslider-out {
    background-position: 0 -125px;
    margin-top: -1px;
}

/*.leaflet-control-zoomslider-out:after{*/
/*content:"-"*/
/*}*/

/*.leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled {*/
/*cursor: default;*/
/*color: #bbb;*/
/*}*/

/* Touch */

/*.leaflet-touch .leaflet-control-zoomslider-slider-knob {*/
/*width: 20px;*/
/*}*/

/*.leaflet-touch .leaflet-control-zoomslider a {*/
/*width: 30px;*/
/*height: 30px;*/
/*}*/

/*.leaflet-touch .leaflet-control-zoomslider-in {*/
/*font-size: 24px;*/
/*line-height: 29px;*/
/*}*/

/*.leaflet-touch .leaflet-control-zoomslider-out {*/
/*font-size: 28px;*/
/*line-height: 24px;*/
/*}*/

/*.leaflet-touch .leaflet-control-zoomslider {*/
/*box-shadow: none;*/
/*}*/

/*.leaflet-touch .leaflet-control-zoomslider {*/
/*border: 4px solid rgba(0, 0, 0, 0.3);*/
/*}*/

/* 
    Document   : partial_map
    Created on : 4 лют 2013, 13:49:06
    Author     : Mikhail
    Description:
        Purpose of the stylesheet follows.
*/

.main .maps {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 144px;
    /*background-image: url(/bundles/ksmap/images/pattern_bg.png);*/
    background-image: url(/bundles/ksmap/images/pattern_bg5.png);
    background-repeat: repeat;
    background-position: center top;
    z-index: 1;
    overflow: hidden;
    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;    
}

.main .maps .openLayers {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}


.ol_navBtn {
    position: relative;
    display: inline-block;
    background-image: url(/bundles/ksmap/images/new_navbar_v2.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0px 0px;
    width: 25px;
    height: 25px;
    margin: 5px;
}

.ol_navBtn.top { background-position: 0px 0px; }
.ol_navBtn.right { background-position: 0px -25px; }


/* OpenLayers */

div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
   -moz-user-select: none;
   -khtml-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}
.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement {
    /*padding: 10px 18px 10px 10px;*/
    /*background-color: #00008B;*/
    /*-moz-border-radius: 1em 0 0 0;*/
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 80px;
    cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-color: transparent;
    /*background-image: url("img/blank.gif");*/
    cursor: move;
    border: 3px solid #592d1f;
	/*box-shadow: inset 0 0 10px #592d1f;*/
}

.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    /*background-image: url("img/overview_replacement.gif");*/
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}

.olControlNavigationHistory {
   background-image: url("img/navigation_history.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;

}
.olControlNavigationHistoryPreviousItemActive {
  background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
   background-position: 0 -24px;
}
.olControlNavigationHistoryNextItemActive {
   background-position: -24px 0;
}
.olControlNavigationHistoryNextItemInactive {
   background-position: -24px -24px;
}

div.olControlSaveFeaturesItemActive {
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
div.olControlSaveFeaturesItemInactive {
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 5px;
}

.olControlPanPanel div {
    background-image: url(img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0;
    left: 9px;
    background-position: 0 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0;
}
.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0;
    background-position: 0 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
}

.olControlZoomPanel div {
    background-image: url(img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    left: 0;
    background-position: 0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0;
    background-position: 0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0;
    background-position: 0 18px;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
 -moz-user-select: none;
 -khtml-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olBingAttribution {
    color: #DDD;
}
.olBingAttribution.road {
    color: #333;
}

.olGoogleAttribution.hybrid,
.olGoogleAttribution.satellite {
    color: #EEE;
}
.olGoogleAttribution {
    color: #333;
}
span.olGoogleAttribution a {
    color: #77C;
}
span.olGoogleAttribution.hybrid a,
span.olGoogleAttribution.satellite a {
    color: #EEE;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.olControlNavToolbar ,
.olControlEditingToolbar {
    margin: 5px 5px 0 0;
}
.olControlNavToolbar div,
.olControlEditingToolbar div {
    background-image: url("img/editing_tool_bar.png");
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer
}
/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}
.olControlNavToolbar {
    top: 295px;
    left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
    float: right;
}
/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
    background-position: -103px -1px;
}
.olControlNavToolbar .olControlNavigationItemActive ,
.olControlEditingToolbar .olControlNavigationItemActive  {
    background-position: -103px -24px;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-position: -128px -1px;
}
.olControlNavToolbar .olControlZoomBoxItemActive  {
    background-position: -128px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: -77px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: -77px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -51px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -51px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
    background-position: -26px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -26px -24px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width:22px;
    line-height: 19px;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}


/**
 * Animations
 */

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}


/* CUSTOM STYLE BY A.GAVRISH */

.nav_but {
    /*background-image: url('/bundles/ksmap/images/new_navbar_v2.png');*/
}

.nav_panup { background-position: 0 0; }
.nav_panleft { background-position: 0 -75px; }
.nav_panright { background-position: 0 -25px; }
.nav_pandown { background-position: 0 -50px; }
.nav_zoomin { background-position: 0 -100px; }
.nav_zoomout { background-position: 0 -125px; }
.nav_slider { background-position: 0 -150px; }
.nav_slider.pressed { background-position: -44px -50px; }

.olControlOverviewMap {
	bottom: 30px;
	left: 73px;
	border: 1px solid #404040;
	max-width: 120px;
	-moz-box-shadow: 1px 0 9px rgba(0,0,0,0.36);
	-webkit-box-shadow: 1px 0 9px rgba(0,0,0,0.36);
	box-shadow: 1px 0 9px rgba(0,0,0,0.36);
}

.olControlOverviewMap.righted,
.olControlOverviewMap.allwaysRighted {
	left: 115px;
}

/*  END CS A.GAVRISH */

.main .maps .actionButtonsPos {
    display: inline-block;
    position: absolute;
    right: 30px;
    bottom: 30px;
    height: 43px;
    /*border: dashed 1px #f00;*/
    z-index: 101;
}

.main .maps .actionButtonsPos .btnBg {
    float: right;
}

.maps .actionButtonsPos .btnShareMapFb,
.maps .actionButtonsPos .btnShareMapVk {
    display: inline-block;
    float: right;
    width: 45px;
    height: 43px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/social_links.png');
}

.maps .actionButtonsPos .btnShareMapFb {
    margin-left: 8px;
    background-position: -45px 0;
}
.maps .actionButtonsPos .btnShareMapFb:hover {
    background-position: -45px -43px;
}

.maps .actionButtonsPos .btnShareMapFb.mousedown {
    background-position: -45px -86px;
}

.maps .actionButtonsPos .btnShareMapVk {
    margin-left: 13px;
    background-position: 0 0;
}

.maps .actionButtonsPos .btnShareMapVk:hover {
    background-position: 0 -43px;
}

.maps .actionButtonsPos .btnShareMapVk.mousedown {
    background-position: 0 -86px;
}

.downloadIconWrapper {
    display: inline-block;
    height: 22px;
    padding-right: 41px;
    margin-top: 9px;
    background-image: url('/bundles/ksmap/images/menu_sprite_v3.png');
    background-position: right bottom;
}

/* CUSTOM STYLE BY A.GAVRISH */

.maps .olTipsyMarkers {
    display: none;
}

.maps .mapSlide_information, .maps .mapSlide_flags {
    position: absolute;
    height: 43px;
    opacity: 0;
    z-index: 2;
}

.maps .mapSlide_information {
    top: 230px;
}

.maps .mapSlide_flags {
    top: 275px;
}

.maps .mapSlide_information .mapSlide_information_icon,
.maps .mapSlide_flags .mapSlide_flags_icon {
    position: relative;
    width: 36px;
    height: 43px;
    background: url('/bundles/ksmap/images/mapSlide_sprite.png');
    display: inline-block;
    float: left;
}

.maps .mapSlide_information .mapSlide_information_icon {
    background-position: 0 0;
}

.maps .mapSlide_information:hover .mapSlide_information_icon {
    background-position: 0 -43px;
}

.maps .mapSlide_flags .mapSlide_flags_icon {
    background-position: -36px 0;
}

.maps .mapSlide_flags:hover .mapSlide_flags_icon {
    background-position: -36px -43px;
}

.maps .mapSlide_information .mapSlide_information_taleWrapper,
.maps .mapSlide_flags .mapSlide_flags_taleWrapper {
    position: relative;
    display: inline-block;
    width: 300px;
    background: url('/bundles/ksmap/images/mapSlide_sprite.png');
    background-position: 0 -86px;
}

.maps .mapSlide_information .mapSlide_information_tale,
.maps .mapSlide_flags .mapSlide_flags_tale {
    position: relative;
    display: inline-block;
    height: 43px;
    width: auto;
    vertical-align: top;
}

.maps .mapSlide_information .mapSlide_information_tale a,
.maps .mapSlide_flags .mapSlide_flags_tale a {
    color: #d1d1d1;
    display: inline-block;
    text-decoration: none;
    margin: 12px 0 0 10px;
    font-size: 18px;
}

.maps .mapSlide_flags .mapSlide_flags_tale a {
    float: left;
}

.maps .mapSlide_information .mapSlide_information_tale a:hover,
.maps .mapSlide_flags .mapSlide_flags_tale a:hover {
    color: #ffffff;
}

.maps .mapSlide_flags .mapSlide_flags_tale .mapSlide_flags_separator {
    display: inline-block;
    float: left;
    width: 2px;
    height: 16px;
    background: url('/bundles/ksmap/images/mapSlide_sprite.png');
    background-position: -112px 0;
    background-repeat: no-repeat;
    margin: 13px 6px 0 6px;
}

.maps .mapSlide_flags .mapSlide_flags_tale div.check_box {
    position: relative;
    display: inline-block;
    float: left;
    width:19px;
    height:18px;
    margin: 13px 0 -3px 0;
    background: url('/bundles/ksmap/images/mapSlide_sprite.png');
    background-position: -72px 0;
    background-repeat: no-repeat;
    cursor:pointer;
}

.maps .mapSlide_flags .mapSlide_flags_tale div.check_box.checked {
    background-position: -91px 0;
}

.maps .mapSlide_flags .check_box_tipsy {
    display: none;
    position: absolute;
    top: 18px;
    right: -18px;
}

.maps .mapSlide_flags .check_box_tipsy .tipsy-inner {
    white-space: nowrap;
}

.maps .mapSlide_information .mapSlide_information_knee {
    display: inline-block;
    width: 5px;
}
.maps .mapSlide_flags .mapSlide_flags_knee {
    display: inline-block;
    width: 10px;
}


/*popup_info*/

.main .popup_info {
    display: none;
    position: absolute;
    width: 844px;
    height: 542px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_info.png');
    background-position: 0 0;
    z-index: 13;
}

.main .popup_info .popup_info_closeBtn {
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_info_scroll_sprite.png');
    background-position: -9px 0;
    position: absolute;
    cursor: pointer;
    right: 36px;
    top: 34px;

    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    transition: transform .5s ease;
}

.main .popup_info .popup_info_closeBtn:hover {
    background-position: -9px -10px;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main .popup_info .popup_info_topShadow,
.main .popup_info .popup_info_bottomShadow {
    width: 705px;
    height: 32px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_info_shadow_sprite.png');
    position: absolute;
    left: 66px;
}

.main .popup_info .popup_info_topShadow {
    top: 58px;
    background-position: 0 0;
}

.main .popup_info .popup_info_bottomShadow {
    top: 439px;
    background-position: 0 -33px;
}

.main .popup_info .popup_info_textWrapper {
    padding-top: 58px;
    margin: 0 36px 0 85px;
}

.main .popup_info .popup_info_flagsWrapper {
    width: 540px;
    margin-top: 35px;
    margin-left: 60px;
    overflow: hidden;
}

.main .popup_info .popup_info_flagsWrapper.wider {
    width: 675px;
    /*margin-top: 71px;*/
    margin-left: -5px;
}

.main .popup_info .popup_info_flagsWrapper .interest_flag {
    display: inline-block;
    position: relative;
    float: left;
    width: 121px;
    height: 119px;
    /*margin-left: 20px;*/
    /*margin: 20px 20px 0 0;*/
    margin: 8px 7px 8px 7px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_interesting_flag_sprite.png');
}

.main .popup_info .popup_info_flagsWrapper .interest_flag span {
    display: block;
    position: absolute;
    font-size: 25px;
    line-height: 25px;
    top: 28px;
    left: 53px;
    color: #60120c;
}

.main .popup_info .popup_info_flagsWrapper .interest_flag.non_active {
    background-position: -121px 0;
}

.main .popup_info .popup_info_flagsWrapper .interest_flag.non_active span {
    color: #27282a;
}


.main .popup_info.interesting .popup_info_text .popup_info_flagsWrapper .flags_counter {
    font-size: 22px;
    line-height: 22px;
    color: #cdcdcd;
    margin: 0 0 20px 10px;
    /*position: absolute;*/
    /*top: 35px;*/
    /*left: 70px;*/
}

.main .popup_info .popup_info_text {
    position: relative;
    height: 413px;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    color: #cdcdcd;
    overflow: auto;
}

.popup_info_text_inner {
    width: 665px;
}

.main .popup_info .popup_info_text h1 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    margin: 8px 0 8px 0;
}

.main .popup_info .popup_info_text h3 {
    font-size: 16px;
    color: #9d9d9d;
    font-weight: normal;
    text-align: center;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.main .popup_info .jspContainer {
    overflow: hidden;
    position: relative;
}

.main .popup_info .jspPane {
    position: absolute;
}

.main .popup_info .jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 100%;
    background-color: transparent;
}

.main .popup_info .jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: transparent;
}

.main .popup_info .jspVerticalBar *,
.main .popup_info .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.main .popup_info .jspCap {
    display: none;
}

.main .popup_info .jspHorizontalBar .jspCap {
    float: left;
}

.main .popup_info .jspTrack {
    position: relative;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_info_scroll_sprite.png');
    background-position: 0 0;
    width: 9px;
}

.main .popup_info .jspDrag {
    background-color: #4f3831;

    background: -webkit-linear-gradient(left,
    rgba(71, 51, 44, 1) 0%,
    rgba(88, 63, 55, 1) 100%
    );
    background: -moz-linear-gradient(left,
    rgba(71, 51, 44, 1) 0%,
    rgba(88, 63, 55, 1) 100%
    );
    background: -o-linear-gradient(left,
    rgba(71, 51, 44, 1) 0%,
    rgba(88, 63, 55, 1) 100%
    );
    background: -ms-linear-gradient(left,
    rgba(71, 51, 44, 1) 0%,
    rgba(88, 63, 55, 1) 100%
    );
    background: linear-gradient(left,
    rgba(71, 51, 44, 1) 0%,
    rgba(88, 63, 55, 1) 100%
    );

    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 5px;
}

.main .popup_info .jspDrag:hover, .main .popup_info .jspDrag:active {
    background-color: #60453d;

    background: -webkit-linear-gradient(left,
    rgba(86, 63, 55, 1) 0%,
    rgba(106, 77, 68, 1) 100%
    );
    background: -moz-linear-gradient(left,
    rgba(86, 63, 55, 1) 0%,
    rgba(106, 77, 68, 1) 100%
    );
    background: -o-linear-gradient(left,
    rgba(86, 63, 55, 1) 0%,
    rgba(106, 77, 68, 1) 100%
    );
    background: -ms-linear-gradient(left,
    rgba(86, 63, 55, 1) 0%,
    rgba(106, 77, 68, 1) 100%
    );
    background: linear-gradient(left,
    rgba(86, 63, 55, 1) 0%,
    rgba(106, 77, 68, 1) 100%
    );
}

.main .popup_info .jspHorizontalBar .jspTrack,
.main .popup_info .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.main .popup_info .dragRows {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_info_scroll_drag_bg.png');
    background-position: center center;
    background-repeat: no-repeat;

}


/*popup_download*/

.main .popup_download {
    display: none;
    position: absolute;
    width: 618px;
    height: 548px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_download_v2.png');
    background-position: 0 0;
    z-index: 13;
}

.main .popup_download span.termOfUse {
    display: block;
    position: absolute;
    top: 344px;
    left: 114px;
    width: 380px;
    font-size: 16px;
    line-height: 18px;
    color: #969696;
    text-align: center;
}

.main .popup_download .popup_download_closeBtn {
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_info_scroll_sprite.png');
    background-position: -9px 0;
    position: absolute;
    cursor: pointer;
    right: 36px;
    top: 31px;

    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    transition: transform .5s ease;
}

.main .popup_download .popup_download_closeBtn:hover {
    background-position: -9px -10px;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main .popup_download .popup_download_load, .main .popup_download .popup_download_fb {
    position: absolute;
    width: 173px;
    height: 219px;
    background-color: transparent;
}

.main .popup_download .popup_download_hover_bg {
    position: absolute;
    display: none;
    width: 173px;
    height: 219px;
    background-image: url('/bundles/ksmap/images/popup_download_sprite.png');
    background-position: -184px 0;
}

.main .popup_download .popup_download_load {
    top: 103px;
    left: 124px;
}

.main .popup_download .popup_download_fb {
    top: 103px;
    left: 311px;
}

.main .popup_download .popup_download_load .popup_download_load_ico, .main .popup_download .popup_download_fb .popup_download_fb_ico {
    position: absolute;
    width: 92px;
    height: 92px;
    top: 18px;
    left: 41px;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/popup_download_sprite.png');
    cursor: pointer;
}

.main .popup_download .popup_download_load .popup_download_load_ico {
    background-position: 0 0;
}

.main .popup_download .popup_download_load .popup_download_load_ico:hover {
    background-position: 0 -92px;
}

.main .popup_download .popup_download_load .popup_download_load_ico.mousedown {
    background-position: 0 -184px;
}

.main .popup_download .popup_download_fb .popup_download_fb_ico {
    background-position: -92px 0;
}

.main .popup_download .popup_download_fb .popup_download_fb_ico:hover {
    background-position: -92px -92px;
}

.main .popup_download .popup_download_fb .popup_download_fb_ico.mousedown {
    background-position: -92px -184px;
}

.main .popup_download .popup_download_load .popup_download_load_description,
.main .popup_download .popup_download_fb .popup_download_fb_description {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #969696;
    position: absolute;
    top: 126px;
}

.main .popup_download .popup_download_load .popup_download_load_description span,
.main .popup_download .popup_download_fb .popup_download_fb_description span {
    font-size: 17px;
    line-height: 24px;
    color: #545454;
}

/*POPUP MAIL VALID*/

.main .popup_mail_valid {
    width: 618px;
    height: 263px;
    display: none;
    position: absolute;
    background-color: transparent;
    background-image: url('/bundles/ksmap/images/mail_valid_popup.png');
    background-position: 0 0;
    z-index: 13;
}

.main .popup_mail_valid span {
    position: absolute;
    left: 108px;
    top: 118px;
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #969696;
    width: 400px;
    text-align: center;
    font-family: 'Philosopher';
}

/*  END CS A.GAVRISH */
.tipsy {
    position: absolute;
    padding: 10px;
    z-index: 100000;
}

.tipsy-n .tipsy-inner, .tipsy-ne .tipsy-inner {
    background-color: #73392a;
}

.tipsy-s .tipsy-inner {
    background-color: #552b1e;
}

.tipsy-inner {
    background: -webkit-linear-gradient(top,
    rgba(114, 57, 41, 1) 0%,
    rgba(85, 43, 30, 1) 100%
    );
    background: -moz-linear-gradient(top,
    rgba(114, 57, 41, 1) 0%,
    rgba(85, 43, 30, 1) 100%
    );
    background: -o-linear-gradient(top,
    rgba(114, 57, 41, 1) 0%,
    rgba(85, 43, 30, 1) 100%
    );
    background: -ms-linear-gradient(top,
    rgba(114, 57, 41, 1) 0%,
    rgba(85, 43, 30, 1) 100%
    );
    background: linear-gradient(top,
    rgba(114, 57, 41, 1) 0%,
    rgba(85, 43, 30, 1) 100%
    );

    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 1);
       -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 1);
            box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 1);

    font-family: 'Philosopher';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #d7bbb4;
    text-shadow: 1px 1px 2px black;
    max-width: 200px;
    padding: 15px 25px 15px 25px;
    text-align: center;
}

/* Rounded corners */
.tipsy-inner {
    border-top: 1px solid #a36353;
    border-left: 1px solid #a36353;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.tipsy-arrow {
    position: absolute;
    width: 15px;
    line-height: 0;
    background-color: transparent;
    background-image: url("/bundles/ksmap/images/map_tipsy_arrow_v2.png");
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    background-position: center top;
}

.tipsy-arrow-s {
    background-position: center bottom;
}

.tipsy-arrow-w {
    background-position: left center;
}

.tipsy-arrow-e {
    background-position: right center;
}

.tipsy-n .tipsy-arrow {
    top: 2px;
    left: 50%;
    margin-left: -7px;
    height: 9px;
}

.tipsy-s .tipsy-arrow {
    bottom: 1px;
    left: 50%;
    margin-left: -7px;
    height: 9px;
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    left: 1px;
    margin-top: -8px;
    height: 17px;
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    right: 0px;
    margin-top: -8px;
    height: 17px;
}

.tipsy-nw .tipsy-arrow {
    left: 20px;
    top: 2px;
    height: 9px;
}

.tipsy-ne .tipsy-arrow {
    right: 20px;
    top: 2px;
    margin-left: -14px;
    height: 9px;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 20px;
    height: 10px;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 20px;
    margin-left: -15px;
    height: 10px;
}
/* 
    Document   : partial_menu
    Created on : 22 січ 2013, 18:43:51
    Author     : Mikhail
    Description:
        Purpose of the stylesheet follows.
*/

.main .menu {
    position: fixed;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    height: 99px;
    z-index: 10;
}

.main.screenSize_WSXGA .menu {
    top: 46px;
    height: 78px;
}

.main .menu.left {
    right: auto;
    width: 320px;
    z-index: 11;
}

.main.screenSize_WSXGA .menu.left {
    width: 250px;
}

.main .menu.right {
    left: auto;
    width: 160px;
}

.menu_sprite {
    background-image: url(/bundles/ksmap/images/menu_sprite_v3.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.main .menu.left .logo {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 99px;
    background-position: left top;
    z-index: 85;
}

.main.screenSize_WSXGA .menu.left .logo {
    width: 250px;
    height: 78px;
    background-position: left -715px;
}

.main .menu.left .logo .logo_link {
    position: absolute;
    display: inline-block;
    left: 49px;
    top: 16px;
    width: 171px;
    height: 69px;
    background-position: 0 -99px;
}

.main .menu.left .logo .logo_link:hover { background-position: 0 -168px; }

.main.screenSize_WSXGA .menu.left .logo .logo_link {
    left: 44px;
    top: 12px;
    width: 132px;
    height: 52px;
    background-position: left -793px;
}

.main.screenSize_WSXGA .menu.left .logo .logo_link:hover { background-position: left -845px; }

.main .menu.left .shadow_left {
    position: absolute;
    left: 0;
    top: -59px;
    width: 8px;
    height: 217px;
    background-position: -329px 0;
}

.main.screenSize_WSXGA .menu.left .shadow_left {
    top: -22px;
    width: 6px;
    height: 118px;
    background-position: -257px -715px;
}

.main .menu.right .shadow_right {
    position: absolute;
    right: 0;
    top: -59px;
    width: 9px;
    height: 217px;
    background-position: -320px 0;
}

.main.screenSize_WSXGA .menu.right .shadow_right {
    top: -22px;
    width: 7px;
    height: 118px;
    background-position: -250px -715px;
}

.main .menu.right .bend_right{
    position: absolute;
    right: 0;
    top: 2px;
    width: 169px;
    height: 91px;
    background-position: -169px -417px;
}

.main.screenSize_WSXGA .menu.right .bend_right{
    width: 128px;
    height: 69px;
    background-position: -209px -646px;
}

.main .menu.right .roll_menu {
    position: absolute;
    top: 0;
    right: 0;
    height: 99px;
    width: 1664px;
    background-image: url(/bundles/ksmap/images/menu_bg_2560px.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
}

.main.screenSize_WSXGA .menu.right .roll_menu {
    height: 78px;
    background-position: left bottom;
}

.main .menu.right .roll_menu .mToggle {
    position: absolute;
    display: inline-block;
    left: 72px;
    top: 36px;
    text-decoration: none;
    background-position: -171px -102px;
}

.main .menu.right .roll_menu .mToggle span {
    font-size: 14px;
    line-height: 14px;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mToggle {
    left: 39px;
    top: 26px;
    background-position: -132px -791px;
    
}


.main .menu.right .roll_menu .mToggle:hover { background-position: -171px -127px; }
.main .menu.right .roll_menu .mToggle.closed { background-position: -171px -151px; }
.main .menu.right .roll_menu .mToggle.closed:hover { background-position: -171px -176px; }

.main.screenSize_WSXGA .menu.right .roll_menu .mToggle:hover { background-position: -132px -814px; }
.main.screenSize_WSXGA .menu.right .roll_menu .mToggle.closed { background-position: -132px -837px; }
.main.screenSize_WSXGA .menu.right .roll_menu .mToggle.closed:hover { background-position: -132px -860px; }

.main .menu.right .roll_menu .mToggle span {
    display: inline-block;
    margin-left: 18px;
    color: #e5cdbc;
    letter-spacing: 2px;
    text-decoration: none;
    text-shadow:  0px 2px 1px #000;
    font-size: 14px;
    line-height: 14px;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mToggle span {
    margin-left: 16px;
    font-size: 12px;
    line-height: 12px;
}

.main .menu.right .roll_menu .mToggle:hover span { color: #773c2a; }

.main .menu.right .roll_menu .mContent {
    position: absolute;
    top: 3px;
    right: 0;
    width: 1505px;
    height: 90px;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mContent {
    width: 1239px;
    height: 69px;
}

.main .menu.right .roll_menu .mContent .mContItem {
    position: relative;
    width: 100%;
    height: 90px;
    text-align: center;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mContItem {
    height: 69px;
}

.main .menu.right .roll_menu .mContent .mDivine {
    position: relative;
    width: 2px;
    height: 90px;
    background-position: -318px -98px;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mDivine {
    background-position: -248px -793px;
    height: 69px;
}

.main .menu.right .roll_menu .mContent .mContItem .mInnerShadow {
    position: absolute;
    width: 146px;
    height: 90px;
}

.main .menu.right .roll_menu .mContent .mContItem .mInnerShadow.left { left: 0; background-position: left -327px; }
.main .menu.right .roll_menu .mContent .mContItem .mInnerShadow.right { right: 0; background-position: right -237px; }

.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mContItem .mInnerShadow {
    width: 112px;
    height: 69px;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mContItem .mInnerShadow.left { left: 0; background-position: left -577px; }
.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mContItem .mInnerShadow.right { right: 0; background-position: right -508px; }

.main .menu.right .roll_menu .mContent .mContItem .mContLinkItem {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 1;
    text-align: center;
}

.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mContItem .mContLinkItem {
    height: 69px;
}

.main .menu.right .roll_menu .mContent .mContItem .mItem {
    margin-top: 36px;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 2px;
    color: #e5cdbc;
    text-shadow:  -2px 2px 1px #000;
    font-size: 16px;
    line-height: 16px;
    background-color: transparent;
}

.main .menu.right .roll_menu .mContent .mContItem .mItem:hover { color: #773c2a; }

.main.screenSize_WSXGA .menu.right .roll_menu .mContent .mContItem .mItem {
    margin-top: 27px;
    font-size: 14px;
    line-height: 14px;
}



.main .menu.right .roll_menu .mContent table { height: 90px; }
.main.screenSize_WSXGA .menu.right .roll_menu .mContent table { height: 69px; }
/* 
    Document   : toolbar
    Created on : 18 січ 2013, 16:15:54
    Author     : Mikhail
    Description:
        Purpose of the stylesheet follows.
*/

.toolbar {
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    height: 33px;
    /*min-width: 1008px;*/
    min-width: 768px;
    text-align: center;
/*    box-shadow: 0 0 50px rgba(0,0,0,0.3);*/
    background-color: #000;
    z-index: 100;
}

.toolbar .toolbar_element { height: 33px; }
.toolbar .toolbar_element.left { float: left; }
.toolbar .toolbar_element.right { float: right; }
.toolbar .toolbar_element.center { float: none; position: absolute; left: 200px; right: 200px; }

.toolbar .toolbar_share {
    padding-left: 16px;
    padding-right: 16px;
    color: #5b5b5b;
}

.toolbar_sprite {
    width: 0;
    height: 0;
    position: relative;
    display: inline-block;
    background-image: url(/bundles/ksmap/images/toolbar_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.toolbar_sprite_share {
    width: 8px;
    height: 13px;
    background-position: -61px -1px;
}

.toolbar .toolbar_button {
    margin-top: 1px;
    width: 31px;
    height: 31px;
}

.toolbar .toolbar_element .toolbar_button.vk { background-position: 0px -15px; }
.toolbar .toolbar_element .toolbar_button.vk:hover { background-position: 0px -46px; }

.toolbar .toolbar_element .toolbar_button.fb { background-position: -31px -15px; }
.toolbar .toolbar_element .toolbar_button.fb:hover { background-position: -31px -46px; }

.toolbar .toolbar_element .toolbar_button.resize { background-position: -62px -15px; }
.toolbar .toolbar_element .toolbar_button.resize:hover { background-position: -62px -46px; }

.toolbar .toolbar_element .toolbar_volume_control {
    margin-top: 1px;
    width: 80px;
    height: 31px;
    /*background-position: 0px -105px;*/
}

.toolbar .toolbar_element .toolbar_lang {
    position: relative;
    width: 56px;
    height: 33px;
}

.toolbar .toolbar_element .toolbar_lang .arrow_up {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 10px;
    width: 12px;
    height: 12px;
    background-position: 0 -1px;
}

.toolbar .toolbar_element .toolbar_lang .arrow_up.active { background-position: -13px -1px; }

.toolbar .toolbar_element .toolbar_lang .lang_wrapper {
    position: absolute;
    right: 6px;
    top: 0;
    width: 39px;
    height: 33px;
    background-color: #6b6b6b;
    background-color: transparent;
}

.toolbar .toolbar_lang .lang_list {
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 39px;
    height: 66px;
    background-color: #000;
    border-radius: 4px 4px 0 0;
    opacity: 0;
    z-index: 1;
    display: none;
}

.toolbar .toolbar_lang ul.lang_menu { text-align: center; }

.toolbar .toolbar_lang ul.lang_menu li {
    display: inline-block;
}

.toolbar .toolbar_lang .lang_wrapper .lang_item {
    display: inline-block;
    color: #4e4e4e;
    text-decoration: none;
    float: left;
}

.toolbar .toolbar_lang .lang_wrapper .lang_item:hover,
.toolbar .toolbar_lang .lang_wrapper .lang_item.active,
.toolbar .toolbar_lang .lang_wrapper .lang_item:hover span,
.toolbar .toolbar_lang .lang_wrapper .lang_item.active span { color: #909090; }

.toolbar .toolbar_lang .lang_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 39px;
    height: 33px;
}

.toolbar .toolbar_lang .lang_wrapper .lang_btn .lang_item {
    display: block;
    float: none;
    width: 39px;
    height: 33px;
}

.toolbar .toolbar_lang .lang_wrapper .lang_btn .lang_item span {
    position: absolute;
    left: 8px;
    top: 12px;
/*    display: inline-block;*/
}

.toolbar .toolbar_grape_link {
    position: absolute;
    right: 0;
    top: 9px;
    /*margin-top: 9px;*/
    display: inline-block;
    width: 96px;
    height: 14px;
    background-position: 0 -77px;
}

.toolbar .toolbar_grape_link:hover { background-position: 0 -91px; }

.toolbar .toolbar_ks_link {
    /*position: absolute;*/
    /*left: 84px;*/
    top: 8px;
    /*margin-top: 9px;*/
    display: inline-block;
    width: 20px;
    height: 19px;
    background-image: url(/bundles/ksmap/images/ks_Logo_mini.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
}

/* A.GAVRISH */

.toolbar .toolbar_volume_control .vol_toolbar {
	position: relative;
	background-color: #242424;
	width: 80px;
	height: 31px;
}

.toolbar .vol_toolbar .spec {
	position: absolute;
    top: 10px;
    left: 35px;
	width: 30px;
	height: 10px;
	/*margin: 10px 0 0 35px;*/
    background-color: #909090;
}

.toolbar .vol_toolbar .vol_wrapper {
	position: absolute;
    left: 0;
    top: 0;
	width: 80px;
	height: 31px;
	background-position: 0 -136px;
}

.toolbar .vol_toolbar .vol_wrapper .vol {
	width: 30px;
	height: 10px;
	margin: 10px 0 0 35px;
	cursor: pointer;
}

.toolbar .vol_toolbar .vol_wrapper .mute {
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 13px;
	width: 12px;
	height: 13px;
	cursor: pointer;
	float: left;
    background-position: -32px 0;
}

.toolbar .vol_toolbar .vol_wrapper .mute:hover { background-position: -46px 0; }
.toolbar .vol_toolbar .vol_wrapper .mute.muted { background-position: -70px 0; }
.toolbar .vol_toolbar .vol_wrapper .mute.muted:hover { background-position: -84px 0; }


.toolbar .toolbar_element.center{
    right: 300px;
    left: 300px;
}

a.tb_grape_link_new {
    text-decoration: none;
    margin-right: 34px;
    vertical-align: middle;
    line-height: 35px;
    opacity: 0.9;
}
a.tb_grape_link_new:hover{
    opacity: 1;
}

a.tb_grape_link_new img {
    vertical-align: middle;
    margin-left: 7px;
}