@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
	background: #F7F4F3;
	color: #828282;
	font-family: 'Fira Sans', sans-serif;
}
.btn-primary, .btn-primary:hover,
.btn-outline-primary, .btn-outline-primary:hover{
	background: #81385B !important;
	color: #ffffff !important;
	border-color: #81385B !important;
}
.btn-danger, .btn-danger:hover{
	background: #FFDCD1 !important;
	color: #81385B !important;
	border-color: #FFDCD1 !important;
}
.btn-info, .btn-info:hover{
	background: #A0E3F8 !important;
	color: #007FA6 !important;
	border-color: #A0E3F8 !important;
}
.btn-warning, .btn-warning:hover{
	background: #F3D99F !important;
	color: #6A5A08 !important;
	border-color: #F3D99F !important;
}
.btn-outline-primary{
	background: #ffffff !important;
	color: #81385B !important;
	border-color: #81385B !important;
}
.bg-dark{
	background: #4B4B4D !important;
}
.bg-primary{
	background: #81385B !important;
}
.bg-pink{
	background: #FDE8E1;
}
.bg-gray{
	background: #F7F4F3;
}
.bg-warning{background: #F3D99F;}
.bg-green{background: #007FA6;}
.text-primary{
	color: #81385B !important;
}
.text-gray{
	color: #828282;
}
.text-dark{
	color: #4B4B4D;
}
.fs-7 {
    font-size: 0.85rem!important;
}
.splash .splash-icon{
	background: rgba(255, 255, 255, 0.25);
	display:block;
	height:100%;
	pointer-events:none;
	position:fixed;
	right:0;
	top:0;
	transform:translateX(0) translateY(-100%);
	transition:transform .5s;
	width:100%;z-index:100
}
.splash.active .splash-icon{
	transform:translateX(0) translateY(0)
}
.splash.active .splash-icon:after{
	animation:splash-spinner 1.2s linear infinite;
	border:5px solid #81385B;
	border-radius:50%;
	border-top-color:rgba(0,0,0,.2);
	box-sizing:border-box;
	content:"";
	display:block;
	height:40px;
	left:50%;
	margin-left:-20px;
	position:absolute;
	top:50%;width:40px}
	@keyframes splash-spinner{
		0%{transform:rotate(0deg)}to{transform:rotate(359deg)}
}
ol.breadcrumb > .breadcrumb-item a{
	color: #81385B;
}
.list-group-flush>.list-group-item:hover {
	color: #81385B !important;
}
.nav-link{color: #81385B;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: #81385B;
}
.template-preview table > tbody > tr > td{
	padding: 15px;
}
.template-preview > div > div{
    background: transparent !important;
}
.banner-section{
	background: url(../images/banner-section-bg.jpg) no-repeat 50% 50%/cover;
}
.referral-section{
	background: url(../images/referral-section-bg.jpg) no-repeat 50% 50%/cover;
}
.presentation-section{
	background: url(../images/presentation-banner.png) no-repeat 50% 50%/cover;
}
.bg-social-media{
	background: url(../images/social-media-banner.png?v=4324) no-repeat 50% 50%/cover;
}
.bg-video-message{
	background: url(../images/video-message-banner.png?v=4324) no-repeat 50% 50%/cover;
}
.customer-banner-section{
	background: url(../images/customer-banner-bg.jpg) no-repeat 50% 50%/cover;
}