/*
Icon list
=========================== */
ul.the-icons {
	list-style:none;
	margin:0;
	padding:0;
}

[class^="icon-"],
[class*=" icon-"] {
    float:none;
	
}

.icon-square,
.icon-rounded,
.icon-circled,
.icon-square.icon-32,
.icon-rounded.icon-32,
.icon-circled.icon-32{
    margin: 10px 10px 10px 0;
    display: inline-block !important;
    text-align: center !important;
	color:#2f343a;
	background-color:#fff;
    width: 28px;
    height: 28px;
	padding:5px;
    font-size: 12px;
    line-height: 18px;
    text-shadow:none;
    cursor: pointer;
}

.icon-circled{
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.icon-rounded, 
.icon-rounded.icon-32{
	background:none;
	color:#fff;
	border:1px solid #fff;
	line-height: 14px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.icon-rounded.icon-128{
	background:none;
	color:#fff;
	border:3px solid #fff;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.icon-rounded.icon-64{
	background:none;
	color:#fff;
	line-height:42px;	
	border:2px solid #fff;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.icon-64{
	padding:10px;
    width: 64px;
    height: 64px;
	font-size:32px;
	line-height:46px;
}

.icon-128{
	padding:20px;
    width: 103px;
    height: 103px;
	font-size:52px;
	line-height:58px;
}