@charset "utf-8";

@media screen and (max-width:2700px) {
}
@media screen and (max-width: 1681px) {
}
@media screen and (max-width: 1601px) {
}
@media screen and (max-width: 1401px) {
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1281px) {
}
#NavBar{ }
.body-desctop #NavBar{height:170px; width:180px; z-index:20; text-align:center; position:fixed; right:5px; bottom:5px}
.body-mobile #NavBar{height:170px; width:180px; z-index:20; text-align:center; position:fixed; right:50px; bottom:50px}
#NavBar #NavBox{ position:relative; width:160px; }
#NavBar #NavBox #strelka{ height:72px; width:72px; cursor:pointer; position:absolute; opacity:0.3}
#NavBar #NavBox #strelka:hover{ opacity:1}
#NavBar #NavBox .s-top{ background:url(../images/strelki/top.png); left:37px; top:0px}
#NavBar #NavBox .s-right{ background:url(../images/strelki/right.png); left: 106px; top: 44px;}
#NavBar #NavBox .s-bottom{ background:url(../images/strelki/down.png); left: 37px; top: 89px;}
#NavBar #NavBox .s-left{ background:url(../images/strelki/left.png); left: -30px; top: 44px;}
.CenterPoint{ width:1px; margin:auto}
.CurBox .ContainerName,
.CurBox .ContainerYears{ color:#F00}
#Tree{width: 100%;  margin: auto;  position: relative; overflow:auto!important; margin-bottom:50px}
#Tree .tr-wr{  overflow:auto!important; }
#Tree .tr-wr #bg-img{ width:3045px; z-index:1; left:0; top:0; position:relative; /*background:url(../images/tree-bg.png) center center; background-size: cover*/}
#Tree .tr-wr #bg-img img{ min-width:100%; max-width:none;vertical-align:top; }
#Tree .orderby-displaynumber{ display:none}
.orderby-displaynumber,
.orderby-displaynumber{ display:none}
#Tree .people-box{ position:absolute; min-height:50px; width:177px; cursor:pointer; z-index:1; /*background:#060;*/font-family: 'SmallFonts'; font-weight:600; font-size:24px; text-align:center; line-height:20px}
#Tree .people-box:hover{ z-index:100000!important}
#Tree .people-box .ContainerName{ height:55px; position:relative; z-index:1}
#Tree .people-box .ContainerName p{ margin:0 0 0 0}
#Tree .people-box .ContainerYears{ font-size:14px; padding-top:10px; position:relative; z-index:1}
#Tree .people-box .man-hint{ position:absolute; width:400px; height:160px; z-index:10000; left:-90px; top:50px;  background:#FFF;-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); display:none}
#Tree .people-box:hover .man-hint{ display:block!important; font-size:16px}
#Tree .people-box .man-hint .name{ background:#900; color:#FFF; text-align:center; padding-top:10px; padding-bottom:10px;}
#Tree .people-box .man-hint .years{ text-align:center; padding-top:10px; padding-bottom:10px}
#Tree .people-box .man-hint .readmore{ text-align:center; float:right; cursor:pointer;   padding-top:5px; padding-bottom:10px; margin-right:15px}

/*#Tree #people-box-1{ left: 45.25%; top: 1.6%;}*/
#Tree #people-box-1{ left: 5461px; top: 32px;}
/*#Tree #people-box-2{ left: 51.19%; top: 1.8%;}*/
#Tree #people-box-2{left: 5765px ; top: 32px;}
#Tree #people-box-3{left: 1593px; top: 457px;}
#Tree #people-box-4{left: 1145px; top: 639px}
#Tree #people-box-5{left:1452px; top: 639px}
#Tree #people-box-7{left:1758px; top: 639px}
#Tree #people-box-8{left: 882px;  top: 771px;}
#Tree #people-box-8 .ContainerName{ height:73px!important}
#Tree #people-box-9{left: 575px;  top: 781px;}
#Tree #people-box-11{ left: 1130px; top: 800px;}
#Tree #people-box-11 .ContainerName{ height:73px!important}
#Tree #people-box-12{left: 84px;   top: 1032px}
#Tree #people-box-13{left: 392px;   top: 1032px}
#Tree #people-box-14{ left: 794px; top: 966px;}
#Tree #people-box-15{left: 1138px; top: 1020px;}
#Tree #people-box-16{left: 1449px; top: 859px;}
#Tree #people-box-17{left: 1445px; top: 1016px;}
#Tree #people-box-18{left: 1757px;top: 802px;}
#Tree #people-box-19{ left: 1733px; top: 1042px;}
#Tree #people-box-20{ left: 1583px; top: 1231px;}
#Tree #people-box-21{left: 299px; top: 1218px;}
#Tree #people-box-22{left: 1893px;top: 457px;}
#Tree #people-box-23{left: 2019px;top:774px;}
#Tree #people-box-23 .ContainerName{ height:73px!important}
#Tree #people-box-24{left: 2321px;top: 778px;}
#Tree #people-box-25{left: 2125px;  top: 957px;}
#Tree #people-box-26{left: 2400px;top: 961px;}
#Tree #people-box-27{ left: 1861px;  top: 1203px;}
#Tree #people-box-28{left: 2113px;  top: 1203px;}
#Tree #people-box-29{left: 2420px;  top: 1203px;}
#Tree #people-box-30{left: 2689px; top:872px;}
#Tree #people-box-30 .ContainerName{ height:73px!important}
#Tree #people-box-31{left: 2978px; top: 690px;}
#Tree #people-box-32{ left: 3278px; top: 679px;}
#Tree #people-box-32 .ContainerName{ height:73px!important}
#Tree #people-box-33{ left: 3404px;  top: 231px;}
#Tree #people-box-34{ left: 3712px; top: 226px;}
#Tree #people-box-34 .ContainerName{ height:73px!important}
#Tree #people-box-35{left: 3254px; top: 485px;}
#Tree #people-box-36{ left: 3563px; top: 479px;}
#Tree #people-box-36 .ContainerName{ height:73px!important}
#Tree #people-box-37{left: 3640px; top: 709px;}
#Tree #people-box-38{ left: 3010px;top: 883px;}
#Tree #people-box-39{ left: 3280px; top: 893px;}
#Tree #people-box-39 .ContainerName{ height:73px!important}
#Tree #people-box-40{left: 3598px; top: 903px;}
#Tree #people-box-41{left: 2824px; top: 1060px;}
#Tree #people-box-42{left: 3105px;  top: 1078px;}
#Tree #people-box-43{ left: 3597px; top: 1078px;}
#Tree #people-box-44{ left: 2364px; top: 1413px;}
#Tree #people-box-45{ left: 3952px; top: 699px}
#Tree #people-box-45 .ContainerName{ height:73px!important}
#Tree #people-box-46{ left: 3898px;  top: 876px;}
#Tree #people-box-46 .ContainerName{ height:73px!important}
#Tree #people-box-47{left: 3986px; top: 1068px;}
#Tree #people-box-48{left: 4216px; top: 882px;}
#Tree #people-box-49{ left: 4541px;  top: 703px;}
#Tree #people-box-49 .ContainerName{ height:73px!important}
#Tree #people-box-50{left: 4619px;top: 903px;}
#Tree #people-box-51{ left: 4606px; top: 234px;}
#Tree #people-box-52{ left: 4917px; top: 234px;}
#Tree #people-box-53{ left: 4852px; top: 502px;}
#Tree #people-box-54{ left: 5161px; top: 502px;}
#Tree #people-box-54 .ContainerName{ height:73px!important}
#Tree #people-box-55{ left: 4851px; top: 710px;}
#Tree #people-box-56{ left: 5176px; top: 762px;}
#Tree #people-box-57{left: 4936px;  top: 962px;}
#Tree #people-box-57 .ContainerName{ height:73px!important}
#Tree #people-box-58{left: 5247px;  top: 973px;}
#Tree #people-box-59{left: 5481px; top: 754px;}
#Tree #people-box-59 .ContainerName{ height:73px!important}
#Tree #people-box-60{left: 5535px; top: 1028px;}
#Tree #people-box-61{left: 5805px; top: 694px;}
#Tree #people-box-62{left: 5880px; top: 861px;}
#Tree #people-box-63{left: 6103px; top: 695px;}
#Tree #people-box-64{ left: 6404px;top: 232px;}
#Tree #people-box-65{ left: 6710px; top: 223px;}
#Tree #people-box-65 .ContainerName{ height:73px!important}
#Tree #people-box-66{left: 5776px; top: 479px;}
#Tree #people-box-67{left: 6083px; top: 467px;}
#Tree #people-box-67 .ContainerName{ height:73px!important}
#Tree #people-box-68{left: 6486px;top: 470px;}
#Tree #people-box-69{left: 6783px; top: 467px}
#Tree #people-box-69 .ContainerName{ height:73px!important}
#Tree #people-box-70{left: 7125px; top: 481px}
#Tree #people-box-71{left: 7444px; top: 473px}
#Tree #people-box-72{left: 8060px; top: 232px;}
#Tree #people-box-73{left: 7753px;top: 469px;}
#Tree #people-box-73 .ContainerName{ height:73px!important}
#Tree #people-box-74{left:8147px;top: 474px;}
#Tree #people-box-75{left: 7992px; top: 701px;}
#Tree #people-box-76{left: 8298px;top: 692px;}
#Tree #people-box-77{ left: 8454px;top: 480px;}
#Tree #people-box-78{left: 8794px; top: 467px;}
#Tree #people-box-78 .ContainerName{ height:73px!important}
#Tree #people-box-79{left: 8588px;top: 734px;}
#Tree #people-box-80{left: 8897px; top: 722px;}
#Tree #people-box-80 .ContainerName{ height:73px!important}
#Tree #people-box-81{left: 9093px;top: 480px;}
#Tree #people-box-82{left: 9402px; top: 468px;}
#Tree #people-box-82 .ContainerName{ height:73px!important}
#Tree #people-box-83{left: 9148px; top: 684px}
#Tree #people-box-84{ left: 9424px; top: 661px;}
#Tree #people-box-84 .ContainerName{ height:73px!important}
#Tree #people-box-85{left: 9724px; top: 672px;}
#Tree #people-box-86{left: 9778px; top: 468px;}
#Tree #people-box-86 .ContainerName{ height:73px!important}
#Tree #people-box-87{left: 10083px; top: 481px}
#Tree #people-box-88{left: 10609px; top: 476px;}
#Tree #people-box-89{left: 9996px; top: 700px;}
#Tree #people-box-90{left: 10247px; top: 748px;}
#Tree #people-box-91{left: 10552px; top: 752px;}
#Tree #people-box-92{ left: 10917px; top: 474px;}
#Tree #people-box-92 .ContainerName{ height:73px!important}
#Tree #people-box-93{ left: 10854px; top: 648px;}
#Tree #people-box-93 .ContainerName{ height:73px!important}
#Tree #people-box-94{ left: 11158px;top: 653px;}
#Tree #people-box-95{left: 9831px; top: 894px;}
#Tree #people-box-96{ left: 10809px; top: 883px;}
#Tree #people-box-97{ left: 11067px;  top: 987px;}
#Tree #people-box-98{left: 6420px; top: 696px;}
#Tree #people-box-99{left:6716px; top: 696px;}
#Tree #people-box-100{left: 7022px; top: 696px;}
#Tree #people-box-101{left: 6409px;  top: 881px;}
#Tree #people-box-101 .ContainerName{ height:73px!important}
#Tree #people-box-102{left:6713px; top: 891px;}
#Tree #people-box-103{ left: 7034px; top: 903px;}
#Tree #people-box-104{ left:7317px; top: 685px;}
#Tree #people-box-104 .ContainerName{ height:73px!important}
#Tree #people-box-105{left: 7685px; top: 694px;}
#Tree #people-box-105 .ContainerName{ height:73px!important}
#Tree #people-box-106{left: 7347px; top: 891px;}
#Tree #people-box-107{  left: 7648px;top: 879px;}
#Tree #people-box-107 .ContainerName{ height:73px!important}
#Tree #people-box-108{left: 7915px; top: 903px;}
#Tree #people-box-109{left: 8175px; top: 928px;}
#Tree #people-box-110{left: 7340px; top: 1083px;}
#Tree #people-box-111{left: 6435px; top: 1067px;}