/*@import url(font-awesome.min.css);
@import url(animation.css);*/
@import url(fontello.css);
@import url(fonts.css);

body { font-family: 'OpenSans'; }

header {
    background: #2d2d2d;
	padding:7px 14px;
}

img { vertical-align:middle; }
a#donate,
a.animated {
-webkit-transition: background-color .35s cubic-bezier(0.35,0,0.25,1);
-webkit-transition: background-color .35s cubic-bezier(0.35,0,0.25,1);
transition: background-color .35s cubic-bezier(0.35,0,0.25,1);
}

header { height:53px; }
#logo,
#site-name,
#header-buttons,
.burger { line-height:53px; }
#logo img { height:30px; }

#logo { display:inline-block; float:left; }
#sitename-and-desc { display:inline-block; float:left; position:relative; z-index:1003; }
#header-buttons { float:right; display:inline-block; }
#header-buttons a,
#header-buttons #share-link { cursor:pointer; text-decoration:none; color:#fff; text-transform:lowercase; font-size:16px; margin-left:20px; font-family: 'OpenSansCondensed-Light'; /*letter-spacing: 2px;*/ display:inline-block; }
#header-buttons a#donate { border: solid 1px #f04e23; padding:5px 10px; line-height:26px; }
#header-buttons a#donate:hover { background:#f04e23; color:#fff;}



#share-link:hover { color:#f04e23;}
a#about,
a#english { line-height:26px;}
a#about:hover,
a#about.active,
a#english.active { box-shadow: inset 0 -1px #f04e23; }

#site-name { padding-left:40px; color:#fff; font-family: 'OpenSansCondensed-Bold'; font-size: 26px; /*letter-spacing: 4px;*/ text-decoration:none; }
.readmore-open { display: none; font-size:12px; /*box-shadow: inset 0 1px #f04e23;*/ position:absolute; top:42px; right:0; color:#fff; cursor:pointer; border-top:solid 1px #f04e23; line-height:14px; padding-left:2px; }
.readmore-open:hover { box-shadow:none; }
#site-desc { display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 10px;
    color: #fff;
    position: absolute;
    z-index: 700;
    width: 310px;
    font-size: 14px;
    line-height: 1.7em;
	font-weight:bold;
    top: 60px;
    left: 30px;
	transition: transform 400ms cubic-bezier(0.4,0,0.2,1);
	transform: translateY(-500px);
	}
	
@media screen and (max-width: 1200px) {
	#site-desc { font-size: 12px; line-height: 1.5em; font-weight: normal; }	
}
.readmore-close { background:rgba(240,78,35,0.7); color:#fff; padding:2px 0; display:block; clear:both; margin:10px -10px -5px -10px; cursor:pointer; text-align:center; font-weight:normal !important}

.readmore-open.active { display: inline-block; }
#site-desc.active { transform: translateY(0); }

.burger { display:none; }



@media screen and (max-width: 950px) { 

	/* mask */
	
	body:before {
	content: '';
	display: block;
	position: fixed;
	top: 66px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(47,55,61,0.9);
	z-index: 1400;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	
	.mainmenu-open:before {
	opacity: 1 !important;
	visibility: visible !important;
	}


	#header-buttons { display:none;}
	#header-buttons.active { display:block; }
	.burger { display:block; color:#fff; font-size:26px; float:right; cursor:pointer;}
	#header-buttons {	
		position: absolute;
		right: 0;
		left: 0;
		top: 66px;
		background: #fff;
		height: 53px;
		float: none;
		z-index: 1500;
	}
	#header-buttons a,
	#header-buttons #share-link { color:#2d2d2d !important; display:inline;}
	.header-buttons-wrap { /*text-align:center;*/ margin-right:20px; }
	#header-buttons a#donate:hover { color:#fff !important;}

	#header-buttons a#donate { position:absolute; top:0px; right:0px; color:#fff !important; background:#f04e23 !important; }
	
	#header-buttons a#donate { border: solid 1px #f04e23; padding:12px 10px !important; line-height:27px !important; }

}

@media screen and (max-width: 650px) { 
	#site-name { padding-left:20px; font-size: 20px; /*letter-spacing: 2px;*/ }
	#site-desc { left:10px; width:auto !important}
}

@media screen and (max-width: 490px) { 
	header { padding-right:7px; padding-left:7px;}
	#logo img { height:20px; }
	#site-name { font-size:14px; letter-spacing:normal; }
	.readmore-open { font-size:10px; top:36px; line-height:12px; }
	#site-desc { top:47px; position:fixed; right:0; left:0; z-index: 1001;}
	
	header { height:33px !important; }
	#logo, #site-name, #header-buttons, .burger { line-height:33px; }
	
	.readmore-open { font-size: 8px; top: 27px; line-height: 10px; }
	
	#header-buttons {	
		top: 46px;
		height: 33px;
	}
	#header-buttons a { font-size:12px !important; line-height:14px !important; }
	#header-buttons a#donate { /*padding:0 4px !important;*/ border: solid 1px #f04e23; padding:8px 10px !important; line-height:15px !important; }
	body:before { top: 47px !important; }
	
	
	#right,
	#left { top:57px;}
	.display-butt { top:66px; }
}


#left {
	position: absolute;
    top: 80px;
    bottom: 10px;
    left: 12px;
    z-index: 1002;
	background:rgba(255,255,255,0.9);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
	padding:12px 14px;
	width:142px;
	overflow: auto;
    overflow-x: hidden;
}
.country-context-item { 
	display:none;
}
.country-context-item.active { /*display:block; transition: all 2s linear; -webkit-transition: all 2s linear;*/ }

.country-item { margin-bottom:7px; padding-bottom:7px; border-bottom:solid 1px #dedede; font-family: 'OpenSansCondensed-Bold'; /*letter-spacing:1px;*/ cursor:pointer;}
.country-item:last-child { margin-bottom:0px; border-bottom:none; }
.country-item.active { background:#f04e23; color:#fff; border-bottom:solid 1px #f04e23; margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; margin-top:-7px; padding-top:7px; } 
.country-item.country-hidden { color:#dedede; cursor:default; }

#right {
	position: fixed;
    top: 80px;
    bottom: 20px;
    right: 12px;
    z-index: 1001;
	background:rgba(255,255,255,0.9);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
	padding:12px 14px;
	max-width:300px;
	overflow: auto;
    overflow-x: hidden;
	 transition: transform 400ms cubic-bezier(0.4,0,0.2,1);
}

#right.hide-block { transform: translateX(500px); }


.federal-zakon,
.regional-zakon,
.gaid-parki { font-size:12px;  margin-bottom:7px; padding-bottom:7px; border-bottom:solid 1px #dedede; }
.federal-zakon:last-child,
.regional-zakon:last-child,
.gaid-parki:last-child { border-bottom:none !important}

.numbers { background:#f04e23; color:#fff; margin-top:-12px; margin-right:-14px; margin-left:-14px; padding-right:14px; padding-left:14px; padding-top:12px; padding-bottom:12px; /*letter-spacing:2px;*/ }
.numbers .label { font-family: 'OpenSansCondensed-Light'; }
.numbers .value { font-family: 'OpenSansCondensed-Bold'; }

.federal-zakon .label,
.regional-zakon .label,
.gaid-parki .label { font-weight:bold; border-bottom:solid 1px #f04e23; padding-right:12px; margin:1em 0; display: inline-block; }

#right h3 { color:#f04e23; font-weight:bold; margin-bottom:1em; }
#right strong { font-weight:bold; display:block; }
#right p { margin:1em 0; }
#right br { display:block; margin-bottom:5px; content:''; }

#right::-webkit-scrollbar-track,
#left::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#right::-webkit-scrollbar,
#left::-webkit-scrollbar {
	width: 2px;
	background-color: #F5F5F5;
}

#right::-webkit-scrollbar-thumb,
#left::-webkit-scrollbar-thumb {
	background-color: #F04E23;
}

#about-content { max-width:700px; margin:0 auto; line-height:1.5em; }

#about-content h1,
#about-content h2,
#about-content h3 { font-weight:bold; margin:40px 0 10px 0; line-height:1.1em;}

#about-content h1 { font-size:36px;}
#about-content h2 { font-size:24px;}
#about-content h3 { font-size:18px; }

@media screen and (max-width: 490px) { 
	#about-content h1 { font-size:30px !important;}
}

#about-content ul,
#about-content ol { margin-left:30px; margin-top:20px; }

#about-content { margin-bottom:100px;}

#about-content a { text-decoration:none; color:#f04e23;}
#about-content p { margin:1em 0;}

/* 
==========================================================================
   donate  <--------------------------------------
========================================================================== 
*/

.dnt-close { 
	position: absolute;
	right:10px; 
	top:10px; 
	display:inline-block; 
	border:solid 1px #F04E23; 
	color:#F04E23;  
	text-transform:uppercase; 
	text-decoration:none; 
	padding:10px 30px; 
	z-index:100; 
	cursor:pointer; 
	-webkit-transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
}
	
.dnt-close:hover { background:#F04E23; color:#fff; }

.dnt-wrap { 
	position: fixed;
    overflow: auto;
    z-index: 9002;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: rgba(47,55,61,0.9);
	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	display:none;
}

.dnt-wrap.active { display:block; }

.dnt-container {
	position: relative;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
	margin-bottom:200px;
}

.dnt-content {
	min-height:300px;
	max-width: 700px;
    padding: 45px 0;
    margin-left: auto;
    margin-right: auto;
}
input#sum_other,
.personDate input {
    font-size: 16px;
    color: #333;
	border:solid 1px #333;
}
#donateFormNew label,
input#sum_other,
.personDate input,
#danateSubmit { padding:15px; }

input#sum_other:focus,
.personDate input:focus,
input#sum_other:active,
.personDate input:active { border:solid 1px #F04E23 !important; outline:#F04E23; }

.donateMethod { display:none; }
.donateMethod.active { 
	display:block; 
	-webkit-transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out; 
}
#donateFormNew label { cursor:pointer; border: 1px solid #fff; }
#donateFormNew label.active { border: 1px solid #F04E23; background:#F04E23; color:#fff;  }
#donateFormNew a { color:#F04E23; border-bottom: dotted 1px #F04E23; text-decoration:none; }

#danateSubmit { background:#F04E23; color:#fff; border:none !important; font-size:16px; cursor:pointer;}

.dnt-content h2 { text-transform:uppercase; }

#donateFormNew input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

#sum_other { width:125px; }

#donateFormNew label { display:inline-block !important; }

.donatePeriod label,
.dogovor label { padding-left:0 !important}

.unsubscribeLink p { margin-top:10px; margin-bottom:10px; }
.dnt-content h2 { margin-bottom:20px;} 
@media screen and (max-width: 700px) { 
.donateMethod { padding-bottom:0 !important; margin:0;}
.groupSum label,
.donateMethod label { clear:both; display:inline-block; margin-left:20px; }
.groupSum:after,
.donateMethod:after { clear:both; content:''; display:block; }
.groupSum label 
.dnt-content h2,
.unsubscribeLink,
.personDate,
#donateFormNew .submit,
.dnt-content h2 { margin-left:20px; margin-right:20px; }

.personDate #name { margin-bottom:10px;}

.btn-sum.other { margin-left:0 !important}

.donatePeriod,
.dogovor { padding-left:20px; padding-right:20px; }

#donateFormNew label,
input#sum_other,
.personDate input,
#danateSubmit { padding:7px; }
.groupSum label { margin-bottom:5px;}

.unsubscribeLink p { margin-top:5px !important}
.dnt-content h2 { margin-bottom:10px;} 
}

.btn-sum.other { padding:0 20px !important}

label.other.active { background:none !important; border:none !important;}

/* leaflet-control-container */

.leaflet-control-zoom { left: 181px; }

/* */

.doc-link { color:#000 !important; text-decoration:none !important;}

/* popup */
.leaflet-popup-content h3 {  font-family: 'OpenSansCondensed-Bold' !important; /*letter-spacing:2px !important;*/ font-size:14px !important; }
.leaflet-popup-content-wrapper { border-radius:0 !important; font-family: 'OpenSansCondensed-Bold' !important; }
.obj-type { padding-left:10px; margin-left:0px; border-left:solid 3px #f04e23; text-transform:uppercase; /*letter-spacing:1px !important;*/ margin-top:10px; display:inline-block; color:#777; font-size:12px;  }

.display-butt { position:absolute; display:block; text-align:center; line-height:10px; width:32px; height:32px; top: 88px;
    z-index: 1002;
    right: 24px; cursor:pointer; border-radius:50%;
    background: url(../img/DoubleChevronRight.png) no-repeat rgba(255,255,255,1);
   
	 }
.display-butt:hover { border-radius:0;}
.display-butt.active {transform: rotate(180deg); -webkit-transition: left .4s; transition: left .4s; right:10px;}


@media screen and (max-width: 490px) { 
	#right { top:57px !important;}
	.display-butt { top:66px !important; }
	#left { font-size:10px; top:47px; bottom:0; left:0; width:90px; padding:10px 5px; box-shadow:none; z-index:1001;}
	.leaflet-control-zoom {
    left: 95px;
    bottom: 5px;
    position: fixed !important;
	}
	.display-butt.active { top:59px !important}
}
/*
.intro { background:rgba(0,0,0,0.7);     
	margin: 0 -15px;
    padding: 3px 15px;
    font-size: 12px;
    color: #fff;
}
*/
.intro {
	font-size:12px;
	border: solid 2px #f04e23;
    padding: 0 10px;
    font-weight: bold;
    line-height: 20px;
    margin: 15px 0 0 0;
}

#legend { padding:3px; background: rgba(255,255,255,0.7); position:fixed; bottom:10px; z-index:1001; left:197px; width:324px; line-height:14px; }
#legend .l-item { display:inline-block; }
#legend .l-item:first-child { width:200px;}
#legend .l-item:last-child { width:100px;}
#legend .l-color { display:inline-block; margin-right:10px; width:14px; height:14px; border-radius:50%; float:left; }
#legend .l-color.red { background:#a31e17;}
#legend .l-color.green { background:#025240; }
#legend .l-name { font-size:10px; }

.share-butt { display:inline; position:relative; }
.social-likes { background:#2d2d2d; color:#fff; font-family: "fontello"; position: absolute; left:0px; width:26px; z-index:1010; padding-left:18px; text-align:center; padding-right:18px;}
.social-likes { transform: translateY(-500px); transition: transform 400ms cubic-bezier(0.4,0,0.2,1); }
.social-likes.active { transform: translateY(0); }
@media screen and (max-width: 950px) { 
.social-likes { background:#fff !important; color:#2d2d2d !important; }
}
.social-likes .icon-facebook,
.social-likes .icon-twitter,
.social-likes .icon-vkontakte,
.social-likes .icon-code { cursor:pointer;}
.social-likes .icon-facebook:hover,
.social-likes .icon-twitter:hover,
.social-likes .icon-vkontakte:hover,
.social-likes .icon-code:hover { color:#f04e23; }

.country-hidden {}
.leaflet-control-attribution { width:195px !important;}
@media screen and (max-width: 650px) { 
#legend { bottom:17px !important; right:0 !important; width:auto !important; margin-left:auto !important; left:inherit !important }
#legend .l-item { width:200px !important; display:block !important }
#legend .l-item:first-child { margin-bottom:5px; width:auto !important}


}

.code-source-content { 
	width: 0 !important;
    height: 0 !important;
    font-size: 0px !important;
    position: absolute !important;
}
.code-source-content * { 
	width: 0 !important;
	/*padding: 0 !important;
	margin:0 !important;*/
	opacity:0 !important;
    height: 0 !important;
    font-size: 0px !important;
    position: absolute !important;
	border:solid 0px #fff !important; }

#iframePopup { display:none; }

/* */

.popuptext {
	font-family: 'OpenSans';
	font-size:12px;
	line-height:1.5em;
	visibility: hidden;
    width: 190px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    bottom: 90%;
    left: 50%;
    margin-left: -95px;
}

/* Popup arrow */
.popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.social-likes .icon-code { position:relative; }

.hyde-parks {	
    border: solid 2px #f04e23;
    padding: 0 10px;
    line-height: 20px;
    margin: 15px 0 0 0;
	font-style:italic;
}

.hyde-parks strong { font-weight:bold !important}

#donate-fix { 
	/*border: solid 1px #f04e23;*/
    padding: 8px 10px !important;
    line-height: 15px !important;
	position: fixed;
    top: 50%;
    right: -45px;
    color: #fff !important;
    background: #f04e23 !important;
	font-size:12px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	width:100px;
}
.actual-data {
    font-weight: bold;
    color: #f04e23;
    padding-right: 12px;
    margin: 1em 0;
    display: inline-block;
    font-size: 12px; 
}
.actual-data .l { /*font-weight: normal !important;*/ color: #000 !important; }