.xl-radio input.default,.xl-toggle input.toggle{
	position:absolute;
	opacity: 0;
	left: -200px;
	
}
.xl-radio {
	display:inline-block;
	position: relative;
	overflow: hidden;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzI5QjJFNkJFRjExMUU0ODMwRDhEOTkxNDAyMkM0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzI5QjJFN0JFRjExMUU0ODMwRDhEOTkxNDAyMkM0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDMjlCMkU0QkVGMTExRTQ4MzBEOEQ5OTE0MDIyQzQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDMjlCMkU1QkVGMTExRTQ4MzBEOEQ5OTE0MDIyQzQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z/Ni0AAAAvVJREFUeNrMmE9IFGEYxmdno0K0SyxeiiUIUosgsaLsH9Fmh7xukHgSREy2e0Higt3bTGLBS4KRVz1UG1KZie2ygZhuh4qlLrK3ConA6nnh+eRrcHZncGc/X/jxzbc7877PvDPzfn9CC9m85dMOgCvgDGgCUbCH/30HRVAAb8BT8KWcsxNtx/7r7/AoIgziYACcAiGX8/aSVnAd/AXzYARMgvVKgWwPYmJgCUyA0xQzDrpAG4iAXSTC37p4TojXTNBHrFKwUJlHthvcA73sv+JdPgR/PGZWbriP2T3P39LgJvi12SNzy5Dc6WuKkTQPggtg1IcYi+eO8tpB+uql74jXRyYnzoLjIAeOgqS1dUvSV46+ZzcT5RRUB6bAITADroJlq3q2TJ8zjDH1Lve+rpygFDgJ8vxKVq3q2yp95xkr5SboEugBvwMU4xQlsXqQpZhTkNSZ+zy+Cz5awZvEGFZPBqLCuqA4q6582kNW7SzJmE3UsCHoBttJq/amYg6owihj0ydW1bDPOlMNs1mfZJg5aHOgVMNBrcVIpZaYj6ihQwS187/nljnLsG0XQYfZWTIoSBXfFhG0n51vBgUV2UZFUAM7PwwK+sm23ra2mdlaZhoM6qhXmRJBX9nZZ1BQVL1LIugDO0cMCmpRX5sImmPnskFBarSf25ZDh6yb3vLPPgPZUTHnMYx8Vp/9A7bXDAiKsx3Rpx9PwAo4x9VBrewOl0cFNQ2xteVKgse3OAEP2iTGbR4n8LjWnXPqF2AM7ORKszFAMY2MIbHGICbjtuqQLC1wbR6UKCWmlbES5ZZBa6CTE/CLYForWtUqgNP0LTE6kZ21SivXEjgLstw4WOTLV40XeJE+s4xR8rr7UeIXl2axlJXIS9DvccdE99/Pa4foK03fJb+7H3pZT3GpomycU94VTq70GYMMlM0cirq1awp8XzJb3bDKcODVN6y6HcHczPeGldcdNHH0mMjY18EtvWZmRJ91Fpk52dJ7VmlLz2n/BBgAY/S4lU8nvvoAAAAASUVORK5CYII=);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.2em;
	width:1.4em;
	height:1.4em;
	vertical-align: middle;
}
.xl-radio.checked{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBM0EzOTcyQUJFRjExMUU0OERGM0JFRjJCNkFBNEEwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBM0EzOTcyQkJFRjExMUU0OERGM0JFRjJCNkFBNEEwNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEzQTM5NzI4QkVGMTExRTQ4REYzQkVGMkI2QUE0QTA3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEzQTM5NzI5QkVGMTExRTQ4REYzQkVGMkI2QUE0QTA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WFyb4gAAA49JREFUeNrEmEtIVGEUx8/cGdO5ji1UVJRAxZxBJxVroS1c5DYkEFr0cGGUiyJwoSK+FQUVgrBdJAUFrgwEV6LLUHBQLM0Hykj5QCYxx+5oM9fpfHPPpJkz9zEPD/xBxu8758e53z33O0f3s7ISNNg11C3UTVQu6grKRP87QH1DLaM+oSZQn9UGMKhYywI/RlWjrEHWxaKSUEWou/TbF9Qg6jWByxqnEP45yo56IQMVyKy0106+DKGCXUVNol5SFkK1JPI1Sb41gd1GTaOuQ/iN+bRRDFVg91EfUZchcpZAMR4oBatAvVP5Ymg1FuMtxQwKZka9R+kheqanmOZAYIz+A6U42pZAsQ3ngT2N0EFX80I8OwvGimcLXLw1+78gfrAnYapT4ahzNafBHkUrsqGgAOJqakBnMgVaUu0/8AWovKhAFRUB39AAEBMD4uwsuKemzlvGWApYxsqjAlVYCMa6Oh+Ux2YDt80WbHk5AyuJOJTVCsb6etDFxoJnZgaE/n4AjyfYlhIGZolo9czLA2NjowSFj0/o65ODYmZhYBkRg7JYgG9qkqDm5sDFMuV2K9mawUWq0uvN5hOo+Xlw9faC9+hI8ZdAyUURdImJEFdVBVx6ujKo3FwJymgEcWEBXD09aqD+Vn6n3KKYsjK4VFEB8e3tsnD6nBzgm5tBx/MgLi6CoAGKMTGwDblV7okJOP7+3Zc5vq0NuLS086Gys4FvaZGglpZA6O4G7+GhlpOwwcC+yq3y7u/DL8zW8eYmcElJwHd0AJea+i9UVhbwra2gi48HcWVFgnK5tB7RRY7u37Lm3duT4La2TuBSUiSozEwJCj8z4uoqCF1d4BWEUN6dSY76PkXm3d0FgcFtbwOXnAw8/m0oLpagEhJAXFsDobMzVChm4zpqeFnfl6/4jWFQZx6naLf7oL0HB6FCLTAWf7kYVLPz2OGQMrezI0Gtr4OAoGGAYvbGV6IoYyZqRlXdyVjmWCn5PTYGXqczHFA/UJmsW+dOzRu61HphmTsaHg4XFBDDwdk7/ytqQi/KbMTwXzMiou6h9i8AykmxxUB9JRsdPUR5ogglUje+LNeJj0QRzkNQI0pnF0OoOxF+rPsUY0jttGcUdYMmPuG2afI9qnU+toIqpWGbIwxADvJVSr41D+7852CACl8taJin0p5a8jGg5PzqNA6H86ntK6EpzXnD4SW6uYyj5tUG+CPAAAOHEs7M81IKAAAAAElFTkSuQmCC);
	
}
.xl-toggle{
	display: inline-block;
	position: relative;
	color: #454545;
	line-height: 1.9;
    font-size: 14px;
    padding: 0 .75em;
    display: inline-block;
    background-color: #f7f7f7;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.2); 
}
.xl-toggle.checked{
	border-color:#ef4f4f;
	color:#ef4f4f;
}
.xl-toggle .icon{
	display:none;
}
.xl-toggle.checked .icon{
	display:inline-block;
}