/*
@font-face { 
  font-family: 'OpenSans'; 
  src: url('/fonts/OpenSans-Regular.eot');
  src: url('/fonts/OpenSans-Regular.woff') format('woff'), 
       url(/fonts/OpenSans-Regular.woff2) format('woff2'),
    url(/fonts/OpenSans-Regular.ttf)  format('truetype');
  font-weight: normal; 
  font-style: normal; 
}
*/


* {
    box-sizing: border-box;
}

body {
    margin: 0px;
    
}

li {
    list-style-type: none;
   }
   
ul {
    margin-left: 0; 
    padding-left: 0;
    margin-bottom: 0;
   }

a {
    text-decoration: none;
    color: #000000;
}

.page_content {
    background-image: url(img/1_picture.png);
    background-size: 990px 676px;
    width: 990px;
    height: 676px;
    position: relative;
    z-index: 1;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
  .page_content {
    background-image: url(img/1_picture.png);
    width: 990px;
    height: 676px;
	position: absolute;
  }
}

.cbutton {
    width: 20px;
    height: 20px;
    background-image: url(img/circle.svg);
    z-index: 0;
}

#btn1 {
    position: absolute;
    margin-left: 80px;
    margin-top: 0;
}

#btn2 {
    position: absolute;
    margin-left: 12px;
    margin-top: 0;
}

#btn3 {
    position: absolute;
    margin-left: 12px;
    margin-top: 0;
}

#btn4 {
    position: absolute;
}

#btn5 {
    position: absolute;
    margin-left: 12px;
}

#btn6 {
    position: absolute;
    margin-left: 12px;
}

#btn7 {
    position: absolute;
    margin-left: 12px;
}

#btn8 {
    position: absolute;
    margin-left: 12px;
}

#btn9 {
    position: absolute;
    margin-left: 12px;
}

#btn10 {
    position: absolute;
    margin-left: 12px;
}

#btn11 {
    position: absolute;
    margin-left: 12px;
}

#btn12 {
    position: absolute;
    margin-left: 12px;
}

#btn13 {
    position: absolute;
    margin-left: 12px;
}

#btn14 {
    position: absolute;
    margin-left: 12px;
}

#btn15 {
    position: absolute;
    margin-left: 12px;
}

#btn16 {
    position: absolute;
    margin-left: 12px;
}

#btn17 {
    position: absolute;
    margin-left: 12px;
}

#btn18 {
    position: absolute;
    margin-left: 12px;
}

#btn19 {
    position: absolute;
    margin-left: 12px;
}

#btn20 {
    position: absolute;
    margin-left: 12px;
}

#btn21 {
    position: absolute;
    margin-left: 12px;
}

#btn22 {
    position: absolute;
    margin-left: 12px;
}

#btn23 {
    position: absolute;
    margin-left: 12px;
}

#btn24 {
    position: absolute;
    margin-left: 12px;
}

#btn25 {
    position: absolute;
    margin-left: 12px;
}

#btn26 {
    position: absolute;
    margin-left: 12px;
}

#btn27 {
    position: absolute;
    margin-left: 12px;
}


#FirstMenu {
    position: absolute;
    width: 170px;
    height: 230px;
    margin-top: 315px;
}

#SecondMenu {
    position: absolute;
    width: 100px;
    height: 245px;
    margin-left: 40px;
    margin-top: 380px;
}

#ThirdMenu {
    position: absolute;
    width: 100px;
    height: 210px;
    margin-left: 150px;
    margin-top: 415px;
}

#FourthMenu {
    position: absolute;
    width: 100px;
    height: 145px;
    margin-left: 255px;
    margin-top: 440px;
}

#FifthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 280px;
    margin-top: 490px;
}

#SixthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 350px;
    margin-top: 465px;
}

#SeventhMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 405px;
    margin-top: 485px;
}

#EighthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 440px;
    margin-top: 470px;
}

#NinthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 550px;
    margin-top: 490px;
}

#TenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 622px;
    margin-top: 505px;
}

#EleventhMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 685px;
    margin-top: 490px;
}

#TwelfthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 805px;
    margin-top: 465px;
}

#ThirteenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 650px;
    margin-top: 410px;
}

#FourteenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 550px;
    margin-top: 415px;
}

#FifteenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 550px;
    margin-top: 358px;
}

#SixteenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 420px;
    margin-top: 365px;
}

#SeventeenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 320px;
    margin-top: 370px;
}

#EighteenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 210px;
    margin-top: 350px;
}

#NineteenthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 365px;
    margin-top: 270px;
}

#TwentiethMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 385px;
    margin-top: 205px;
}

#TwentyfirstMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 385px;
    margin-top: 145px;
}

#TwentysecondMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 415px;
    margin-top: 140px;
}

#TwentythirdMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 480px;
    margin-top: 220px;
}

#TwentyfourthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 560px;
    margin-top: 290px;
}

#TwentyfifthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 700px;
    margin-top: 290px;
}

#TwentysixthMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 910px;
    margin-top: 250px;
}

#TwentyseventhMenu {
    position: absolute;
    width: 80px;
    /*height: 460px;*/
    margin-left: 730px;
    margin-top: 480px;
}


#l1 {
    width: 190px;
    display: none;
    margin-left: 105px;
    margin-top: 0;
    z-index: -3;
}

#l2 {
    width: 240px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l3 {
    width: 190px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}


#l4 {
    width: 200px;
    display: none;
    margin-left: 25px;
    margin-top: 0px;
    z-index: -3;
}

#l5 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l6 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l7 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l8 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l9 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l10 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l11 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l12 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l13 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l14 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l15 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l16 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l17 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l18 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l19 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l20 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l21 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l22 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l23 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l24 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l25 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}

#l26 {
    width: 250px;
    display: none;
    margin-left: -245px;
    margin-top: 0;
    z-index: -3;
}

#l27 {
    width: 250px;
    display: none;
    margin-left: 37px;
    margin-top: 0;
    z-index: -3;
}



.name_txt {
  margin-bottom: -20px;
  text-decoration: none;
  padding: 10px 15px 15px 15px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  /*text-transform: uppercase;*/
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  display: inline-block;
  letter-spacing: 0.3px;
  color: #fff;
  background-color: #3f8193;
  opacity: 0.9;
  border-radius: 0; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#nt1 {
    width: 190px;
    height: 50px;    
}

#nt2 {
    width: 240px;
    height: 50px;    
}

#nt3 {
    width: 190px;
    height: 50px;    
}

#nt4 {
    width: 200px;
    height: 50px;    
}

#nt5 {
    width: 250px;
    height: 50px;    
}

#nt6 {
    width: 250px;
    height: 50px;    
}

#nt7 {
    width: 250px;
    height: 50px;    
}

#nt8 {
    width: 250px;
    height: 50px;    
}

#nt9 {
    width: 250px;
    height: 50px;    
}

#nt10 {
    width: 250px;
    height: 50px;    
}

#nt11 {
    width: 250px;
    height: 50px;    
}

#nt12 {
    width: 250px;
    height: 50px;    
}

#nt13 {
    width: 250px;
    height: 50px;    
}

#nt14 {
    width: 250px;
    height: 50px;    
}

#nt15 {
    width: 250px;
    height: 50px;    
}

#nt16 {
    width: 250px;
    height: 50px;    
}

#nt17 {
    width: 250px;
    height: 50px;    
}

#nt18 {
    width: 250px;
    height: 50px;    
}

#nt19 {
    width: 250px;
    height: 50px;    
}

#nt20 {
    width: 250px;
    height: 50px;    
}

#nt21 {
    width: 250px;
    height: 73px;    
}

#nt22 {
    width: 250px;
    height: 50px;    
}

#nt23 {
    width: 250px;
    height: 50px;    
}

#nt24 {
    width: 250px;
    height: 50px;    
}

#nt25 {
    width: 250px;
    height: 50px;    
}

#nt26 {
    width: 250px;
    height: 50px;    
}

#nt27 {
    width: 250px;
    height: 70px;    
}


.dropOut {
	background: #f6f6f6;
	float: left;
	position: absolute;
	opacity: 0.94;
    border-radius: 0;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    z-index: 1;
}

.dropOut li {
    text-align: left;
    text-decoration: none;
	width: 100%;
	padding: 15px 15px 20px 15px;
    font-family: 'OpenSans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
    color: #262626;
    border-left:3px solid #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.dropOut li:hover {
    background-color: rgba(153, 153, 153, 0.2);
	border-left: 3px solid #FBA903;
}

.chapter {
    margin-top: 13px;
}

.menu:hover  .cbutton { 
    background-image: url(img/circle_active.svg);
}


.info_txt {
    width: 990px;
	text-align: left;
	padding: 8px 10px 11px 150px;
    background-color: rgba(255, 255, 255, 0.85);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    font-size: 18px;
    line-height: 23px;
	position: absolute;
    bottom: 7px;
    border-right:5px solid #FBA903;
    margin-left: 0px;
    margin-bottom: 6px;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;

}

.texter {
    position: absolute;
    right: 20px;
    top: 20px;
    max-width: 430px;
}

.texter .name_txt {
    width: 100% !important;
}

.texter .chapter {
    width: 100% !important;
    background-color: #eee;
    opacity: 0.9;
    padding: 10px;
}

.link {
  margin-bottom: 0px;
  text-decoration: none;
  padding: 5px 5px 5px 5px;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  /*text-transform: uppercase;*/
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  display: inline-block;
  letter-spacing: 0.3px;
  color: #262626;
  border-radius: 0; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}