@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/TKoB7So5.otf');
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #fff;
	position: relative;
	font-family: 'Tahoma', Verdana, Arial;
	height: 100%;
}

header{
	display: block;
	width: 1024px;
	height: 150px;	
	margin: 10px auto 0 auto;
	min-width: 1024px;
}
img {
	display: block;
	float: left;
	width: 152px;
}

header h1 {
	display: block;
	font-family: 'HelveticaNeue' !important;
	#font-family: Comic Sans, Comic Sans MS, cursive;
	padding: 30px 0 0 150px;
	color: #cc0066;
	text-shadow: 1px 1px 0px #000;
}
#navigation{
	width: 1024px;
	height: 45px;
	background: #cc0066;
	margin: 0 auto;
	z-index:10;
	position: relative;
}
#nav{
    z-index:11;
	margin: 0;
	overflow: inherit;
}

#nav li{
	list-style: none;
	float: left;
	width: 128px;
	#height: auto;
	display: inline;
	position: relative;
}
#nav >ul ul{
   position:absolute;
}
.inner-menu li a{
	float: left;
	width: 180px;
	background: #fff;
	color: #cc0066;
}

.inner-menu li a:hover{
	background: #cc0066;
	color: #fff;
	float: left;
}
#nav li>ul{
	display: none;

}
ul#nav ul>li{
    float:left;

}
ul#nav ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}
#navigation a {
	text-transform: uppercase;
	font-family: 'HelveticaNeue' !important;
	text-shadow: 1px 1px 0px #000;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	background: #cc0066;
	display: block;	
	height: 45px;
	line-height:45px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-o-border-bottom-right-radius: 5px; */
	text-align: center;
	transition: color .4s, background .4s;
}
#navigation a:hover {
	text-transform: uppercase;
	background: #ededed;
	color: #cc0066;
	font-family: 'HelveticaNeue' !important;
	text-shadow: 1px 1px 0px #000;
	transition: color .4s, background .4s;
}

#wrapper {	
	margin: 0 auto;
	width: 1024px;
	height: 100%;
	background: #ededed;
	margin-bottom: 2px;
	padding-bottom: 230px;
	z-index: 1;
}
#wrapper h2 {
	padding: 45px 0 20px 20px;
	color: #898989;
	font-family: 'HelveticaNeue' !important;
	font-weight: normal;
	text-shadow: 1px 1px 0px #000;
	position: relative;
}

.container {
	position: relative;
	width: 400px;
	height: 616px;
	font: 1em "HelveticaNeue", sans-serif;
	margin: 0 auto;
}
.video {
	width: 576px;
	height; 331px;
	position: relative;
	display: block;
	margin: 0 420px 40px;
	border: 8px solid #eee;
	border-radius: 5px;
	box-shadow: 0 7px 20px rgba(0,0,0,.5);
}
.slider, .img {
	width: inherit;
	height: inherit;
}
.slider {
	position: relative;
	overflow: hidden;
	background-color: #000;
	border: 8px solid #eee;
	border-radius: 5px;
	box-shadow: 0 7px 20px rgba(0,0,0,.5);
}
.img {
	position: absolute;
	margin-left: -8px;
	perspective: 500px;
}

.img1 .frag {background-image: url(https://lenta.logos-group.top/alexx/images/system1.jpg)}
.img2 .frag {background-image: url(https://lenta.logos-group.top/alexx/images/system2.jpg)}
.img3 .frag {background-image: url(https://lenta.logos-group.top/alexx/images/system3.jpg)}
.img4 .frag {background-image: url(https://lenta.logos-group.top/alexx/images/system4.jpg)}

.frag {
	height: inherit;
	width: 66px;
	float: left;
	opacity: 0;
	z-index: 0;
	
	transform-origin: center right;	
	transform: rotateY(90deg) translateZ(-100px) scale(1.5);
	transition: transform .6s, opacity .6s, -webkit-filter 2s ease-out;
	-webkit-filter: saturate(0) blur(10px) brightness(.4) contrast(4) sepia(1);
	
}
.img .frag2 {
	background-position: -66px 0;
	transition-delay: .2s;
}
.img .frag3 {
	background-position: -132px 0;
	transition-delay: .4s;
}
.img .frag4 {
	background-position: -198px 0;
	transition-delay: .6s;
}
.img .frag5 {
	background-position: -264px 0;
	transition-delay: .8s;
}
.img .frag6 {
	background-position: -330px 0;
	transition-delay: 1s;
}

#slide1:checked ~ .slider .img1 .frag,
#slide2:checked ~ .slider .img2 .frag,
#slide4:checked ~ .slider .img4 .frag,
#slide3:checked ~ .slider .img3 .frag {
	transform: rotateY(0) translateZ(0) scale(1);
	-webkit-filter: saturate(1) blur(0) brightness(1) contrast(1) sepia(0);
	opacity: 1;
	z-index: 1;
}

.controls {
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -55px;
}
.controls label {
	display: block;
	height: 10px;
	width: 30px;
	float: left;
	margin-right: 10px;
	background-color: #cc0066;
	cursor: pointer;
	opacity: .2;
	transition: opacity .5s;
}
.controls label:hover, 
#slide1:checked ~ .controls label:nth-of-type(1),
#slide2:checked ~ .controls label:nth-of-type(2),
#slide3:checked ~ .controls label:nth-of-type(3),
#slide4:checked ~ .controls label:nth-of-type(4),
#slide5:checked ~ .controls label:nth-of-type(5),
#slide6:checked ~ .controls label:nth-of-type(6) {
	opacity: .8;
}
.container > input {
	display: none;
}
.captions {
	display: none;
}
.bistro {
	position: absolute;
	width: 300px;
	padding-left: 20px;
	text-indent: 20px;
	font: 14px "Helvetica", sans-serif, "Arial";
	line-height: 20px;
	color: #868686;
}
.text {
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 0 20px 20px 20px;
	text-indent: 20px;
	font: 14px "Helvetica", sans-serif "Arial";
	line-height: 1.5;
	color: #868686;
}
div#education-block{
	display: block;
	height: 620px;
}
div#education-block h3 {
    padding: 10px 0 10px 20px;
    font: 18px "Helvetica", sans-serif;
    font-weight: normal;
    color: #868686;
}
div#education-block-right-img{
		display: block;
		position: relative;
		height: 426px;
		width: 71px;
		border: solid 8px #eee;
		border-radius: 5px;
		box-shadow: 0 7px 20px rgba(0,0,0,.5); 
}
div#education-block-right-img>img{
	float: left;
	width: 55px;
}
div#education-block-right-text{
	width: 560px;
	height: 440px;
	padding: 0;
	margin: -428px 0 0 100px;
	font: 14px "Helvetica", sans-serif, "Arial";
	color: #868686;
}
div#education-block-right-text ul{
	margin-left: 30px; 
	list-style-position: inside;
	list-style-type: square;
}
div#education-block-right-text p{
	font: 14px "Helvetica", sans-serif, "Arial";
	text-indent: 20px;
	line-height: 1em;
	color: #444;
}
address{
	font: 12px "Helvetica", sans-serif, "Arial";
}
div#education-block-left{
		display: block;
		width: 30%;
		min-width: 200px;
		margin: 0 0 0 0;
		font: 14px "Helvetica", sans-serif, "Arial";
		color: #868686;	
		border-right: solid 2px #868686;
		float: left;	
}
div#education-block-left>ul{
		margin-left: 30px; 
		list-style-position: inside;
		list-style-type: square;		
}
div#education-block-right{
		display: block;
		height: 440px;
		width: 70%;
		padding: 10px;
		float: left;
}
div#about-block {
    height: 700px;
}
div#about-block h3 {
    padding: 10px 0 10px 20px;
    font: 18px "Helvetica", sans-serif;
    font-weight: normal;
}
div#salon-block {
    height: 870px;
}
div#salon-block h3 {
    padding: 10px 0 10px 20px;
    font: 18px "Helvetica", sans-serif;
    font-weight: normal;
    color: #868686;
}
hr {
	margin: 10px 0 10px 0;
	height: 1px;
	background-color: #868686;
	border: none;
}
.colortext {
	color: #cc0066;
	font-family: 'HelveticaNeue' !important;
}
.page-text {
	position: relative;
	width: 400px;
	margin: 0 50px 0 0;
	padding-left: 20px;
	padding-right: 20px;
	text-indent: 20px;
	font: 14px "Helvetica", sans-serif, "Arial";
	line-height: 16px;
	color: #868686;
}
.page-text>li, .aboutus>ul {
	width: 400px
	margin: 0 0 20px 0;
	padding-left: 0px;
	list-style-position: inside;
	font: 14px "Helvetica", sans-serif, "Arial";
	font-weight: normal;
	line-height: 16px;
	color: #868686;
}
p.page-text-salon {
	position: relative;
	width: 600px;
	margin: 0 10px 0 0;
	padding-left: 20px;
	padding-right: 0px;	
	text-indent: 20px;
	font: 14px "Helvetica", sans-serif, "Arial";
	line-height: 16px;
	color: #868686;
}
.page-text-salon img {
	width: 235px;
	height: 340px;
	border: 8px solid #eee;
	border-radius: 5px;
	box-shadow: 0 7px 20px rgba(0,0,0,.5);
}
div.page-text-salon {
	position: relative;
	width: 1024px;
	height: 260px;
	margin: 0 50px 0 0;
	padding: 0;		
	text-indent: 20px;
	font: 14px "Helvetica", sans-serif, "Arial";
	line-height: 16px;
	color: #868686;
}
div.page-text-salon-1 {
	display: block;
	width: 45%;
	height: 260px;
	float: left;
	line-height: 16px;
}
div.page-text-salon-2 {
	display: block;
	width: 45%;
	height: 260px;
	float: left;
}
div.page-text-salon-1 .salon, div.page-text-salon-2 .salon {
	display: block;
	float: left;
	width: 450px;
	margin: 0 10px 20px 0;
	padding: 10px 0 0 10px;
	list-style-position: inside;
	list-style-type: square;
	font: 14px "Helvetica", sans-serif, "Arial";
	font-weight: normal;
	line-height: 16px;
	color: #868686;
}
.salon {
	display: block;
	float: left;
	width: 300px;
	margin: 0 10px 20px 0;
	padding: 30px 0 0 10px;
	list-style-position: inside;
	font: 14px "Helvetica", sans-serif, "Arial";
	font-weight: normal;
	line-height: 16px;
	color: #868686;
}
.page-text-salon a {
	font: 14px "Helvetica", sans-serif, "Arial";
	line-height: 16px;
	color: #868686;
	text-decoration: none;
	font-weight: bold;
}
.page-text-salon a:hover {
	font: 14px "Helvetica", sans-serif, "Arial";
	line-height: 16px;
	color: #cc0066;
	text-decoration: none;
	font-weight: bold;
}
.img-aboutus {
	position: relative;
	margin: -550px 0 0 400px;
	width: 600px;
	height: 450px;
	overflow: hidden;
	background-color: #ededed;
	border: 8px solid #eee;
	border-radius: 5px;
	box-shadow: 0 7px 20px rgba(0,0,0,.5);
	background-image: url("https://lenta.logos-group.top/images/unternehmen.jpg");	
}
.img-salon {
	position: relative;
	margin: -550px 0 0 400px;
	width: 108px;
	height: 150px;
	overflow: hidden;
	background-color: #ededed;
	border: 8px solid #eee;
	border-radius: 5px;
	box-shadow: 0 7px 20px rgba(0,0,0,.5);
	background-image: url("http://web.archive.org/web/20180521125813im_/https://lenta.logos-group.top/pics/technolog.jpg");	
}
.img-aboutus .img {
	width: inherit;
	height: inherit;
}
#block1 {
	position: relative;
	display: block;
	width: 1024px;
	height: 380px;
	background: #fff;
}
#block1 .block-img {
	position: relative;
	width: 300px;
	height: 400px;
	margin-right: 0;
	
}
.block {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 20px 0 0 0;
	
}
.block-img > img {
	width: 250px;
	height: auto;
}

#block1 h3 {
	padding: 10px 0 10px 20px;
	font: 18px "Helvetica", sans-serif;
	font-weight: normal;
}
#block2 {
	position: relative;
	display: block;
	width: 1024px;
	height: 514px;
	min-height: 1px;
	background: #eee;	
}
#block2 h3 {
	padding: 10px 0 10px 20px;
	font: 18px "Helvetica", sans-serif;
	font-weight: normal;
}
#block3 {
	background: #FFF;
	width: 1024px;
	height: 560px;
}
#block3 h3 {
	padding: 10px 0 10px 20px;
	font: 18px "Helvetica", sans-serif;
	font-weight: normal;
}
#block3 #small_pic {
	margin-top: 168px;
	width: 180px;
}
#block4 {
	background: #eee;
	width: 1024px;
	height: 540px;
	border: solid 1px #FFF;
}
footer {	
	position: absolute;
	display: block;
	bottom: 0;	
	background: #ddd;
	width: 1024px;
	height: 200px;
	margin: 0 auto 0 auto;
}
.keywords {
	
	display: block;
	float: left;
	
	width: 300px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
}
.contacts {
	margin-left: 200px;
	padding: 50px 0 0 0;	
	display: block;
	float: left;
	width: 400px;
	height: 200px;
	font: 11px "Tahoma", sans-serif, "Arial";
	color: #898989;
	text-align: right;
	line-height: 15px;
}
.contacts a {	
	background: transparent;
	font: 11px "Tahoma", sans-serif, "Arial";
	color: #898989;
	text-decoration: none;
	font-weight: bold;
}
.contacts a:hover {	
	background: transparent;
	font: 11px "Tahoma", sans-serif, "Arial";
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}
#contacts_{
display: block;
height: 450px;
}
#contacts_text{
display: block;
float: left;
width: 370px;
padding-left: 20px;
padding-top: 20px;
text-indent: 20px;
font: 14px "Tahoma", sans-serif, "Arial";
line-height: 20px;
}
#contacts_text a {	
	background: transparent;
	font: 14px "Tahoma", sans-serif, "Arial";
	color: #898989;
	text-decoration: none;
	font-weight: bold;
}
#contacts_text a:hover {	
	background: transparent;
	font: 14px "Tahoma", sans-serif, "Arial";
	color: #454545;
	text-decoration: none;
	font-weight: bold;
}
#contacts_map{
display: block;
float: left;
text-align: right;
padding-right: 20px
}
#mail_counter {
	display: block;
	float: left;
	width: 88px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
}
#mail_counter img {
	width: 88px;
	margin-top: 169px;
}
#persons-block {
	height: 1200px
	padding-bottom: 200px;
	color: #757575;
}
#persons-block h3 {
	padding: 10px 0 10px 20px;
    	font: 18px "Helvetica", sans-serif;
   	font-weight: normal;
}
.person-table {
	
}
.person-table img {
	width: 120px;
}
.masters {
	text-align: left;
	font: 12px "Helvetica", sans-serif;
	margin: 5px;
	padding: 5px 10px 10px 10px;
}

/*
playback timings (ms):
  captures_list: 312.222
  exclusion.robots: 0.07
  exclusion.robots.policy: 0.061
  cdx.remote: 0.056
  esindex: 0.009
  LoadShardBlock: 282.949 (3)
  PetaboxLoader3.datanode: 289.3 (5)
  load_resource: 1401.443 (2)
  PetaboxLoader3.resolve: 313.041 (2)
*/