@charset "utf-8";
@font-face{
font-family:OnonSonin;
font-style:normal;
font-weight:normal;
src:url('http://qadig.huritai.com/OnonSoninSans.eot');
src:url('http://qadig.huritai.com/OnonSoninSans.eot?#iefix') format('embedded-opentype'),
url('http://qadig.huritai.com/OnonSoninSans.woff') format('woff'),
url('http://qadig.huritai.com/OnonSoninSans.ttf') format('truetype'),
url('http://qadig.huritai.com/OnonSoninSans.svg#OnonSoninSans') format('svg');
}

*{
		text-decoration: none;

}
#from_tree__container__step__card__first,.tree__container,.tree__container__branch{
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.tree__container__step__card{
	text-align:center;
	margin:20px;
}

.tree__container__step__card 


	p{
		padding:10px;
		box-shadow:0 0 4px 1px rgba(121,121,121,.3);
		border-radius:4px;
		text-align:left;
		width:70px;
		height:170px;
		
		
		display:inline-block;
		margin:0!important;
		
		font-family: OnonSonin;
		font-size: 18px;
		-moz-writing-mode: vertical-lr; 	/*for mozilla*/	
		-o-writing-mode: vertical-lr; 		/*for safari?*/
		-ms-writing-mode: tb-lr; 			/*not known*/	
		-webkit-writing-mode: vertical-lr;  /*for chrome*/
		writing-mode: tb-lr; 				/*IE 8 or up*/	
		-webkit-text-orientation: sideways-right;
		
		
	}
	p a{
		color:#000000;
	}
	
	#tree__svg-container{
		z-index:-1;
		position:absolute;
		
	}
	.tree__container__step{
		flex:1 1 0px;
		width:auto;
		padding:0;
	}
	.tree__container__step__card__p{
		cursor:pointer;
		transition:transform .2s ease;
		
	}
	.tree__container__step__card__p:hover{
		transform:translateX(3px);
	}