#eski-root { padding: 0}

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

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

}
@font-face {
    font-family: 'open_sanslight';
    src: url('/i/fonts/opensans-light.eot');
    src: url('/i/fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('/i/fonts/opensans-light.woff') format('woff'),
         url('/i/fonts/opensans-light.ttf') format('truetype'),
         url('/i/fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('/i/fonts/opensans-extrabold.eot');
    src: url('/i/fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('/i/fonts/opensans-extrabold.woff') format('woff'),
         url('/i/fonts/opensans-extrabold.ttf') format('truetype'),
         url('/i/fonts/opensans-extrabold.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold';
    src: url('/i/fonts/ptsanswebbold.eot');
    src: url('/i/fonts/ptsanswebbold.eot?#iefix') format('embedded-opentype'),
         url('/i/fonts/ptsanswebbold.woff') format('woff'),
         url('/i/fonts/ptsanswebbold.ttf') format('truetype'),
         url('/i/fonts/ptsanswebbold.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

.w100 { width: 100%}
.red {color: #cb0013 !important;}

#header {-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.05); box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);}
.content .layout { padding-top: 0; background: #fff; width: 960px;}
.content .layout .main { margin: 0}

.no-eskimobi {font: 13px/18px Arial, Helvetica, sans-serif;} 
/*.no-eskimobi */h1 { font: 42px/140% open_sanslight, sans-serif; margin: 30px 0 15px !important}
h3 { font: 21px 'open_sansbold', Arial, Helvetica, sans-serif;}
.main .content h2, h2 > a { font: 28px/32px open_sanslight, sans-serif; text-align: left}

.bottom-whole { margin-bottom: 10px !important;}

.section-menu { margin: 0 1px 28px; padding: 0; list-style: none; border-bottom: 1px solid rgba(0,0,0,0.1); font: 12px 'open_sansregular', sans-serif;}
	.section-menu > li { font-size: 12px; display: inline-block; margin: 0 20px -1px 0; padding: 0 !important}
		.section-menu > li > a { text-decoration: none; color: #000; display: block; padding: 10px 0 20px; border-bottom: 4px solid rgba(0,0,0,0)}
		.section-menu > li > .active { font: 12px 'open_sansbold', sans-serif; border-bottom: 4px solid #cd0000}

.about-digits_wrap {width: 100%; border-collapse: separate; border-spacing: 1px 0}
	.about-digits_wrap td { width: 33.33%; padding: 0; background: #fff; vertical-align: top; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
	.about-digits_wrap td:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
	.about-digits {padding: 25px 30px 40px;}
		.about-digits-value { font: 27px open_sansextrabold, sans-serif; margin-bottom: 10px; color: #252525; white-space: nowrap}
			.about-digits-value-cur { color: #00933e; font-family: pt_sansbold;}
		.about-digits-desc { font: 15px/20px open_sanslight, sans-serif;}
		
.about-map { height: 369px; background: #d7e7ef url(/img/about/green-lighting.png) -80px -300px no-repeat; background-size: cover; position: relative; margin-left: 1px; margin-right: 1px; }
	.about-map-desc { font: 15px/23px open_sansregular, sans-serif; text-shadow: 0 1px 0 #fff; position: absolute; bottom: 55px; padding-left: 8.33%; z-index: 100}
		.about-map-desc .icon-point { display: block; width: 35px; height: 42px; background: url(/img/about/map-point-icon.png) no-repeat; position: absolute; left: 25px}
		.about-map-desc > a { font-family: open_sansbold, sans-serif; color: #000}
		.about-map-phone { font-size: 21px; font-weight: bold; margin: 28px 0 0}
	.map-pic-wrap {height: 369px; width: 100%; top: 0; left: 0; position: absolute; overflow: hidden}
		.map-pic { width: 911px; height: 458px; background: url(/img/about/map.png) no-repeat -0px 0; position: absolute; top: -80px; right: -100px;}
	.map-points { position: relative; left: 0; top: 0; height: 369px;}
		
.map-point { width: 10px; height: 10px; position: absolute; top: 0; left: 0; cursor: pointer; color: #000; text-decoration: none}
	.map-point-circle { display: block; width: 10px; height: 10px; background: url(/img/about/map-point-circle.png) 0 2px no-repeat;}
	.map-point-title { position: absolute; background: #fff; padding: 10px 38px 10px 15px; font: 13px open_sansbold, sans-serif; -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.05); box-shadow: 0 0 10px 10px rgba(0,0,0,0.05); left: 3px; top: -55px; display: none; z-index: 101}
	.active .map-point-title { display: block}
	.active .map-point-circle { background-position: 0 -8px; z-index: 1000; position: relative}
	
	
		.map-point-title a { color: #006ab7; text-decoration: none; white-space: nowrap}
		.map-point-title-corner { display: block; width: 21px; height: 20px; background: url(/img/about/map-point-title-corner.png) no-repeat; position: absolute; left: 0; bottom: -20px}
		.map-point-info-icon { position: absolute; right: 15px; margin-top: 1px; width: 16px; height: 16px; background: url(/img/about/map-point-info-icon.png) no-repeat}
		a:hover .map-point-info-icon { background-position: 0 -16px}
	.map-point-line { display: block; position: absolute; background: url(/img/about/point-line.png) no-repeat;}
	
	div.map-point.static-point { cursor: default}
	.static-point .map-point-title { display: block; font: 10px/10px 'open_sansregular', sans-serif; background: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; white-space: nowrap; left: 10px;  top: 0; left: 23px; color: #000} 
	.static-point .map-point-circle { width: 17px; height: 24px; background: url(/img/about/static-map-point.png); z-index: 100; position: relative}
	.moskva .map-point-line { width: 50px; height: 33px; top: -35px; left: -48px}
	.kiev .map-point-line { width: 74px; height: 23px; background-position: 0 -33px; top: -25px; left: -72px}
    .karaganda .map-point-line { width: 74px; height: 23px; background-position: 0 -57px; top: -25px; left: 8px}
		
.about-digits_wrap td.about-join { width: 66.66%; background: #d7e7ef url(/img/about/green-lighting.png) 0 -300px no-repeat}
	.about-join-wrap { padding: 23px 30px}
	.about-join-btns { float: right; width: 160px;}
	.about-join-btns.title-btns { width: auto; margin-top: 40px}
		.about-join-btns.title-btns .btn { width: 160px; display: inline-block; *zoom: 1}
	.about-join-wrap > h3 { font: 28px open_sansextrabold, sans-serif; color: #252525; margin: 0; text-shadow: 0 1px 0 #fff}
	.about-join-wrap > p {font: 15px/20px open_sanslight, sans-serif; width: 60%; text-shadow: 0 1px 0 #fff}
	.about-join-wrap .btn { margin-top: 10px}
	
a.btn { font-size: 15px; font-weight: bold; color: #363636; text-shadow: 0 1px 0 #fff; display: inline-block; *zoom: 1; text-decoration: none; border: 1px solid #b7b7b7; height: 18px; width: 100%; text-align: center; padding: 11px 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; -moz-box-sizing: content-box; box-sizing: content-box;
background: #fafafa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fafafa 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */

}
a.btn:hover { text-decoration: none; -webkit-box-shadow:inset 0 -1px 0 0 #fff; box-shadow:inset 0 -1px 0 0 #fff; color: #000 !important;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}
a.btn:active {padding: 12px 0 10px; -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5); box-shadow: 0 1px 0 0 rgba(255,255,255,0.5);
background: #d3d3d3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZDlkOWQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #d3d3d3 0%, #d9d9d9 5%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(5%,#d9d9d9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3d3d3 0%,#d9d9d9 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3d3d3 0%,#d9d9d9 5%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3d3d3 0%,#d9d9d9 5%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3d3d3 0%,#d9d9d9 5%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
a.btn-green { border-color: #528f2e; text-shadow: 0 -1px 0 #008300; -webkit-box-shadow: none; box-shadow: none; color: #fff !important;
background: #80c757;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwYzc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Y2I3NDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #80c757 0%, #6cb740 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80c757), color-stop(100%,#6cb740));
background: -webkit-linear-gradient(top,  #80c757 0%,#6cb740 100%);
background: -o-linear-gradient(top,  #80c757 0%,#6cb740 100%);
background: -ms-linear-gradient(top,  #80c757 0%,#6cb740 100%);
background: linear-gradient(to bottom,  #80c757 0%,#6cb740 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c757', endColorstr='#6cb740',GradientType=0);
}
a.btn-green:hover {-webkit-box-shadow:inset 0 -1px 0 0 #92CA71; box-shadow:inset 0 -1px 0 0 #92CA71; text-shadow: 0 -1px 0 #1ba300; color: #fff !important;
background: #a0e07b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwZTA3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZWI5NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a0e07b 0%, #6eb942 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0e07b), color-stop(100%,#6eb942)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a0e07b 0%,#6eb942 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a0e07b 0%,#6eb942 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a0e07b 0%,#6eb942 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a0e07b 0%,#6eb942 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e07b', endColorstr='#6eb942',GradientType=0 ); /* IE6-8 */
}
a.btn-green:active {-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5); box-shadow: 0 1px 0 0 rgba(255,255,255,0.5); text-shadow: 0 -1px 0 #006b00;
background: #579d33; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3OWQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNWZhYjM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3YmU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #579d33 0%, #5fab38 5%, #77be46 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#579d33), color-stop(5%,#5fab38), color-stop(100%,#77be46)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #579d33 0%,#5fab38 5%,#77be46 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #579d33 0%,#5fab38 5%,#77be46 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #579d33 0%,#5fab38 5%,#77be46 100%); /* IE10+ */
background: linear-gradient(to bottom,  #579d33 0%,#5fab38 5%,#77be46 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#579d33', endColorstr='#77be46',GradientType=0 ); /* IE6-8 */
}

.about-header-nav { margin-bottom: 1px}
	.jcarousel-control-prev, .jcarousel-control-next {width: 8.33%; height: 100px; background: rgba(255,255,255,0.5); position: relative; float: left; }
	.about-video-nav-larr { margin-left: 16.6%; left: -1px}
	.jcarousel-control-prev:hover, .jcarousel-control-next:hover { background: rgba(255,255,255,0.75);}
		.jcarousel-control-prev > i, .jcarousel-control-next > i { display: block; width: 11px; height: 20px; background: url(/img/about/nav-arrows.png) no-repeat; top: 50%; margin-top: -10px; left: 50%; margin-left: -5px; position: absolute}
		.jcarousel-control-next > i { background-position: 0 -20px}
	.about-video-header {  float: left; width: 33.4%; margin-left: 1px;}
	.about-holding-header { float: left; width: 66.8%; margin-left: 33.3%}
	.about-honors-header { float: left; width: 49.9%;}
	.about-projects-header { float: left; width: 49.9%;}
		.about-header-bg {height: 100px; background: #fff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
		.about-header-bg:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
		.about-holding-header-bg { text-align: center}
		.about-header-bg > h2 {color: #252525; padding: 30px}
		.about-nav-pages { float: right; margin: 30px; font: 28px open_sanslight, sans-serif; color: #a1a1a1;}
.jcarousel-wrapper { /*margin: 0 1px;*/ width: 960px}		
.jcarousel {position: relative; overflow: hidden; width: 100%;}
.jcarousel > ul { margin: 0 0 0 -1px; padding: 0; list-style: none; height: 319px; overflow: hidden; width: 20000em; position: relative}
	.jcarousel > ul > li { float: left; width: 33.33%; margin: 0 1px 0 0; position: relative; overflow: hidden}
		.jcarousel > ul > li > a { display: block;}
		.jcarousel > ul > li:first-child > a { margin: 0}
		.jcarousel > ul > li img {display: block; max-width: 100%; height: auto !important;}
	.about-video-list > li { width: 320px !important}
	.about-video-shadow { position: absolute; width: 100%; height: 158px; bottom: 0; background: url(/img/about/video-shadow.png) repeat-x;}
	.about-video-title { position: absolute; bottom: 8px}
		.about-video-title-review { font-size: 12px; color: #fff; display: block; margin: 10px 30px; position: relative; padding-left: 30px;}
			.about-video-title-review > i { display: block; width: 20px; height: 16px; background: url(/img/about/icon-clip.png) no-repeat; left: 0; position: absolute}
		.about-video-title-name { font-size: 20px; line-height: 25px; font-weight: bold; color: #fff; margin: 10px 0; padding: 0 30px; display: block}
		a:hover .about-video-title-name { text-decoration: underline}

.jcarousel > .about-holding-list { height: auto}
.jcarousel > .about-holding-list > li, .jcarousel > .about-honors-list > li { width: 320px;}
.about-holding-list > li > a, .about-honors-list > li > a { float: left; width: 50%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
	.about-holding-list > li > a > span { display: block; padding: 23px 0; text-align: center; background: #fff; margin-left: 1px;}
	.about-holding-list > li > a > span > img, .about-honors-list > li > a > span > img { display: inline; max-width: none}
	.about-holding-list > li > a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
	
.about-honors-nav-larr, .about-honors-nav-rarr, .about-projects-nav-larr, .about-projects-nav-rarr { margin-left: 1px; width: 8.2%}
.jcarousel > .about-honors-list { margin: 0}
.jcarousel > .about-honors-list > li { margin: 0}
.about-honors-list > li > a > span {display: block; position: relative}
	.about-honors-list-title { font-size: 12px; line-height: 17px; color: #fff; position: absolute; top: 20px; left: 0; padding: 0 20px}
	.about-honors-list > li > a {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
	.about-honors-list > li > a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.about-holding-list > li > a:first-child > span, .about-honors-list > li > a:first-child > span { margin: 0}

.about-news-list {width: 100%; border-collapse: separate; border-spacing: 1px 0}
	.about-news-list td { width: 33.33%; padding: 0; background: rgba(255,255,255,0.75); vertical-align: top}
	.about-news-list td:hover {background: rgba(255,255,255,1);}
	.about-news-item { padding: 25px 30px 30px}
	.about-news-item > h2 { line-height: 32px !important; width: 80%}
	.about-news-item > ul { margin: 25px 3px 20px; padding: 0 15px; list-style: none; border-left: 1px solid #b2b9be}
		.about-news-item > ul > li { padding: 7px 0; font-size: 12px; line-height: 18px; position: relative}
		.about-news-item > ul > li:last-child { padding-bottom: 0;}
			.news-list-item-date { color: #a1a1a1; white-space: nowrap}
			.about-news-item > ul > .news-list-all > a { color: #02439c}
			.about-news-item > ul > li > i { display: block; width: 12px; height: 12px; background: url(/img/about/news-list-marker.png) no-repeat; position: absolute; left: -21px; top: 9px}

.social-links-wrap { overflow: hidden; margin: 0 0 0 1px}			
.social-links-list { margin: 0 0 0 -1px; padding: 0; list-style: none;}
	.social-links-list > li { float: left; width: 16.66%; margin: 0}
		.social-links-list > li > a, .social-links-list .tw { padding: 40px 0; height: 78px; text-align: center; display: block; margin-left: 1px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
		.social-links-list > li > a:hover, .social-links-list .tw:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
		.social-links-list .tw { padding: 25px 0; height: 108px;}
			.tw-title { font: 13px open_sanslight, sans-serif; color: #fff; display: block; margin: 10px 0 0}
				.tw > a { display: block; font: 13px open_sansbold, sans-serif; color: #fff; text-decoration: none; margin: 5px 0 }
				.tw > a:hover { color: #fff !important; text-decoration: underline}
			.social-links-list i { display: inline-block; *zoom: 1; height: 78px; background: url(/img/about/socnets.png) no-repeat}
			.fb > i { width: 37px; background-position: -85px 0}
			.tw > i { height: 39px; width: 55px; background-position: -175px 0}
			.vk > i { width: 53px; background-position: -122px 0}
			.yt > i { width: 85px; background-position: 0 0}
            .ig > i { width: 59px; background-position: -230px 0}
		.social-links-list .fb { background: #3b5999;}
		.social-links-list .tw { background: #00abf0}
		.social-links-list .vk { background: #5a7da5}
		.social-links-list .yt { background: #e42c22}
        .social-links-list .ig { background: #6b4439}
	.social-links-list > .social-links-header { width: 16.6%}
	.social-links-list h2 { background: #fff; color: #252525; font-size: 18px !important; line-height: 26px !important; margin: 0 0 0 1px; padding: 50px 10px 0; height: 108px}

.jcarousel > .about-projects-list { height: auto; margin: 0}	
.jcarousel > .about-projects-list > li { width: 480px; margin: 0;}
	.about-projects-list > li > a { float: left; width: 160px; margin: 0; padding: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
	.about-projects-list > li > a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
		.about-projects-list > li > a > span { display: block; height: 110px; padding: 25px 0; text-align: center; background: #fff; margin: 0 1px 1px 0}
		.about-projects-list > li > a > span > img { display: inline}
		.about-projects-list .double-cell { width: 320px}
		.about-projects-list .whole-cell { width: 480px}

.about-license a { text-decoration: none}	
.license-title {font: 13px open_sansregular, sans-serif; line-height: 18px; color: #000; text-decoration: none;  text-align: left; margin-right: 30px}

.about-annual-report { padding: 20px 30px; margin: 0 1px; background: url(/img/about/annual-report-bg.png) repeat; text-shadow: 0 1px 0 #fff;}
	.about-annual-report > h2, .about-journal > h2 { color: #252525; line-height: 100%; margin: 0 0 10px}
	.about-annual-report-link, .about-journal-link { font: 12px open_sansregular, sans-serif; color: #a1a1a1}
	.about-annual-report-link-all, .about-journal-link-all { color: #a1a1a1 !important; text-decoration: none}

.about-share-journal-wrap { margin: 0 1px}	
.about-share { float: left; width: 477px; background: #d7e7ef url(/img/about/green-lighting.png) -150px -400px no-repeat; height: 70px; text-align: center; padding: 30px 0 0}
	.about-share > h2 {color: #252525; line-height: 100%; text-shadow: 0 1px 0 #fff; display: inline-block; margin: 0 20px 0 0}
	.about-share .social-likes { position: relative; top: 5px}
	
.about-journal { height: 60px; padding: 20px 30px; float: left; width: 420px; margin-left: 1px; background: #fff url(/img/about/journal.jpg) 250px -15px no-repeat;}

.about-footer { padding: 30px 0; margin: 0 1px; font: 12px open_sansregular, sans-serif;}
	.about-copyrights { width: 33.33%; float: left; color: #fff}
		.about-copyrights > p { margin: 0 30px; line-height: 20px}
		.about-copyrights a { color: #fff; text-decoration: underline}
	.about-bottom-menu { margin: 0 0 0 33.33%; padding: 0; list-style: none;}
		.about-bottom-menu > li { float: left; width: 50%; margin-bottom: 8px}
			.about-bottom-menu > li > a { margin: 0 30px; color: #fff; text-decoration: underline}
	
.white-overlay { background: rgba(255,255,255,0.8); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; display: none}
.popup-holder {width: 100%; height: 100%; left: 0; top: 0; text-align: center; z-index: 101; overflow: auto;}
.video-popup {width: 640px; display: none}
.popup {background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -320px; margin-top: -195px; z-index: 101;}
.popup-close { display: block; width: 45px; height: 45px; background: url(/img/about/popup-close.png) no-repeat; position: absolute; right: -46px; top: 0}

.annual-report-list { margin: 45px 0 0; padding: 0; list-style: none;}
	.annual-report-list > li { float: left; margin: 0 54px 45px 0;}
		.annual-report-list > li > a { display: block; width: 115px; height: 40px; background: url(/img/about/report.png); font: 14px 'open_sansbold', sans-serif; text-decoration: none; text-align: center; padding-top: 120px;}
		.annual-report-list > li > a:hover { background-position: 0 -160px}
		
		
/*Страницы контактов*/
.map-holder { width: 100%; height: 420px; margin-bottom: 35px; position: relative; z-index: 1}
	.map-holder > ymaps { width: 100% !important}

.contacts__right-col { width: 290px; padding: 0 0 0 30px; border-left: 1px solid #e4e4e4; position: absolute; top: 0; right: 0}
	.contacts__right-col h3 {margin: 20px 0 25px}
	.contacts__right-col p { margin: 10px 0}
	.contacts__worktime { margin: 20px 0 25px; padding: 20px 0 10px; list-style: none; border-bottom: 1px dashed #e4e4e4; border-top: 1px dashed #e4e4e4}
		.contacts__worktime > dt { float: left; width: 65px;}
		.contacts__worktime > dd { margin: 0 0 0 65px;}
		.contacts__worktime > dd:after { margin-bottom: 8px; content: ''; display: block}
	a.contacts__online-call { position: relative; display: inline-block; *zoom: 1; width: auto; padding: 11px 20px 11px 53px}
	a.contacts__online-call:active {padding: 11px 20px 11px 53px}
		.contacts__online-call > i {background-image: url("/img/about/icon-call.png"); display: block; height: 19px; position: absolute; width: 21px; left: 20px}
	.contacts__office-info { margin: 0 0 20px; padding: 0; list-style: none; line-height: 21px}
		.contacts__office-info > dt { float: left; width: 35px;}
			.contacts__office-info > dt > i { display: block; width: 13px; height: 16px; background: url(/img/about/office-info.png); margin-top: 3px}
			.contacts__office-info > dt > .phone { background-position: -13px 0}
			.contacts__office-info > dt > .time { background-position: -52px 0}
			.contacts__office-info > dt > .address { background-position: -39px 0}
			.contacts__office-info > dt > .post-address { background-position: 0 0}
			.contacts__office-info > dt > .fax { background-position: -26px 0}
		.contacts__office-info > dd { margin: 0 0 0 35px}
		.contacts__office-info > dd:after { content: ''; display: block; margin-bottom: 10px}
	.notice { line-height: 18px; text-indent: -7px; padding: 0 0 5px 35px;}
	.contacts__office-info .metro { display: inline-block; width: 16px; height: 11px; background-image: url(/img/about/metro-contacts-icon.png); margin: 0 3px 0 0; color: #fff; font-size: 0; text-indent: -9999px; overflow: hidden}

.contacts__left-col { margin-right: 321px; min-height: 643px }	
	#cities_list ul { margin: 7px 0; padding: 0; list-style: none; float: left; width: 25%}
	#cities_list ul > li { margin: 8px 0}
	#cities_list ul > li > a { text-decoration: none; margin-right: 10px}
	.city-star { display: inline-block; width: 11px; height: 11px; background-image: url(/img/about/city-star.gif); margin: 0 5px}
	
.contacts-detail__left-col { margin-right: 640px;}
	.contacts-detail__offices-list { margin: 25px 0; padding: 0; list-style: none}
		contacts-detail__offices-list > li { margin-bottom: 0}
	.contacts-detail__office-link { font-size: 14px; display: block; padding: 5px 0; text-decoration: none; background: url("/img/about/arrow-down-grey.png") no-repeat scroll right 13px; margin-right: 25px; padding-right: 10px}
	.contacts-detail__offices-list .contacts__office-info { display: none; margin-bottom: 20px}
	.contacts-detail__offices-list .open .contacts__office-info { display: block}
	.contacts-detail__offices-list .open .contacts-detail__office-link { color: #000; font-weight: bold; background: url("/img/about/arrow-up-black.gif") no-repeat scroll right 13px; margin-bottom: 15px}
	.contacts-detail__left-col dl { margin-top: 30px}
	.contacts-detail__left-col .contacts-detail__offices-list dl { margin-top: 0}
	
.contacts-detail__right-col { width: 640px; position: relative; float: right; min-height: 560px;}
	.contacts-detail__right-col .map-holder { height: 560px; margin: 0; position: absolute; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
	.open-yamap { width: 250px !important; position: absolute; right: 10px; bottom: 10px; z-index: 100}
	.contacts-detail__right-col .notice { margin-top: 560px; border: none; padding-left: 10px; padding-bottom: 0}
	
.contacts-detail__other-offices { margin: 30px 0 20px; border-top: 1px solid #e4e4e4;}
.contacts-detail__other-offices > ul { margin: 7px 0; padding: 0; list-style: none; float: left; width: 16.66%}
	.contacts-detail__other-offices > ul > li { margin: 8px 10px 8px 0}
		.contacts-detail__other-offices > ul > li > a { text-decoration: none}
		
a.tel { color: #000; text-decoration: none; cursor: text}
a.tel:hover { color: #000 !important}
.support-link { display: none}
		
@media screen and (max-width: 1000px) {
	.layout { padding: 0; width: 100%; min-width: 0; -moz-box-sizing: border-box; box-sizing: border-box; }

	#header, .contacts-detail__right-col .notice { display: none}
	.contacts__left-col { min-height: 721px}
	.contacts__left-col, .contacts__right-col {-moz-box-sizing: border-box; box-sizing: border-box;}
	.no-eskimobi h1 {margin: 25px 20px !important; line-height: 100%}
	.contacts__left-col { padding-left: 20px}
	.contacts__right-col { padding-right: 20px}
	.contacts__left-col > ul > li > a { margin-right: 10px}
	.contacts-detail__left-col { margin: 455px 0 0}
	.contacts-detail__right-col { margin: 0; width: 100%; float: none; min-height: 0}
	.contacts-detail__other-offices { margin: 0 20px 20px; border: none}
	.contacts-detail__right-col .map-holder {height: 420px}
	.contacts-detail__offices-list > li { margin-bottom: 0; border-bottom: 1px solid #e8e8e8; padding: 0 0 0 20px}
	.contacts-detail__offices-list > li:first-child {border-top: 1px solid #e8e8e8;}
	.contacts-detail__left-col > h3 { margin-left: 20px; margin-right: 20px}
	.contacts-detail__other-offices > h3 { margin-top: 20px}
	.contacts-detail__left-col dl { margin: 30px 20px}
	.contacts-detail__office-link { padding-top: 20px; padding-bottom: 20px; background-position: right 25px}
	.contacts-detail__offices-list .open .contacts-detail__office-link { margin-bottom: 0; background-position: right 25px}
}
@media screen and (max-width: 760px) {
	.map-holder, .contacts-detail__right-col .map-holder { height: 219px}
	.no-eskimobi h1 { font-size: 30px}
	.contacts__left-col > ul { width: 33%}
	.contacts-detail__left-col { margin: 235px 0 0}
}
@media screen and (max-width: 665px) {
	.contacts__left-col > ul { width: 50%}
}
@media screen and (max-width: 585px) {
	.contacts__left-col { margin: 0; padding-right: 20px; min-height: inherit}
	.contacts__right-col { position: static; width: 100%; padding-left: 20px; margin-top: 15px; margin-bottom: 30px}
	.notice { padding-left: 7px}
	.contacts-detail__left-col .open dl { margin: 0}
	a.tel { color: #00529f; text-decoration: none; cursor: pointer}
	a.support-link { display: block; position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; color: #000; background-color: #fff; -webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.1); font-size: 14px; z-index: 9}
}