.ms-google-fonts-wrap {
	padding-top: 40px;
	position: relative;
	background: #f5ffff;
	border: 1px solid #dfdfdf;
}
.ms-google-fonts {
	height: 0;
	overflow: auto;
	transition: height .25s;
}

.ms-google-fonts-wrap.ms-google-fonts-open .ms-google-fonts {
	height: 280px;
	transition: height .25s;
}

.ms-google-fonts span {
	display: block;
	height: 30px;
	padding: 5px 10px;
	text-indent: -9999px;
	font-size: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/all-fonts.png);
	margin-bottom: 0;
	cursor: pointer;
	border-bottom: none;
}

.ms-google-fonts span[class*=','] {
	background-image: none;
	text-indent: 0;
}

.ms-google-fonts span i {
	font-style: normal;
}

.ms-google-fonts span:hover {
	background-color: #effbff;
}

.ms-google-fonts span.active {
	background-color: #fff;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	border-bottom: 1px solid #dfdfdf;
}
.ms-gf-abel { background-position: 0 -40px; }
.ms-gf-amatic-sc { background-position: 0 -80px; }
.ms-gf-arimo { background-position: 0 -120px; }
.ms-gf-arvo { background-position: 0 -160px; }
.ms-gf-bevan { background-position: 0 -200px; }
.ms-gf-bitter { background-position: 0 -240px; }
.ms-gf-black-ops-one { background-position: 0 -280px; }
.ms-gf-boogaloo { background-position: 0 -320px; }
.ms-gf-bree-serif { background-position: 0 -360px; }
.ms-gf-calligraffitti { background-position: 0 -400px; }
.ms-gf-cantata-one { background-position: 0 -440px; }
.ms-gf-cardo { background-position: 0 -480px; }
.ms-gf-changa-one { background-position: 0 -520px; }
.ms-gf-cherry-cream-soda { background-position: 0 -560px; }
.ms-gf-chewy { background-position: 0 -600px; }
.ms-gf-comfortaa { background-position: 0 -640px; }
.ms-gf-coming-soon { background-position: 0 -680px; }
.ms-gf-covered-by-your-grace { background-position: 0 -720px; }
.ms-gf-crafty-girls { background-position: 0 -760px; }
.ms-gf-crete-round { background-position: 0 -800px; }
.ms-gf-crimson-text { background-position: 0 -840px; }
.ms-gf-cuprum { background-position: 0 -880px; }
.ms-gf-dancing-script { background-position: 0 -920px; }
.ms-gf-dosis { background-position: 0 -960px; }
.ms-gf-droid-sans { background-position: 0 -1000px; }
.ms-gf-droid-serif { background-position: 0 -1040px; }
.ms-gf-francois-one { background-position: 0 -1080px; }
.ms-gf-fredoka-one { background-position: 0 -1120px; }
.ms-gf-the-girl-next-door { background-position: 0 -1160px; }
.ms-gf-gloria-hallelujah { background-position: 0 -1200px; }
.ms-gf-happy-monkey { background-position: 0 -1240px; }
.ms-gf-indie-flower { background-position: 0 -1280px; }
.ms-gf-josefin-slab { background-position: 0 -1320px; }
.ms-gf-judson { background-position: 0 -1360px; }
.ms-gf-kreon { background-position: 0 -1400px; }
.ms-gf-lato { background-position: 0 -1440px; }
.ms-gf-lato-light { background-position: 0 -1480px; }
.ms-gf-leckerli-one { background-position: 0 -1520px; }
.ms-gf-lobster { background-position: 0 -1560px; }
.ms-gf-lobster-two { background-position: 0 -1600px; }
.ms-gf-lora { background-position: 0 -1640px; }
.ms-gf-luckiest-guy { background-position: 0 -1680px; }
.ms-gf-merriweather { background-position: 0 -1720px; }
.ms-gf-metamorphous { background-position: 0 -1760px; }
.ms-gf-montserrat { background-position: 0 -1800px; }
.ms-gf-noticia-text { background-position: 0 -1840px; }
.ms-gf-nova-square { background-position: 0 -1880px; }
.ms-gf-nunito { background-position: 0 -1920px; }
.ms-gf-old-standard-tt { background-position: 0 -1960px; }
.ms-gf-open-sans { background-position: 0 -2000px; }
.ms-gf-open-sans-condensed { background-position: 0 -2040px; }
.ms-gf-open-sans-light { background-position: 0 -2080px; }
.ms-gf-oswald { background-position: 0 -2120px; }
.ms-gf-pacifico { background-position: 0 -2160px; }
.ms-gf-passion-one { background-position: 0 -2200px; }
.ms-gf-patrick-hand { background-position: 0 -2240px; }
.ms-gf-permanent-marker { background-position: 0 -2280px; }
.ms-gf-play { background-position: 0 -2320px; }
.ms-gf-playfair-display { background-position: 0 -2360px; }
.ms-gf-poirms-one { background-position: 0 -2400px; }
.ms-gf-pt-sans { background-position: 0 -2440px; }
.ms-gf-pt-sans-narrow { background-position: 0 -2480px; }
.ms-gf-pt-serif { background-position: 0 -2520px; }
.ms-gf-raleway { background-position: 0 -2560px; }
.ms-gf-raleway-light { background-position: 0 -2600px; }
.ms-gf-reenie-beanie { background-position: 0 -2640px; }
.ms-gf-righteous { background-position: 0 -2680px; }
.ms-gf-roboto { background-position: 0 -2720px; }
.ms-gf-roboto-condensed { background-position: 0 -2760px; }
.ms-gf-roboto-light { background-position: 0 -2800px; }
.ms-gf-rock-salt { background-position: 0 -2840px; }
.ms-gf-rokkitt { background-position: 0 -2880px; }
.ms-gf-sanchez { background-position: 0 -2920px; }
.ms-gf-satisfy { background-position: 0 -2960px; }
.ms-gf-schoolbell { background-position: 0 -3000px; }
.ms-gf-shadows-into-light { background-position: 0 -3040px; }
.ms-gf-source-sans-pro { background-position: 0 -3080px; }
.ms-gf-source-sans-pro-light { background-position: 0 -3120px; }
.ms-gf-special-elite { background-position: 0 -3160px; }
.ms-gf-squada-one { background-position: 0 -3200px; }
.ms-gf-tangerine { background-position: 0 -3240px; }
.ms-gf-ubuntu { background-position: 0 -3280px; }
.ms-gf-unkempt { background-position: 0 -3320px; }
.ms-gf-vollkorn { background-position: 0 -3360px; }
.ms-gf-walter-turncoat { background-position: 0 -3400px; }
.ms-gf-yanone-kaffeesatz { background-position: 0 -3440px; }
