two-column-content-split.buttons-pannel .content-selector-wrapper {
	margin-bottom: 0
}
two-column-content-split.buttons-pannel .content-selector-wrapper .button-wrapper {
	margin-bottom: .375rem
}
.modal-generic {
	z-index: 2600
}
.modal-generic .modal-dialog {
	max-width: 85%;
	margin-left: auto;
	margin-right: auto
}
.modal-body {
	padding: 0 1rem 2rem;
	color: #000;
	border-bottom: 10px solid #c70064
}
.modal-generic .modal-content {
	border-radius: 0
}
.modal-generic .modal-body {
	padding: 40px 20px
}
.modal-generic .modal-footer,
.modal-generic .modal-header {
	border: 0;
	padding: 0
}
.modal-header {
	border: none;
	padding-bottom: 0
}
.modal-close .icon-close::before {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	display: block;
	width: 15px;
	height: 14px;
	color: #7a7a7a;
	font-size: 22px
}
.modal-footer,
header .container .row1 top-navigation>ul li:nth-child(2) a::after {
	display: none
}
.modal-generic .modal-header .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 5
}
@media screen and (min-width:768px) {
	.modal-generic .modal-body {
		padding: 70px 50px
	}
	.modal-generic .modal-header .btn-close {
		right: 20px;
		top: 20px
	}
}
.modal-backdrop {
	z-index: 999
}
.modal-pop-btn {
	display: grid !important;
	grid-template-columns: 1fr !important;
	row-gap: 1rem;
	width: 70%;
	margin: 20px auto 0
}
.modal-pop-btn .button {
	padding: 18px 54px 15px 14px;
	border: none;
	background-color: #b80066;
	color: #fff;
	text-align: center;
	line-height: 1;
	border-radius: 50px;
	min-height: 3.25rem
}
.modal-pop-btn .button:after {
	color: #b90066 !important;
	content: "\f061";
	display: block;
	font-family: "Font Awesome 5 Pro";
	font-size: 1.5rem;
	position: absolute;
	right: 9px;
	top: 50%;
	background-color: #fff;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	line-height: 36px;
	font-weight: 400;
	transform: translateY(-50%) rotate(0) !important
}
.modal-dialog {
	max-width: 80% !important;
	margin: 1.75rem auto;
	text-align: center
}
@media screen and (min-width:767px) {
	.modal-pop-btn {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		column-gap: 3rem;
		margin: 20px auto 0
	}
}
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .9);
	z-index: 1040;
	display: none
}
.modal--generic {
	z-index: 1050
}
.meet-team-img img {
	width: 80px !important;
	height: 80px !important
}
@media (max-width:768px) {
	.col5 .card {
		display: grid;
		gap: 16px;
		grid-template-columns: 30% 1fr
	}
	.card {
		display: flex;
		margin-bottom: 32px !important;
		gap: 20px
	}
	.card-img {
		align-self: flex-start
	}
	.col5 .card .card-body div p {
		text-align: left
	}
	.col5 .card .card-body {
		padding-top: 0 !important
	}
}
header .container .row1 top-navigation>ul li:last-child a {
	pointer-events: auto
}
header .container .row1 top-navigation>ul {
	margin: 0 auto;
	padding: 12px 0
}
@media (min-width:768px) {
	header .container .row1 top-navigation>ul {
		margin: 0;
		padding: 0
	}
}
hero-banner.elfabrio-top-banner .banner-wrapper,
hero-banner.hero-banner .banner-wrapper {
	background-position: right top !important;
	background-repeat: no-repeat !important;
	background-size: 70% auto !important;
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	top: 6px !important;
	left: 0 !important;
	right: 0 !important;
	margin-top: 20px !important
}
@media (max-width:992px){
  hero-banner.hero-banner .content-selector-wrapper, hero-banner.elfabrio-top-banner 	.content-selector-wrapper{
  box-shadow: 0 0 20px 0px #fff, -40px 0 30px 18px #fff, 40px 0 30px 18px #fff;
        margin-top: 65px;
}
}
@media screen and (min-width:991px) {
	hero-banner.elfabrio-top-banner .banner-wrapper,
	hero-banner.hero-banner .banner-wrapper {
		background-size: 70% 75% !important;
		background-position: top right !important
	}
}
@media screen and (min-width:1024px) {
	hero-banner.elfabrio-top-banner .banner-wrapper,
	hero-banner.hero-banner .banner-wrapper {
		background-size: 50% 80% !important;
		background-position: top right !important;
		margin: 72px 0 0 !important
	}
	.image-caption-one div {
		margin-bottom: 48px !important
	}
}
@media screen and (max-width:576px) {
	hero-banner.elfabrio-top-banner,
	hero-banner.hero-banner {
		padding-top: 16.5rem
	}
}
@media screen and (min-width: 1200px) {
     hero-banner.banner-left .banner-wrapper, hero-banner.banner-right .banner-wrapper, hero-banner.full-banner-left .banner-wrapper, hero-banner.full-banner-right .banner-wrapper {
         left: -260px;
    }
}
.image-caption-one {
	text-align: start !important;
	color: #fff !important;
	margin-bottom: 12px !important;
        text-shadow: 1px 1px #000;
}
@media (max-width:992px) {
	.image-caption-one {
		text-align: start !important;
		color: #fff !important;
		margin-bottom: 30px !important;
		font-size:13px;
	}
}
@media (min-width:1024px) {
	.image-caption-one {
		color: #fff !important;
		text-align: end !important;
		max-width: 100% !important;
		margin-bottom: 12px !important
	}
}
@media (max-width:767px) {
 .vertical-center-text{
     display: flex;
     align-items: center;
     height: 90px;
 }
}
.bg-vivid-orange
{
 font-size: 18px;
background-color:#F99D1C !important;
}
@media (min-width: 375px) and (max-width: 768px) {
  hero-banner.elfabrio-top-banner .banner-wrapper,
  hero-banner.hero-banner .banner-wrapper {
    background-position: right top !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 6px !important;
    left: 0 !important;
    right: 0 !important;
    /* default (375–419px) */
    background-size: 64% 20% !important;
    margin-top: 30px !important;
  }
}
/* 420px – 575px */
@media (min-width: 420px) and (max-width: 575px) {
  hero-banner.elfabrio-top-banner .banner-wrapper,
  hero-banner.hero-banner .banner-wrapper {
    background-size: 60% 23% !important;
  }
}
/* 576px – 768px */
@media (min-width: 576px) and (max-width: 768px) {
  hero-banner.elfabrio-top-banner .banner-wrapper,
  hero-banner.hero-banner .banner-wrapper {
    background-size: 50% 25% !important;
    margin-top: 20px !important;
  }
}
@media screen and (min-width:768px) {
    hero-banner.elfabrio-top-banner,
    hero-banner.hero-banner {
         background-size: 70% auto !important;
    }
}