.tree-wrapper
{
    /*background: url(../../../../resources/images/about/bankprofile-bg.jpg);*/
background-repeat: repeat;
min-height: 570px;
padding: 55px 0px;
}

#tree h3#tree-head {
font-weight:normal;
font-size:15px;
text-align:center;
position:relative;
display:block
}

#tree h3#tree-head:after, #tree ul li:after, #tree ul li.parent-node > div:after {
content:"";
height:20px;
border-right:1px silver solid;
width:0;
margin:0 auto;
display:block;
position:absolute;
left:50%;
}

#tree ul li.parent-node > div:after {
height:252px;
}

#tree h3#tree-head:after, #tree ul li > div:after {
top:100%;
}

#tree ul li:after {
top:0;
}

#tree h3#tree-head > div, #tree ul li > div {
display:table;
margin:0 auto;
position:relative;
width:100%;
}

#tree ul li > div, #tree ul li > div > span {
width:100%;
}

#tree h3#tree-head > div > span, #tree ul li > div > span {
display:table-cell;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px silver solid;
padding:10px;
height:62px;
}


#tree h3#tree-head > div > span strong, #tree ul li > div span strong {
font-weight:normal;
display:block;
}

#tree ul {
list-style:none;
padding:0;
margin:0;
text-align:center;
}

#tree ul li {
display:inline-block;
position:relative;
padding:20px 5px;
}

#tree h3#tree-head, #tree > ul > li {
width:30%;
margin:0 auto 20px;
}

#tree ul li:before {
position:absolute;
width:110%;
border-top:1px silver solid;
height:0;
top:0;
left:-5%;
content:"";
}

#tree ul li.first:before, #tree ul li.last:before {
width:55%;
}

#tree ul li.first:before {
left:50%;
}

#tree ul li.last:before {
left:-5%;
}

#tree ul li > ul {
position:absolute;
top:100%;
width:300%;
left:-100%
}

#tree ul li > ul li {
width:20%;
}
#tree ul li.dotted:after{
border-right:1px silver dashed !important;
}
#tree ul li.centered:before{
border-top:1px silver solid !important;
}
#tree ul li.centered:after{
border-right:1px silver solid !important;
}


/***tabsDirectors***/
#tabsDirectors #tree h3#tree-head > div > span,#tabsDirectors #tree ul li > div > span{color:#fff;font-style: normal;font-family:'latoregular';font-size:16px}
#tabsDirectors #tree h3#tree-head > div > span{    border: 0px;    background-color:#0D365E;}
#tabsDirectors #tree ul li > div > span{     border: 0px !important;      background-color:#1B6DB7;     }
#tabsDirectors #tree ul li.parent-node > div:after{height: 21px !important;}
#tabsDirectors #tree h3#tree-head, #tabsDirectors #tree > ul > li{  width: 16%;}


@media screen and (min-width: 760px) and (max-width: 1080px) {
	#tree h3#tree-head > div > span, #tree ul li > div > span {
	height:98px;
	}
	
	#tree ul li.parent-node > div:after {height:322px;}
    .tree-wrapper{min-height: 650px;}

}

@media screen and (max-width: 759px) {
	#tree ul li:after, #tree ul li:before, #tree ul li.parent-node > div:after, #tree ul li.first:before, #tree ul li.last:before {
	display:none;
	}
	
	#tree ul li {
	display:block;
	margin:0 auto;
	padding:5px 0;
	}
	
	#tree h3#tree-head, #tree ul li {
	width:270px !important;
	}
	
	#tree > ul > li {
	padding-top:5px;
	}
	
	#tree ul li > ul {
	position:static;
	width:100%;
	left:0;
	}
	
	#tree ul li > ul  li {
	width:250px !important;
	}
	
	#tree ul li > ul  li:first-child {
	padding-top:10px;
	}
	
	#tree h3#tree-head:after {
	top: 122%;
	left:-10px;
	height:841px;
	}

    #tree h3#tree-head > div:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: -10px;
    border-top: 1px silver solid;
    height: 0;
    width: 58%;
}
	
	#tree h3#tree-head:before, #tree > ul > li > div:before, #tree ul li > ul li > div:before, #tree ul li > ul li > div:after{
	content:"";
	position:absolute;
	}

    #tree h3#tree-head:before
    {
        border-right: 1px silver solid;
        height: 16px;
        left: 147px;
        top: 99%;
    }

    #tree > ul > li > div:before, #tree ul li > ul li > div:before
    {
        border-top: 1px silver solid;
        width: 11px;
        left: -9px;
        top: 50%;
    }


    #tree ul li > ul li.dotted > div:before
    {
        border-top: 1px silver dotted !important;
    }

    ul#tree-trunk  li.first  > div:after
    {
        border-top:1px solid blue;
    }



	#tree ul li > ul li > div:after {
	border-left:1px silver solid;
	width:0;
	height:120%;
	top:-10%;
	left:-9px;
	}
	
	#tree ul li > ul li:first-child > div:after {
	top:-10px;
	height:130%;
	}
	
	#tree ul li > ul li:last-child > div:after {
	height:60%
	}


    #tabsDirectors #tree h3#tree-head:after {height: 408px;}
}