/*
@@@@@@@@@@@@@@@@@@@@@@
toolbar
@@@@@@@@@@@@@@@@@@@@@@

	about				toolbar components

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	/// toolbarContact
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		.toolbarContact{display: table; margin:10px auto 0px auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		✚ 	parts
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

			.toolbarContact-item{display:table-cell; border-right:1px solid #fff; color:white; text-align:center; }
			.toolbarContact-item a{display:block; overflow:hidden; white-space: nowrap;  width:40px; padding:0px 15px 0px 15px; background-color:#bebebe;  height:35px; line-height: 35px; text-align:center; box-sizing:border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
			.toolbarContact-item span{opacity: 0; margin:0px 0px 0px 20px;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
			.toolbarContact-item:hover a{background-color:#f3a720; } 

			.toolbarContact-item:first-child a{-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;  border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
			.toolbarContact-item:last-child a{ -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;  border-top-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }

			.toolbarContact-extra a{ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} 
			.toolbarContact-extra:hover a{width:160px;} 

			.toolbarContact-extra:hover a span{display:inline-block; opacity: 1;} 

		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		✚ 	media
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

			@media (min-width:0px) and (max-width:767px){
				
				
			}