/* slides.a_style.css_en:www [1771199959] */
@charset "utf-8";
* {box-sizing: border-box}
html, body { height: 100%; margin: 0; padding: 0; overflow: hidden; }
body { background-color: #000}
#body-window, .body-slide { height: 100%;}
a img {border: none}
a { outline: none; color: #fbd76e; text-decoration: underline}

a.yellow, .yellow { color: #fbd76e !important; text-shadow: 1px 1px 1px #000}
h1 {color: #fff; margin: 0 0 50px}
.error-desc, .success-desc {font: 11px/140% Verdana, Geneva, sans-serif; color: #f00; margin: 20px 0}

.bg {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-size: cover; background-position: center; font-family: "Times New Roman", Times, serif;}
	.bg-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; }
	.frame-top { position: absolute; top: 0; width: 100%; height: 10%; background-position: center top; background-repeat: repeat-x; background-size: contain; z-index: 5}
	.frame-bottom { position: absolute; bottom: 0; width: 100%; height: 10%; background-position: center; background-repeat: repeat-x; background-size: contain; z-index: 16}
	.video-holder {position: absolute; overflow: hidden;}
		.video-holder > video { left: 50%; position: relative}
	
	.header { position: absolute; z-index: 15; height: 100%; width: 100%; margin: 0 auto; text-align: center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease;
-ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
	.header.with-logo { height: auto}
		.logo { position: absolute; z-index: 8; width: 100%; height: 20%; text-align: center; top: 70%}
			.logo img { height: 100%}
		.with-logo > .logo {display: inline-block; width: 25%; height: auto; top: 0; left: 0}
			.with-logo > .logo img { height: auto; width: 100%}
		.tmenu { margin: 10px 0 0; padding: 0; list-style: none; font-size: 18px; text-transform: uppercase; display: inline-block; text-align: center; vertical-align: top; position: relative; z-index: 10; text-shadow: 0 1px 0 #000}
			.tmenu > li { display: inline-block; margin-right: 20px; margin-bottom: 1%; letter-spacing: 2px}
				.tmenu > li > a {  color: #efefef; text-decoration: none; font-weight: bold; }
				.tmenu > li > a:hover, .header-login-field a:hover {text-shadow:0 0 10px #fff;}
		.header-login { display: inline-block; position: relative; z-index: 10}
			.header-login-field { float: left; width: 230px; text-align: left; margin: 5px 5px 0 0; text-transform: uppercase; font-weight: bold; font-size: 13px;}
				.header-login-field-name { display: block; color: #efefef;}
				.header-login-field .checkbox-field input { margin: 0 5px 0 0; position: relative; top: 2px}
				.header-login-field .text-field { width: 100%; padding: 0 5px; background-color: #000; border: 1px solid rgba(255,255,255,0.5); height: 25px; color: #fff; -webkit-border-radius: 1px; border-radius: 1px;}
				.header-login-field a, .header-login-field .checkbox-field { color: #9D9D9D; text-decoration: none; cursor: pointer; text-shadow: 0 1px 0 #000}
				.header-login-field a { position: relative; top: 1px}
				.header-login-field.btn-holder { width: 85px;}
				.header-login-field .btn {text-align: center; width: 85px; border: 1px solid rgba(255,255,255,0.5); color: #efefef; -webkit-border-radius: 1px; border-radius: 1px; height: 25px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; margin-top: 16px; cursor: pointer;
background: #535353;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #535353 0%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#444444));
background: -webkit-linear-gradient(top,  #535353 0%,#444444 100%);
background: -o-linear-gradient(top,  #535353 0%,#444444 100%);
background: -ms-linear-gradient(top,  #535353 0%,#444444 100%);
background: linear-gradient(to bottom,  #535353 0%,#444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#444444',GradientType=0 );
}
				.header-login-field .btn:hover {text-shadow:0 0 10px #fff;}
				
	.footer { position: absolute; z-index: 17; bottom: -20px; width: 100%; text-align: center}
		.bmenu { margin: 0; padding: 0; list-style: none; font-size: 20px; text-transform: uppercase; display: inline-block; text-align: center; text-shadow: 0 1px 0 #000}
			.bmenu > li {display: inline-block; margin: 0 10px 1% 0; padding: 20px 0; letter-spacing: 2px; position: relative}
				.bmenu > li, .bmenu > li > a, .subbmenu > li > a {color: #fbd76e; text-decoration: none; font-weight: bold;}
				.bmenu > li > a:hover, .subbmenu > li > a:hover {text-shadow:0 0 10px #ffff88;}
				.subbmenu { margin: -55px 0 0; padding: 0; list-style: none; position: absolute; white-space: nowrap; display: none; z-index: 15}
					.subbmenu > li { display: inline; font-size: 13px; margin: 0 5px}
	
	.regform-overlay { width: 30%; height: 100%; position: absolute; z-index: 1; top: 0; right: 0; background-repeat: repeat-y; background-size: contain;}
	.regform-lightning { width: 535px; height: 949px; background-repeat: no-repeat; position: absolute; right: 0; top: 7%; z-index: 2;}
	.regform-highlight { width: 640px; height: 117px; background-repeat: no-repeat; position: absolute; right: -270px; z-index: 11; top: 3%}
	.regform-holder { width: 349px; height: 519px; padding: 130px 25px 0 25px; position: absolute; z-index: 15; right: 5px; top: 50%; margin-top: -260px;}
		.regform-holder h3 { font-size: 20px; color: #fbd76e; font-weight: bold; text-transform: uppercase; text-align: center; text-shadow: 0 1px 0 #000; margin: 0 0 10px;}
			.regform-holder h3 span {position:relative; display: inline-block; text-transform: uppercase; font-weight: bold; text-align:center; font-size: 20px; text-shadow: 1px 1px 0px #000, 2px 2px 0px #000;}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.regform-holder h3 span{text-shadow:none !important;}
			.regform-holder h3 span:after {background: none; content: attr(data-text); left: 0; position: absolute;	text-shadow: 1px 1px 0px #000, 2px 2px 0px #000; top: 0; z-index: -1;}.
		}
	.regform-holder label { display: block; text-align: center; margin-bottom: 10px; position: relative}
		.regform-field-name { display: block; color: #efefef; text-transform: uppercase; font-size: 13px; font-weight: bold}
		.regform-holder .text-field, .text-field { width: 100%; background-color: #000; padding: 0 5px; border: 1px solid rgba(255,255,255,0.5); height: 25px; color: #fff; -webkit-border-radius: 1px; border-radius: 1px;}
	.regform-holder .checkbox-field { text-align: left; font: 11px/140% Verdana, Geneva, sans-serif; color: #c0c0c0; padding-left: 20px; position: relative; z-index: 11}
	.regform-holder a {font: 11px/140% Verdana, Geneva, sans-serif; color: #c0c0c0;}
		.regform-holder .checkbox-field input { margin: 0; position: absolute; top: 2px; left: 0; vertical-align: top}
	.regform-holder a.red-btn { border: none; font-family: "Times New Roman", Times, serif; background-size: cover; cursor: pointer}
	.regform-holder .icon-error {width: 15px; height: 15px; background-size: cover; position: absolute; left: -17px; top: 21px; display: none}
	.regform-holder .checkbox-field .icon-error { top: -1px}
	.regform-holder .error .icon-error { display: block}
	.regform-holder .error-desc { position: absolute; padding: 5px 10px; color: #fff; background-color: #303030; width: 300px; left: -320px; top: 0; display: none; border: 1px solid #fff; font: 15px/18px "Times New Roman", Times, serif}
	.success-msg {font: 12px/140% Verdana, Geneva, sans-serif; color: #fff; padding: 0 20px; margin-top: -50px;}
		
.class-desc-holder { width: 100%; position: absolute; bottom: 80px; text-align: center; z-index: 100}
	.class-desc { background-color: rgba(0,0,0,0.8); padding: 10px 15px; border: 1px solid rgba(251,215,110,0.3); border-bottom-width: 2px; -webkit-box-shadow:inset 10px 10px 10px 0 #000; box-shadow:inset 10px 10px 10px 0 #000; width: 40%; min-width: 620px; margin: 0 auto; position: relative}
	.class-desc-holder h3 { width: 100%; height: 39px; text-indent: -9999px; margin: 0}
	.class-desc p { font-size: 13px; text-transform: uppercase; color: #fbd76e; margin: 5px 0 15px; text-shadow: 2px 2px 0 #000; font-weight: bold}
	.class-desc p:last-child { margin-bottom: 0}
	.class-desc-holder .arrow-left { position: absolute; top: 50px; left: -60px; display: block; width: 51px; height: 52px; }
	.class-desc-holder .arrow-right { position: absolute; top: 50px; right: -60px; display: block; width: 51px; height: 52px;}
	a.red-btn { width: 100%; height: 60px; text-align: center; font-size: 16px; color: #fff; text-transform: uppercase; text-shadow: 2px 2px 0 #8B070B; text-decoration: none; font-weight: bold; background-position: center; background-repeat: no-repeat; display: inline-block; padding-top: 20px;}
	
.text-holder { width: 40%; min-width: 550px; height: 65%; margin: 130px auto; position: relative; z-index: 1000; color: #fff; font-size: 18px; line-height: 24px;}

#scrollbar .viewport {height: 100%; overflow:hidden; position:relative;}
#scrollbar .overview {list-style:none; position:absolute; left:0; top:0; margin:0; width: 100%;}
#scrollbar .scrollbar {position:absolute; background-position:0 0; right: -20px; top:0; width:9px; border: 1px solid rgba(255, 255, 255, 0.5);}
#scrollbar .track {height:100%; width:7px; position:relative; margin: 2px}
#scrollbar .thumb {height:20px; width:3px; cursor:pointer; overflow:hidden; position:absolute; top:0; background: none repeat scroll 0 0 #757575;}
#scrollbar .thumb .end {overflow:hidden; height:5px; width:25px;}
#scrollbar .disable { display:none;}
.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none;}

.download-title { height: 30px; background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-size: contain; margin: 0 0 20px}
.downloads-holder { width: 400px; margin: 0 auto; line-height: 110%; font-size: 18px;}
.downloads-holder > ul { margin: 10px 0 0; padding: 0; list-style: none;}
	.downloads-holder > ul > li { float: left; margin: 5px 10px; border: 1px solid rgba(255,255,255,0.5); width: 180px; text-align: center}
		.downloads-holder > ul > li > a { text-decoration: none; color: #fff; padding: 5px 10px 5px 50px; display: block; position: relative}
			.downloads-holder > ul > li > a > i { display: block; width: 40px; height: 41px; background-size: cover; position: absolute; left: 9px; top: 3px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
	.downloads-holder small { font-size: 14px; line-height: 16px;}
	
.loader { background-color: #464645; background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; opacity: 0.5}

.media-holder { width: 56%; height: 70%; position: relative; left: 50%; margin-left: -28%; margin-top: 6%;}
	.media-bigpic { background-color: rgba(0,0,0,0.7); -webkit-box-shadow: inset 10px 10px 10px 0 rgba(0,0,0,0.8); box-shadow: inset 10px 10px 10px 0 rgba(0,0,0,0.8); border-width: 1px; border-style: solid; border-color: #717171 #282828 #434542 #282828; height: 80%;}
	.media-bigpic__item { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat}
	.media-preview-list-holder { overflow: hidden}
	.media-preview-list { margin: 0; padding: 0; list-style: none; position: relative; z-index: 999; width: 9999px;}
		.media-preview-list > li { float: left; display: inline; margin: 10px 14px 0 0; padding: 0;}	
		.media-preview-list > li > a > img { border-width: 1px; border-style: solid; border-color: #717171 #282828 #434542 #282828; opacity: 0.8;}
		.media-preview-list > .active > a > img {opacity: 1; border-color: #F93}
		.media-preview-list > li > a:hover > img {opacity: 1;}
	.media-holder .arrow-left { position: absolute; bottom: 4.5%; left: -60px; display: block; width: 51px; height: 52px; z-index: 999;}
	.media-holder .arrow-right { position: absolute; bottom: 4.5%; right: -60px; display: block; width: 51px; height: 52px; z-index: 999;}
	.downloads-files { background-color: rgba(0,0,0,0.5); margin: 10px; padding: 10px; list-style: none; position: absolute; z-index: 100; font-size: 12px; line-height: 20px; display: none}
		.downloads-files a { color: #fff; }
		
.popup { position: fixed; background-color: #fff; padding: 2em; font-size: 13px; -webkit-border-radius: 10px; border-radius: 10px; width: 20em; left: 50%; margin-left: -10em; top: 40%; z-index: 100}
	.close-popup { color: #fff; font-weight: bold; position: absolute; top: -.7em; right: -.7em; text-decoration: none; font: 350% Arial, Helvetica, sans-serif}
	
.fadetoblack { background-color: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none}

/* Выбор языка */
.lang-choose { float: right; margin: 10px}
.lang-choose > a { display: block; border: 1px solid #c9c9c8; background-color: #e7e7e7; -webkit-box-shadow: inset 2px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: inset 2px 1px 2px 0 rgba(0,0,0,0.2); padding: .15em .5em .15em 2em; text-decoration: none; color: #000; width: 10.2em; text-align: left; background-repeat: no-repeat; background-position: .35em .2em; background-size: 11% auto; position: relative; z-index: 1000; text-transform: uppercase; font-weight: 100}
	.lang-choose > a > .trigger {display: block; position: absolute; width: 9px; height: 5px; text-indent: -10000em; top: 0.6em; right: 6px; background-repeat: no-repeat; background-position: left top;}
	.lang-choose .lang-dropdown { position: absolute; z-index: 1000; background-color: #e7e7e7; -webkit-box-shadow: inset 2px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: inset 2px 1px 2px 0 rgba(0,0,0,0.2); margin: 0;  width: 10.2em; padding: 0; list-style: none;}
	.lang-choose .lang-dropdown a {display: block; padding: .3em .5em .3em 2em; text-decoration: none; color: #000; text-align: left; border-top: 1px dotted #ccc; background-repeat: no-repeat; background-position: .55em .43em; background-size: 8% auto; text-transform: uppercase; font-weight: 100}
	.lang-choose .lang-dropdown a:hover{ background-color: #f7f7f7}

.like-holder {position: absolute; z-index: 1000; bottom: 10px; right: 10px; overflow: hidden; height:20px}
.socnet-auth-block { color: #c0c0c0; font: 14px Verdana, Geneva, sans-serif; margin: 10px 0 20px; text-align: center}
	.socnet-auth-block img { vertical-align: top; height: 20px; width: auto} 
	#vk_like { display: inline-block; position: relative; top: 4px; margin-left: 10px}