/***********************************
* FONT
**********************************/
@font-face {
    font-family: 'Geom Graphic';
    src: url('../fonts/GeomGraphic-Bold.eot');
    src: url('../fonts/GeomGraphic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GeomGraphic-Bold.woff2') format('woff2'),
        url('../fonts/GeomGraphic-Bold.woff') format('woff'),
        url('../fonts/GeomGraphic-Bold.ttf') format('truetype'),
        url('../fonts/GeomGraphic-Bold.svg#GeomGraphic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geom Graphic';
    src: url('../fonts/GeomGraphic-SemiBold.eot');
    src: url('../fonts/GeomGraphic-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GeomGraphic-SemiBold.woff2') format('woff2'),
        url('../fonts/GeomGraphic-SemiBold.woff') format('woff'),
        url('../fonts/GeomGraphic-SemiBold.ttf') format('truetype'),
        url('../fonts/GeomGraphic-SemiBold.svg#GeomGraphic-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geom Graphic';
    src: url('../fonts/GeomGraphic-Regular.eot');
    src: url('../fonts/GeomGraphic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GeomGraphic-Regular.woff2') format('woff2'),
        url('../fonts/GeomGraphic-Regular.woff') format('woff'),
        url('../fonts/GeomGraphic-Regular.ttf') format('truetype'),
        url('../fonts/GeomGraphic-Regular.svg#GeomGraphic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geom Graphic';
    src: url('../fonts/GeomGraphic-Light.eot');
    src: url('../fonts/GeomGraphic-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GeomGraphic-Light.woff2') format('woff2'),
        url('../fonts/GeomGraphic-Light.woff') format('woff'),
        url('../fonts/GeomGraphic-Light.ttf') format('truetype'),
        url('../fonts/GeomGraphic-Light.svg#GeomGraphic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/***********************************
* BASE
**********************************/
h1, h2 {
    font-family: 'Geom Graphic';
}
h3, h4, h5, h6, p, a, span {
    font-family: 'Questrial';
}
.slide-hero .elementor-background-slideshow .swiper-slide > div {
	animation: scaleImage 8s ease-in-out infinite;
}
@keyframes scaleImage {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1); /* Increase scale by 10% */
	}
	100% {
		transform: scale(1);
	}
}
.form-footer {
	background: #000;
	padding: 30px;
	border-radius: 20px;
}
.form-footer label, .form-footer legend {
	color: #fff !important;
}
.form-footer input[type="text"], .form-footer input[type="tel"], .form-footer input[type="email"] {
	color: #fff !important;
	background: #000 !important;
	padding-left: 0 !important;
  	border-bottom: 2px solid var( --e-global-color-primary ) !important;
}
.form-footer textarea {
	color: #fff !important;
	background: #000 !important;
  	border: 2px solid var( --e-global-color-primary ) !important;
}
.form-footer .wpforms-field-sublabel {
	display: none !important;
}
/* Target all placeholders in WPForms */
.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder {
    color: #999 !important;
    font-size: 14px !important;
    opacity: 1 !important;
}

/***********************************
* POP UP VIDEO
**********************************/ 
#sm-popup-video, .sm-popup-video-play {
	cursor: pointer;
}

#sm-popup-video-container
{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #ffffff90;
	top: 0;
}

#sm-popup-video-inner
{
	display:block;
	margin: auto;
	width: 870px;
	margin-top: 10%;
	border:10px solid #B0575C;
	position:relative;
}

#sm-popup-video-close
{
	color: #fff;
	background: #B0575C;
	font-size: 16px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	border: 0px solid #000;
	position: absolute;
	right: -24px;
	top: -24px;
	padding: 2px;
	font-weight: 600;
}

#sm-popup-video-close i::before
{
	font-size: 20px;
	padding: 5px;
	line-height: 21px;
}

/***********************************
* COPY TIP
**********************************/ 
#copytip {
	color: #fff;
	background-color: #161616;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 15px;
	opacity: 0;
	transition: all .5s;
}

#copytip.show {
	opacity: 1;
	top: -26px;
}

/***********************************
* STICKY HEADER EFFECT
**********************************/ 
#sm-home-sticky-header, #sm-page-sticky-header {
	top: 0;
}
#home-header-wapper img, #page-header-wapper img {
	transition: all .5s ease-in;
}
#home-header-wapper.scrolled, #page-header-wapper.scrolled {
	transition: all .5s ease-in;
	height:0px;
	overflow: hidden;
}
#home-header-wapper.scrolled-up, #home-header-wapper.scrolled-up-retainer {
	position: fixed;
	background: #000;
	z-index: 99999;
	height:156px;
	transition: all .5s ease-out;
	opacity: 1;
	overflow: hidden;
}
#page-header-wapper.scrolled-up, #page-header-wapper.scrolled-up-retainer {
	position: fixed;
	z-index: 99999;
  	box-shadow: 0 1px 8px #00000050;
	height:156px;
	transition: all .5s ease-out;
	opacity: 1;
/* 	overflow: hidden; */
}
#home-header-wapper.scrolled-down, #page-header-wapper.scrolled-down {
	transition: all .5s ease-in;
	height:0px;
	overflow: hidden;
}

#page-header-wapper.scrolled img, #page-header-wapper.scrolled-up-retainer img {
  	max-width: 90px;
}


/***********************************
* POPUP SCHEDULE A CONSULT
**********************************/ 
.sm-schedule-a-consult .wpforms-title {
	color: #fff !important;
	font-family: "Questrial", Sans-serif;
	text-align: center;
	font-size: 32px !important;
}

.sm-schedule-a-consult input,
.sm-schedule-a-consult textarea,
.sm-schedule-a-consult select {
	border-top: 2px solid #1C1E23 !important;
	border-right: 2px solid #1C1E23 !important;
	border-left: 2px solid #1C1E23 !important;
	font-size: 20px !important;
  	color: #fff !important;
}

.sm-schedule-a-consult input::placeholder,
.sm-schedule-a-consult textarea::placeholder,
.sm-schedule-a-consult select::placeholder  {
	font-size: 20px !important;
}

.sm-schedule-a-consult .wpforms-confirmation-container-full {
  	background: none !important;
  	border: none !important;
}

.sm-schedule-a-consult .wpforms-confirmation-container-full h3 {
  	color: #ffffff;
  	font-size: 32px;
}

.sm-schedule-a-consult .wpforms-confirmation-container-full p {
  	color: #ffffff !important;
  	font-size: 24px;
	line-height: 40px !important;
}

.sm-schedule-a-consult .wpforms-confirmation-container-full p i {
  	margin-right: 10px;
}

.sm-tool-tip .e-hotspot__tooltip {
  	white-space: unset !important;
}