.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;
	box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1);
}

.icon-round {
	border-radius: 0.375rem;
}

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

.icon-question {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	font-size: 1.5em;
	border-radius: 50%;
	border: 2px solid;
}

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

.page a.icon-social:hover {
	color: var(--fourth-color);
}

.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-xs {
	font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

.icon-primary {
	color: var(--fourth-color);
}

.icon-primary-filled {
	color: #fff;
	background-color: var(--fourth-color);
}

a.icon-primary:hover,
button.icon-primary:hover {
	color: #279e65;
}

a.icon-primary-filled:hover,
button.icon-primary-filled:hover {
	background: #279e65;
	color: #fff;
}

.icon-secondary {
	color: #6b39bd;
}

.icon-secondary-filled {
	color: #fff;
	background-color: #6b39bd;
}

a.icon-secondary:hover,
button.icon-secondary:hover {
	color: #552d96;
}

a.icon-secondary-filled:hover,
button.icon-secondary-filled:hover {
	background: #552d96;
	color: #fff;
}

.icon-success {
	color: #77ba21;
}

.icon-success-filled {
	color: #fff;
	background-color: #77ba21;
}

a.icon-success:hover,
button.icon-success:hover {
	color: #5b8f19;
}

a.icon-success-filled:hover,
button.icon-success-filled:hover {
	background: #5b8f19;
	color: #fff;
}

.icon-info {
	color: #138ce4;
}

.icon-info-filled {
	color: #fff;
	background-color: #138ce4;
}

a.icon-info:hover,
button.icon-info:hover {
	color: #0f6fb5;
}

a.icon-info-filled:hover,
button.icon-info-filled:hover {
	background: #0f6fb5;
	color: #fff;
}

.icon-warning {
	color: #f19711;
}

.icon-warning-filled {
	color: #fff;
	background-color: #f19711;
}

a.icon-warning:hover,
button.icon-warning:hover {
	color: #c47a0c;
}

a.icon-warning-filled:hover,
button.icon-warning-filled:hover {
	background: #c47a0c;
	color: #fff;
}

.icon-danger {
	color: #e72660;
}

.icon-danger-filled {
	color: #fff;
	background-color: #e72660;
}

a.icon-danger:hover,
button.icon-danger:hover {
	color: #c4164a;
}

a.icon-danger-filled:hover,
button.icon-danger-filled:hover {
	background: #c4164a;
	color: #fff;
}

.icon-light {
	color: #f7f7f7;
}

.icon-light-filled {
	color: #171724;
	background-color: #f7f7f7;
}

a.icon-light:hover,
button.icon-light:hover {
	color: #dedede;
}

a.icon-light-filled:hover,
button.icon-light-filled:hover {
	background: #dedede;
	color: #fff;
}

.icon-dark {
	color: #171724;
}

.icon-dark-filled {
	color: #fff;
	background-color: #171724;
}

a.icon-dark:hover,
button.icon-dark:hover {
	color: #2b2b43;
}

a.icon-dark-filled:hover,
button.icon-dark-filled:hover {
	background: #2b2b43;
	color: #fff;
}

.icon-shamrock-blue {
	background: linear-gradient(45deg, #43DD93 0%, #28A8FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-shamrock-blue-filled {
	background: linear-gradient(45deg, #43DD93 0%, #28A8FF 100%);
	color: #fff;
}

.icon-blue-violet {
	background: linear-gradient(46.03deg, #28A8FF -1.86%, #7D2EFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-blue-violet-filled {
	background: linear-gradient(46.03deg, #28A8FF -1.86%, #7D2EFF 100%);
	color: #fff;
}

.icon-electric-violet {
	background: linear-gradient(225deg, #C728FF 0%, #7D2EFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-electric-violet-filled {
	background: linear-gradient(225deg, #C728FF 0%, #7D2EFF 100%);
	color: #fff;
}

.icon-dark-violet {
	background: linear-gradient(-8.15deg, #6b39bd 4.67%, #171724 49.99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-dark-violet-filled {
	background: linear-gradient(-8.15deg, #6b39bd 4.67%, #171724 49.99%);
	color: #fff;
}