@font-face {
	font-family: 'ftpro-icons';
	src: url('../fonts/ftpro_icons.eot?wh65jz');
	src: url('../fonts/ftpro_icons.eot?wh65jz#iefix') format('embedded-opentype'),
		url('../fonts/ftpro_icons.ttf?wh65jz') format('truetype'),
		url('../fonts/ftpro_icons.woff?wh65jz') format('woff'),
		url('../fonts/ftpro_icons.svg?wh65jz#ftpro_icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ftproicon-"],
[class*=" ftproicon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'ftpro-icons' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ftproicon-arrow-up:before {
	content: "\e900";
}

.ftproicon-arrow-down:before {
	content: "\e901";
}

.ftproicon-arrow-left:before {
	content: "\e902";
}

.ftproicon-arrow-right:before {
	content: "\e903";
}

.ftproicon-settings:before {
	content: "\e904";
}

.ftproicon-guestbook:before {
	content: "\e905";
}

.ftproicon-print:before {
	content: "\e906";
}

.ftproicon-heart1:before {
	content: "\e907";
}

.ftproicon-heart2:before {
	content: "\e908";
}

.ftproicon-heart3:before {
	content: "\f487";
}

.ftproicon-marker:before {
	content: "\e909";
}

.ftproicon-search:before {
	content: "\e90a";
}

.ftproicon-social-facebook:before {
	content: "\e90b";
}

.ftproicon-social-twitter:before {
	content: "\e90c";
}

.ftproicon-social-googleplus:before {
	content: "\e90d";
}

.ftproicon-social-linkedin:before {
	content: "\e90e";
}

.ftproicon-email:before {
	content: "\e90f";
}

/* SVG icons */
.ftproicon {
	width: 32px;
	height: 32px;
	display: block;
	background-color: #000;
	content: '';
	-webkit-mask-size: cover;
	mask-size: cover;
	transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.ftproicon.guestbook {
	-webkit-mask: url(../images/icons/guestbook.svg) no-repeat 50% 50%;
	mask: url(../images/icons/guestbook.svg) no-repeat 50% 50%;
	/* width: 39px; */
}

.ftproicon.sendflowers {
	-webkit-mask: url(../images/icons/sendflowers.svg) no-repeat 50% 50%;
	mask: url(../images/icons/sendflowers.svg) no-repeat 50% 50%;
	transform: translateY(4px);
}

.ftproicon.separationdots {
	-webkit-mask: url(../images/icons/separationdots.svg) no-repeat 50% 50%;
	mask: url(../images/icons/separationdots.svg) no-repeat 50% 50%;
}

.ftproicon.donate {
	-webkit-mask: url(../images/icons/donate.svg) no-repeat 50% 50%;
	mask: url(../images/icons/donate.svg) no-repeat 50% 50%;
}

.ftproicon.obituary {
	-webkit-mask: url(../images/icons/obituary.svg) no-repeat 50% 50%;
	mask: url(../images/icons/obituary.svg) no-repeat 50% 50%;
}

.ftproicon.directions {
	-webkit-mask: url(../images/icons/directions.svg) no-repeat 50% 50%;
	mask: url(../images/icons/directions.svg) no-repeat 50% 50%;
}

.ftproicon.more {
	-webkit-mask: url(../images/icons/more.svg) no-repeat 50% 50%;
	mask: url(../images/icons/more.svg) no-repeat 50% 50%;
}