.icon {
	font-weight: 400;
}

a.icon,
button.icon {
	transition: .25s;
}

.icon-rect,
.icon-round,
.icon-circle {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	line-height: 1;
	vertical-align: middle;
	background: #FFF;
	box-shadow: 0px 5px 20px rgba(41, 48, 67, 0.08);
}

.icon-rect > span,
.icon-round > span,
.icon-circle > span {
	color: inherit;
	line-height: inherit;
}

.icon-round {
	border-radius: 10px;
}

.icon-circle {
	border-radius: 50%;
}

.page a.icon-social {
	color: inherit;
}

.page a.icon-social:hover {
	color: #0078f2;
}

.page a.icon-social.mdi-instagram, .page a.icon-social.fa-instagram, .page a.icon-social.int-instagram {
	background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
	-webkit-background-clip: text;
}

.page a.icon-social.mdi-instagram:hover, .page a.icon-social.fa-instagram:hover, .page a.icon-social.int-instagram:hover {
	color: transparent;
}

.page a.icon-social.mdi-youtube:hover, .page a.icon-social.fa-youtube:hover, .page a.icon-social.fa-youtube-play:hover, .page a.icon-social.fa-youtube-play-square:hover, .page a.icon-social.int-youtube:hover {
	color: #fe0000;
}

.page a.icon-social.mdi-facebook:hover, .page a.icon-social.mdi-facebook-box:hover, .page a.icon-social.fa-facebook:hover, .page a.icon-social.fa-facebook-f:hover, .page a.icon-social.fa-facebook-official:hover, .page a.icon-social.fa-facebook-square:hover, .page a.icon-social.int-facebook:hover {
	color: #4267b2;
}

.page a.icon-social.mdi-twitter:hover, .page a.icon-social.mdi-twitter-box:hover, .page a.icon-social.fa-twitter:hover, .page a.icon-social.fa-twitter-square:hover, .page a.icon-social.int-twitter:hover {
	color: #1da1f2;
}

.page a.icon-social.mdi-linkedin:hover, .page a.icon-social.mdi-linkedin-box:hover, .page a.icon-social.fa-linkedin:hover, .page a.icon-social.fa-linkedin-square:hover, .page a.icon-social.int-linkedin:hover {
	color: #2867b2;
}

.page a.icon-social.mdi-behance:hover, .page a.icon-social.fa-behance:hover, .page a.icon-social.fa-behance-square:hover, .page a.icon-social.int-behance:hover {
	color: #1769FF;
}

.page a.icon-social.mdi-dribbble:hover, .page a.icon-social.mdi-dribbble-box:hover, .page a.icon-social.fa-dribble:hover, .page a.icon-social.int-dribble:hover {
	color: #E84C88;
}

.icon-svg-stroke {
	stroke: currentColor;
}

.icon-xxs {
	font-size: 1rem;
}

.icon-xxs.icon-rect, .icon-xxs.icon-round, .icon-xxs.icon-circle {
	width: 2.25rem;
	height: 2.25rem;
}

.icon-xs {
	font-size: 1.125rem;
}

.icon-xs.icon-rect, .icon-xs.icon-round, .icon-xs.icon-circle {
	width: 3.125rem;
	height: 3.125rem;
}

.icon-sm {
	font-size: 1.375rem;
}

.icon-sm.icon-rect, .icon-sm.icon-round, .icon-sm.icon-circle {
	width: 3.75rem;
	height: 3.75rem;
}

.icon-md {
	font-size: 1.625rem;
}

.icon-md.icon-rect, .icon-md.icon-round, .icon-md.icon-circle {
	width: 4.375rem;
	height: 4.375rem;
}

.icon-lg {
	font-size: 2.375rem;
}

.icon-lg.icon-rect, .icon-lg.icon-round, .icon-lg.icon-circle {
	width: 5.625rem;
	height: 5.625rem;
}

.icon-xl {
	font-size: 3.125rem;
}

.icon-xl.icon-rect, .icon-xl.icon-round, .icon-xl.icon-circle {
	width: 6.875rem;
	height: 6.875rem;
}

.icon-black {
	color: #000;
}

.icon-black:hover {
	color: #0078f2;
}

.icon-secondary {
	color: #1a1c20;
}

.icon-secondary:hover {
	color: #0078f2;
}