/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
.Front {
    border-radius: 50%;
	}
	.Front { transition: all .2s ease-in-out; }
.Front:hover { transform: scale(1.1); }

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #cc511b;
    border-radius: 8px;
    background: #ff832c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff832c), to(#cc511b));
    background: -moz-linear-gradient(top, #ff832c, #cc511b);
    background: linear-gradient(to bottom, #ff832c, #cc511b);
    text-shadow: #803311 1px 1px 1px;
    font: normal normal bold 23px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid ##ff6522;
    background: #ff9d35;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9d35), to(#f56120));
    background: -moz-linear-gradient(top, #ff9d35, #f56120);
    background: linear-gradient(to bottom, #ff9d35, #f56120);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #cc511b;
    background: -webkit-gradient(linear, left top, left bottom, from(#cc511b), to(#cc511b));
    background: -moz-linear-gradient(top, #cc511b, #cc511b);
    background: linear-gradient(to bottom, #cc511b, #cc511b);
}
.button:after{
    content:  "\0000a0";
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABblBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAzMzMAAAAAAAAAAAAHBwAIAwMIBwAoKCgzMzMbGxsAAAAzMzMfHx8zMzMAAAAAAAAzMzMAAAAAAAAqKioaGho5MwAdHR0XFxcUFBQVFBOumQJhQiLMuAHCrwGeeCDmzADo4J///////+7//1H//Ef/9xv/9Tf/8gL/6wD/5gH/m5v/Zmb/ZWX+/cP+81X8/Pz8/LH85QH7+/v7+8f75QD6+vr5+fn4+Pj39/f29vb19fX13QH09PTy8vLx8fHx6ajw8PDw2ADv7+/t7e3s4pbr6+vr4KLr3m7r1ADr0wDq3l7o6Ojk5OTj4+PjxQDi4uHh4eHe3Mjd3d3d2crczDbaxlXZz1PXwKrTx17Sw1LQvlTNzMzJmGi3jTWunSSikiKidAmhlDeZmZqXX0qUZDCLWyuJUTyGXTR9Uil7wf9qZlRmZmZlZWU0MzMAZsz/nJz/Zmbw1gCunSPZ8LxkAAAAKHRSTlMAAAQGBg4QEhYaHBwcHBwcIi4wOjo+QkJEVFZeaG58hYmzu9Hd9/f3kxNt7QAAAO9JREFUGJVjYMQCGEgTZBUUhQJBVrigoAYcCMIFRTUKoEBDFEmwFAo0xNg42JiggjYwIGlUXsYFFbSFAMegzCRjI0OooH2RRlFRUXFwtApIFCrooKFRpGHmleitrpiZBBN0BgL3kARfc9MK5UweqKCLi4tXVLyfibaFRyonM1TQtciyMCNQU8daLZWXiQEq6GnmleanqacfkMrNzAAT9ImMdbPS1fdPlWFhgAuGx6XEaBkEpEZIMIAF+YVEpDV8krPSQ51Sw+ykRYT4gYLsQuJSsvL52bmqlQpyslLiQuxAQZBydoGSvBwlYT52drBuACLsOGbvwDV6AAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}