.mobile-display-only {
	display: none;
}

@font-face {
	font-family: 'Pontano Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/pontanosans/v13/qFdD35GdgYR8EzR6oBLDHa3ayz8Ns1s.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Pontano Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/pontanosans/v13/qFdD35GdgYR8EzR6oBLDHa3axT8N.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.flip-card {
	background-color: transparent;
	width: 6.8rem;
	height: 10rem;
	border: none;
	padding: .3rem;
	margin: auto;
	perspective: 1000px
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg)
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.flip-card-front {
	background-color: transparent;
	color: #000;
	font-size: 1.125rem;
	line-height: 1.15rem;
	transform: rotateX(0deg)
}

.flip-card-back {
	transform: rotateY(180deg);
	font-size: 1rem;
	line-height: 1.1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7.5rem
}

.card-body-flip {
	box-sizing: border-box;
	border: 1.25rem solid;
	border-color: #E8E8E8;
	padding: 1.25rem;
	height: auto
}

body {
	font-size: 1.1rem;
	padding-top: 4.125rem;
	font-family: 'Pontano Sans', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #13499F
}

.bg-secondary {
	background-color: #E8E8E8 !important
}

.body-spacing-top {
	padding-top: 4rem
}

.body-spacing-bottom {
	padding-bottom: 4rem
}

.body-spacing {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.list-group {
	padding-left: .625rem
}

.no-bottom-margin {
	margin-bottom: 0
}

.card {
	border: none
}

.ep-logo-heading {
	margin-bottom: .7rem
}

.ep-logo-heading2 {
	margin-top: .5rem
}

.psi-logo-heading {
	margin-left: .4rem
}

.top-footer {
	font-size: 1rem
}

.bottom-footer {
	height: 3rem;
	font-size: 1rem;
	color: #000
}

.bottom-footer-content a {
	color: #000
}

.bottom-footer-content a:hover {
	color: #000 !important
}

.green {
	color: #0AA254;
	font-weight: 600;
	font-size: 3.8rem
}

.navbar-light .navbar-nav .nav-link {
	color: #212529 !important
}

a,
navbar-light .navbar-nav .nav-link:link,
navbar-light .navbar-nav .nav-link:visited {
	color: #13499F;
	text-decoration: none
}

a.dropdown-item:link,
a.dropdown-item:visited {
	color: #212529
}

a:hover,
a.dropdown-item:hover,
.navbar-light .navbar-nav .nav-link:hover {
	color: #13499F !important;
	text-decoration: none
}

a:hover,
a.dropdown-item:hover,
.navbar-light .navbar-nav .nav-link:hover {
	color: #13499F !important;
	text-decoration: none
}

a:hover,
a.dropdown-item:hover,
.navbar-light .navbar-nav .nav-link:hover {
	color: #13499F !important;
	text-decoration: none
}

a:active,
a.dropdown-item:active,
a.dropdown-item:focus,
navbar-light .navbar-nav .nav-link:active,
navbar-light .navbar-nav .nav-link:focus {
	color: #13499F;
	text-decoration: none
}

a.nontext {
	color: #000;
	text-decoration: none
}

.carousel-caption h5 {
	color: #212529
}

.carousel-caption {
	background-color: #E8E8E8;
	color: #000
}

.btn-success:hover {
	color: #FFF !important;
	border-color: #000
}

.btn-outline-success:hover {
	color: #FFF !important;
	border-color: #000
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus {
	color: #0AA254
}

.nav-tabs .nav-link.active:hover {
	color: #13499F
}

.nav-tabs .nav-link:hover {
	background-color: #fff
}

.btn-group-sm>.btn,
.btn-sm {
	font-size: 1rem
}

.nav-font {
	font-size: 1.2rem
}

img.socialmedia {
	opacity: .5
}

.socialmedia:hover {
	opacity: 1
}

.banner-crop {
	max-height: 31.25rem;
	overflow: hidden
}

.carousel-margin-top {
	margin-top: .9rem
}

.carousel-caption {
	opacity: 0.9 !important;
	width: 50rem;
	height: 10rem;
	margin-left: auto;
	padding: 1rem
}

.card-sizing {
	min-height: 41.5rem
}

.stickynote-img {
	margin-top: 1.3rem
}

.overlay-text {
	font-size: 1.4rem;
	line-height: 1.5rem;
	color: #323049
}

.overlay-text-white {
	font-size: 1.4rem;
	line-height: 1.5rem;
	color: #FFF
}

.overlay-text-info-kit {
	font-size: 1.35rem;
	line-height: 1.75rem
}

.industry-img {
	opacity: 1;
	width: 10rem;
	height: 10rem
}

.industry-img:hover {
	opacity: .7
}

.industry-sizing {
	margin: 0 1.5rem 1.5rem 1.5rem
}

.brochure-img {
	opacity: 1;
	width: 12rem;
	height: 15rem
}

.brochure-img:hover {
	opacity: .7
}

.recommend-text-catering {
	margin-top: 16rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 50rem
}

.form-control {
	margin-bottom: .8rem
}

textarea.form-control {
	margin-top: .8rem
}

.card-testimonial {
	max-height: 30rem;
	overflow: hidden
}

.testimonal-margin-top {
	margin-top: 5rem
}

.proudly-different-img {
	-ms-transform: rotate(4deg);
	transform: rotate(4deg)
}

.overlay-img {
	margin-top: 7.2rem
}

.card-contact {
	min-height: 21.875rem;
	margin-left: 1.25rem
}

.card-contact2 {
	min-height: 30rem;
	margin-left: 1.25rem
}

.card-contact-form {
	min-height: 10.625rem;
	margin-left: 1.25rem
}

.contact-card-height {
	height: 100%
}

.card-contact-border {
	border-right: .0625rem solid #E8E8E8
}

.card-contact-border2 {
	border-right: .0625rem solid #FFF
}

.card-request-form {
	border-left: .0625rem solid #E8E8E8
}

.contact-header-spacing {
	margin-bottom: 2.5rem
}

.contact-h5-spacing {
	margin-top: 10rem
}

.contact-h5-spacing2 {
	margin-top: 2.5rem
}

.contact-h5-spacing3 {
	margin-top: 12rem
}

.contact-text {
	line-height: 1.5rem;
	margin-bottom: 0;
	margin-top: .8rem
}

.contact-text2 {
	margin-bottom: .8rem;
	margin-top: .8rem;
	line-height: 1.5rem
}

.contact-text-sm {
	line-height: 1.5rem;
	font-size: .8rem;
	margin-bottom: .3rem;
	margin-top: 0
}

.bulletless-list {
	list-style: none
}

.btn-text {
	font-size: 1.4rem
}

.on-prem-text {
	color: #096730
}

.on-prem-cloud-imgs {
	margin-top: .75rem
}

.on-prem-cloud-height {
	height: 6rem
}

.dark-blue-header {
	color: #1B1464
}

.card-img-top {
	width: 100%;
	height: 12.5rem
}

.card-triple {
	background-color: #FFF
}

.card-body-triple {
	background-color: #FFF;
	border: 1px solid grey;
	height: 100%
}

.card-text-triple,
.card-title-triple {
	margin: 1.25rem
}

.triple-btn-1 {
	margin-top: 6rem;
	margin-bottom: 1rem
}

.triple-btn-2 {
	margin-top: 10.75rem;
	margin-bottom: 1rem
}

.triple-btn-3 {
	margin-top: 4.25rem;
	margin-bottom: 1rem
}

.bhm-btn-1 {
	position: absolute;
	bottom: 5px;
	left: 0
}

.orange-border-bottom {
	border-bottom: .125rem solid #096730
}

.blue-border-bottom-small {
	border-bottom: .125rem solid #13499F
}

.dark-blue-border-bottom {
	border-bottom: .625rem solid #1B1464
}

.light-blue-border-bottom {
	border-bottom: .625rem solid #13499F
}

.green-border-bottom {
	border-bottom: .625rem solid #006837
}

.card-text-overlay {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	color: #323049;
	opacity: .9
}

.event-accom-img {
	margin-top: -28rem
}

.card-img {
	display: block
}

.devices-logo-inline {
	display: inline
}

.devices-logo {
	width: 15%
}

.black-text {
	color: #000
}

.tech-img-width {
	width: 15rem
}

.display-mobile {
	display: none
}

@media (max-width:767px) {
	.banner-crop {
		margin-top: 0
	}

	.overlay-text,
	.overlay-text-white {
		font-size: 1rem
	}

	.recommend-text-catering {
		margin-top: 0
	}

	.hide-mobile {
		display: none
	}

	.copyright-mobile {
		font-size: 75%
	}

	.overlay-img {
		margin-top: 3rem
	}

	.ep-text-index {
		margin-top: 0
	}

	.devices-logo {
		width: 12%
	}

	.card-triple {
		margin-bottom: 1.5rem
	}

	.card-img-top {
		height: 15rem
	}

	.triple-btn-1,
	.triple-btn-2,
	.triple-btn-3 {
		margin-top: 4.5rem
	}

	.contact-card-height {
		height: auto
	}

	.card-contact-border {
		border-right: none;
		border-bottom: .0625rem solid #E8E8E8
	}

	.card-contact-border2 {
		border-right: none;
		border-bottom: .0625rem solid #FFF
	}

	.contact-h5-spacing,
	.contact-h5-spacing2,
	.contact-h5-spacing3 {
		margin-top: 2.5rem
	}

	.on-prem-cloud-imgs {
		display: none
	}

	.bg-white-mobile {
		background-color: #FFF !important
	}

	.bg-secondary-mobile {
		background-color: #E8E8E8 !important
	}

	.tech-img-width {
		display: none
	}

	.display-mobile {
		display: block
	}
}

@media (max-width:575px) {
	.cloud-hide-mobile {
		display: none
	}
}

@media (min-width:576px) {
	.cloud-display-mobile {
		display: none
	}
}

@media (min-width:576px) AND (max-width:767px) {
	.on-prem-cloud-height {
		height: 8.75rem
	}
}

@media (min-width:768px) AND (max-width:825px) {
	.bottom-footer {
		font-size: .9rem
	}
}

@media (min-width:768px) AND (max-width:999px) {
	.devices-logo {
		width: 18%
	}
}

@media (min-width:768px) AND (max-width:991px) {
	.triple-btn-1 {
		margin-top: 13.25rem
	}

	.triple-btn-2 {
		margin-top: 31.25rem
	}

	.speech-bubble-text {
		font-size: 80%
	}
}

@media (min-width:768px) AND (max-width:1199px) {
	.contact-h5-spacing {
		margin-top: 8.5rem
	}
}

@media (min-width:991px) AND (max-width:1199px) {
	.contact-h5-spacing3 {
		margin-top: 10.5rem
	}

	.triple-btn-2 {
		margin-top: 14rem
	}
}

@media (min-width:768px) AND (max-width:849px) {
	.carousel-caption {
		width: 28rem;
		height: 9.5rem;
		margin-left: 12rem
	}

	.triple-btn-1 {
		margin-top: 7.5rem
	}

	.triple-btn-2 {
		margin-top: 15.75rem
	}
}

@media (min-width:850px) AND (max-width:999px) {
	.carousel-caption {
		width: 25rem;
		height: 10.5rem
	}

	.triple-btn-1 {
		margin-top: 7.5rem
	}

	.triple-btn-2 {
		margin-top: 15.5rem
	}
}

@media (min-width:1000px) AND (max-width:1199px) {
	.carousel-caption {
		width: 30rem
	}
}

@media (min-width:1200px) AND (max-width:1399px) {
	.carousel-caption {
		width: 35rem
	}
}

@media (min-width:1400px) AND (max-width:1599px) {
	.carousel-caption {
		width: 40rem
	}
}

@media (min-width:1600px) AND (max-width:1799px) {
	.carousel-caption {
		width: 45rem
	}
}

@media (min-width:1800px) AND (max-width:1999px) {
	.carousel-caption {
		width: 50rem
	}
}

@media (min-width:2000px) AND (max-width:2199px) {
	.carousel-caption {
		width: 55rem
	}
}

@media (min-width:2200px) {
	.carousel-caption {
		width: 60rem
	}
}

.fixedMenuWidth {
	width: 600px
}

@media (max-width:600px) {
	.fixedMenuWidth {
		width: auto
	}

	.carousel-indicators {
		margin-bottom: 26rem
	}
}

@media (max-width:991px) {
	.navbar {
		overflow: auto;
		max-height: 85vh;
		align-items: flex-start
	}
}

.dropdown {
	position: static !important
}

.dropdown-menu {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	margin-top: 0px !important;
	width: 100% !important
}

.menu-text-sm {
	line-height: 1.5rem;
	font-size: .8rem;
	margin-bottom: .3rem;
	margin-top: 0;
	color: #000;
	white-space: normal !important
}

h1.menuanimation {
	animation-name: menuAnimation;
	animation-duration: 4s
}

@keyframes menuAnimation {
	from {
		background-color: #fff
	}

	to {
		background-color: purple
	}
}

.spin>svg {
	overflow: hidden;
	transition-duration: 1.8s;
	transition-property: transform
}

.spin:hover>svg {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.dropdown-toggle::after {
	border: none !important;
	vertical-align: 0;
	content: "\203A";
	transform: rotate(90deg)
}

.navbar-toggler:focus,
.navbar-toggler:active {
	outline: 0
}

.hamburger {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible
}

.hamburger:hover {
	opacity: .7
}

.hamburger.is-active:hover {
	opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #000
}

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block
}

.hamburger-inner::before {
	top: -10px
}

.hamburger-inner::after {
	bottom: -10px
}

.hamburger--vortex-r .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
	transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
	transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
	transform: rotate(-765deg);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
	transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg)
}

@media only screen and (min-width : 320px) and (max-width : 767px) {

	.mobile-display {
		display: none;
	}

	.mobile-display-only {
		display: block;
		text-align: center;
	}

}