@font-face {
    font-family: 'robotomedium';
    src: local('Roboto-Medium'), url(Roboto-Medium.ttf);
}

@font-face {
    font-family: 'robotolight';
    src: local('Roboto-Light'), url(Roboto-Light.ttf);
}

@font-face {
    font-family: 'robotobold';
    src: local('Roboto-Bold'), url(Roboto-Bold.ttf);
}

@font-face {
    font-family: 'robotoregular';
    src: local('Roboto-Regular'), url(Roboto-Regular.ttf);
}

html { 
/*  background: url(/i/bg3.jpg) repeat-y center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#empty {
   height: 182px;
}
#main {
    background:url(bg1.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    height: 100%;
    background-position:50% 50%;  /* Sets reference point to scale from */

}

#main2 {
    background:url(bg2.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-align: center;
background-position:50% 50%;  /* Sets reference point to scale from */

}


#main3 {
    background-image:url(bg3.jpg);
    background-repeat: repeat-y;
    width: 100%;


    height: 100%;
    text-align: center;
background-position:50% 50%;  /* Sets reference point to scale from */

}

#bg_mark {
    background:url(bg_mark.jpg) no-repeat;
    width: 100%;
   background-position:left bottom; 
    height: 100%;
    text-align: center;
background-position:50% 50%;  /* Sets reference point to scale from */
}


a			{color:#000;text-decoration:none}
body			{ background-color:#000;font-family:robotomedium; color:#fff; min-width: 1200px;  width: 100%;    margin: 0;background-position:50% 50%;  /* Sets reference point to scale from */
}
#logo		{ background:url(LOGO.png) no-repeat; height:37px;  width:273px;  margin-top: 0px; z-index:1;}
#menu		{ display: block;  height: auto;  width:273px; margin-top: -30px; right: 0px; margin-left: auto; text-align: right; color:#686868; line-height: 3em;}
#menu img {padding-top: 20px;}
div.menulinks  {font-size: 2.5em; line-height: 2em; color: #fff; font-family: 'robotobold';}
div.menulinks a {color: #fff; font-family: 'robotobold'; text-decoration: none;}
#momentum {height:auto;  width:473px;      margin-top: 80px; text-align: left; font-size: 4em; line-height: 1em; color: #fff; font-family: 'robotobold';}
#momentum_more {width: 100%; font-size: 0.5em; float: left; color: #fff; font-family: 'robotolight'; text-align: right; padding-top: 30px; line-height: 1em;}
#momentum_more div {display: table-cell; vertical-align: top; test-align: left; line-height: 1.3em;}
#momentum_more img {position: relative; padding-top: 25px; margin-right: 30px;}
#center		{ 
	width: 1200px; 
	font-family:robotomedium;
	width: 1200px;
	margin: auto; 

}



div.realhifi		{ background-image:url(golova2.jpg); max-width: 100%; margin: auto;
	
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 50%;
}
div.centercenter	{ font-family:robotomedium; padding: 10px 0 10px 0; width:800px;  font-size: 1.4em; margin: 0 auto; text-align: justify; line-height: 1.5em; }
div.centercenter2	{  padding: 10px 0 10px 0; width:800px;  font-size: 2.5em; margin: 0 auto; text-align: justify; line-height: 1.5em; }
div.logo2 img		{
display: block;
max-width: 100%;
height: auto;
position: relative; top: 182px;
}


div.centerwhite		{padding: 20px 0 20px 0; display: block; width: 1200px; font-family:robotomedium; color: #000; background:#e1e1e1; line-height: 1.5em;   margin:  0 auto; border-radius: 5px 5px 0 0;}
div.centerwhite_bottom	{padding: 10px 0 10px 0; display: block; width: 1200px; font-family:robotomedium; background:#e1e1e1; line-height: 1.5em;   margin:  0 auto; border-radius: 0 0 5px 5px; }
div.centerblack		{padding: 30px 0 30px 0; display: block; width: 1200px; font-family:robotomedium; font-size:0.6em; background:#000; line-height: 1.5em;   margin:  0 auto; text-align: center;}

.overflow {
        overflow: hidden;
        vertical-align: middle;
 	
}

.minus, .plus {
        display: inline-block;
        float: left;
        width: 380px;
}
.minus {
        float: right;
	margin-top: 0.5cm;
}
.minus div, .plus div {
        display: table-cell;
	text-align: center;
	height: 100%;
        vertical-align: middle;

}

.minus div:last-child, .plus div:last-child {
        color: #181818;
        font-size: 16px;
        font-family: 'robotomedium';
        padding: 20px;
        text-align: left;
	line-height: 1.5em;
}




.evaluation {
/*        border-bottom: 1px solid #252525;
        border-top: 1px solid #252525;
*/
        margin: 50px 0;
        text-align: left;
        font-family: 'robotomedium';
        font-size: 16px;

}
.evaluation div {
        color: #181818;
        float: left;
        width: 300px;
}
.evaluation div:last-child {
        float: right;
}
.evaluation span {
        border: 2px solid #111;
        border-radius: 50%;
        color: #111;
        float: right;
        height: 35px;
        padding: 9px 5px;
        text-align: center;
        width: 44px;
        font-family: 'robotomedium';
        font-size: 18px;
}


.total {
        border: 3px solid #111;
        border-radius: 50%;
        color: #111;
        display: table;
        font-size: 36px;
        font-family: 'robotomedium';
        /*font-weight: bold;*/
        height: 100px;
        margin: 0 auto;
        width: 100px;
}
.total div {
        display: table-cell;
        vertical-align: middle;
	text-align: center;
}


.wrapper {
  width: 100%; 
max-width: 1600px;
  /* whatever width you want */
  display: inline-block;
  position: relative;
  background-size: contain;
  background: url('golova2.jpg') top center no-repeat;
background-position:50% 50%;  /* Sets reference point to scale from */
background-size:cover;       /* Sets background image to cover entire element */

border-radius: 3px;
  margin: 0 auto;
}
.wrapper:after {
  padding-top: 50%;
  display: block;
  content: '';
 background: rgba(0,0,0,.5);
  z-index: 2;
} 

/*
.wrapper:after {
  padding-top: 50%;
  display: block;
  content: '';
 background: rgba(0,0,0,.5);
  z-index: 2;
} 
*/
.main2 {
  position: absolute;
  top: 5.5cm;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
        font-size: 3em;
        font-family: 'robotobold';
  text-align: center;
}
.main2 div {
  margin-top:1cm;
  color: white;
        font-size: 0.5em;
        font-family: 'robotolight';
  text-align: center;
}


div.centerbold {
        font-size: 3em;
        font-family: 'robotobold';
  text-align: center;
	margin-bottom: 3cm;
}

div.centertext {
        font-size: .8em;
        font-family: 'robotoregular';
	color: #000;
text-align: justify; 
/*padding: 60px 0 60px 0;*/
	line-height: 1.5em;
}


h5 {
text-align:center;
        font-size: 1.5em;
        font-family: 'robotomedium';

}


div.top {
 width:100%;
margin: 0 auto;
}

#main_inner_bottom {
    display: flex;
/*	margin-top: 300px;*/
/*	margin-bottom: 115px;*/
        font-size: 1em;
        font-family: 'robotobold';

}
 
#lm{
    width: 33%;
    height: 1cm;
}

#cnt{
    flex: 1;
    height: 1cm;
    text-align: center;
        font-size: 3em;
 
}
#rm{
    width: 33%;
    height: 1cm;
    text-align: right;
}

#vvedenie {
	margin-top: 2cm;
        font-family: 'robotobold';
	margin-bottom: 2cm;
}

#vvedenie div:nth-child(1) {
        font-size: 2.5em;
	margin-bottom: 10px;
}

#vvedenie div:nth-child(2) {
        font-size: 1em;
}

#vvedenie div:nth-child(3) {
        font-size: 1em;
        font-family: 'robotolight';
}

#vvedenie2 {
	color: #000;
        font-family: 'robotobold';
	margin-top: 1cm;
	margin-bottom: 1cm;
}

#vvedenie2 div:nth-child(1) {
        font-size: 2em;
	margin-bottom: 10px;
}

#vvedenie2 div:nth-child(2) {
        font-size: 1em;
}

#vvedenie2 div:nth-child(3) {
        font-size: 1em;
        font-family: 'robotolight';
}

.centerstrelka{
 margin-top: .5cm;
 margin-bottom: .5cm;
 color: #000;
    text-align: center;
        font-size: 2.5em;
}

.white{
 color: #fff;
}


#naushnik2		{ background:url(naushnik.png); max-width: 1200px; margin: 0 auto;
    position:absolute;
    background-position:center;
/*    top:182px;*/
/*    background-size: contain;*/
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 100%;
z-index:10;
}
#naushnik		{ background:url(naushnik.png); max-width: 1200px; margin: 0 auto;
position: absolute;
/*    top: 50%;
    left: 50%;
    margin-top: -10em;
    margin-left: -302px;*/
    top:6cm;
    left: 50%;
    margin-left: -302px;
    width: 605px;
    height: 782px;
}

#niz		{ background:url(niz.png); max-width: 1200px; margin: 0 auto;
position: absolute;
/*    top: 50%;
    left: 50%;
    margin-top: -10em;
    margin-left: -302px;*/
    top:6cm;
    left: 50%;
    margin-left: -302px;
    width: 605px;
    height: 782px;
}

#main_inner {
    display: flex;
	margin-top: 300px;
	margin-bottom: 115px;
        font-size: 1em;
        font-family: 'robotobold';

}

#mark_niz		{ background:url(mark_niz.png) no-repeat; margin: auto;height:804px;  width:538px;  margin-top: 0cm; margin-bottom: 2cm; z-index:1;}

#fade { 
    display: none;/*--по умолчанию скрыто--*/ 
    background: rgba(7, 7, 7, 0.9);
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80; 
    z-index: 9999;
}
.popup_block {
    display: none; /*--по умолчанию скрыто--*/
/*    background: #fff;*/
    padding: 20px;
/*    border: 8px solid rgb(134, 134, 134);*/
    float: left;
    font-size: 75%;
    position: fixed;
    top: 50%; left: 50%;color: #000;
    max-width: 1200px;
    min-width: 320px;
    height: auto;
    z-index: 99999;
    /*--CSS3 тень блока--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--CSS3 скругление углов--*/
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
	.scrollbar#style-10
}
.popup_block p {	
/*    font-weight: 400;*/
    padding: 0;
    margin: 0;
    color: #fff;
    line-height: 1.6;
	font-size: 1.3em;
    font-family: robotolight;
}
.popup_block h2 {
    margin: 0px 0 10px;
    color: rgb(43, 43, 43);
    font-weight: 400;
    text-align: center;
    text-shadow: 1px 1px 2px #0D0C0C;
}	
/* формируем кнопку закрытия */
.close {
/*    background-color: rgba(61, 61, 61, 0.8);
    border: 2px solid #ccc;*/
    height: 125px;
/*    line-height: 20px;*/
    position: absolute;
    right: 40px;
/*    font-weight: bold;
    text-align: center;
    text-decoration: none;padding: 0;
    top: -17px;
    width: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;  */
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 5em;
.*    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);*.
}
.close:hover {
/*    background-color: rgba(252, 20, 0, 0.8);*/
}
.shadow {
    box-shadow:4px 4px 10px #857373;
   -webkit-box-shadow:4px 4px 10px #857373;
   -moz-box-shadow:4px 4px 10px #857373;
    padding:0;
} 
/*--фиксированное позиционирование для IE6--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}



#style-10::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

#style-10::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #96A6BF, #63738C);
  box-shadow: inset 0 0 1px 1px #5C6670;
}

#style-10::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0,0,0,0.3)
}

#style-10::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #8391A6, #536175);
}


::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #96A6BF, #63738C);
  box-shadow: inset 0 0 1px 1px #5C6670;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0,0,0,0.3)
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #8391A6, #536175);
}



/**  STYLE 10 */
#style-10::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #96A6BF, #63738C);
  box-shadow: inset 0 0 1px 1px #5C6670;
}

#style-10::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0,0,0,0.3)
}

#style-10::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #8391A6, #536175);
}