@font-face {
font-family: 'muliregular';
src: url('/epgt-fonts/muli/muli-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotomed';
src: url('/epgt-fonts/roboto/Roboto-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotoreg';
src: url('/epgt-fonts/roboto/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body, html {
margin: 0;
padding: 0px;
outline: none;
border: 0px;
font-size: 16pt;
line-height: 20pt;
font-family: 'muliregular', sans-serif;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
-webkit-backface-visibility:  hidden;
}

.blurshade {
visibility: hidden;
transition: 0.7s ease;
position: fixed;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(153, 153, 153, 0.2);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-blend-mode: multiply;
z-index: 3;
}

/* LOADING ANIMATION STARTS HERE */

.loader-box {
height: 500px;
/* container uses flexbox */
display:flex;
justify-content:center;
align-items:center;
background-color: #ffffff;
}
	
.loader {
height: 50px;
width: 50px;
margin: 0 auto 0 auto; 
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid;
border-color: #ccc #ffffff;
animation: l1 1s infinite;
}
@keyframes l1 {to{transform: rotate(.5turn)}}
	
/* LOADING ANIMATION ENDS HERE */

/* DISCOVER NAV STARTS HERE */

#myNav { display: block; }

.navoverlay {
height: 0;
width: 100%;
position: fixed;
z-index: 5;
top: 0;
left: 0;
background-color: #ffffff;
overflow-x: hidden;
transition: 0.3s ease;
}

.discover-nav {
width: 550px;
margin: 180px auto 0 auto;
font-size: 13pt;
display: table;
padding: 0;
overflow: hidden;
}

.dnavlft { display: table-cell; width: 250px; padding-right: 25px; }
.dnavrt { display: table-cell; width: 250px; padding-left: 25px; }
.discover-nav img { width: 100%; border-radius: 10px; }
.dtext { font-size: 13pt; line-height: 13pt; font-family: 'robotoreg', sans-serif; text-align: center; padding-top: 15px; }
.dtext a:link { color: #000000; text-decoration: none; }
.dtext a:visited { color: #000000; text-decoration: none; }
.dtext a:hover { color: #000000; text-decoration: underline; }

/* DISCOVER NAV ENDS HERE */

.topstrip {
position: relative;
top: -40px;
opacity: 0;
transition: all 1s ease;
color: #ffffff;
font-size: 11pt;
margin: 0;
padding: 10px 100px;
background-color: #e1962c;
overflow: hidden;
z-index: 6;
}

.tslft { float: left; text-align: center; }
.tsrt { float: right; text-align: center; }
.tsrt a:link { color: #ffffff; text-decoration: none; }
.tsrt a:visited { color: #ffffff; text-decoration: none; }
.tsrt a:hover { color: #ffffff; text-decoration: underline; }

#nav { position: absolute; right: 82px; z-index: 6; display: block; margin: 0; padding: 0; }
#nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
#nav li { float: left; margin: 0; padding: 10px 0; }
div#nav ul li { font-size: 13pt; line-height: 13pt; font-family: 'robotoreg', sans-serif; color: #000; }

div#nav ul li a {
text-decoration: none;
color: #000;
padding: 10px 18px;
border-radius: 5px;
transition: background-color 0.3s ease-in-out;
}

div#nav ul li a:where(:hover, :active, :focus-visible) {
background-color: #efefef;
}

#hoverDiscover { cursor: pointer; border-radius: 5px; transition: background-color 0.5s ease-in-out; }

img { display: block; border: 0; font-family: 'muliregular', sans-serif; font-style: italic; color: #666666; font-size: 8pt; }

.mobmenu { display: none; }

.logo-menu {
background-color: #ffffff;
z-index: 4;
display: flex;
align-items: center;
overflow: hidden;
position:sticky;
position:-webkit-sticky;
top: 0;
opacity: 0;
transition: all 1s ease;
padding: 0px 100px 0px 100px;
margin: 0 auto;
}
.logo { z-index: 6; position: relative; float: left; padding: 15px 0px; display: inline-block; }
.logo img { height: 100px; }

/* HOME HEROES START HERE */

.upper {
position: absolute;
z-index: 1;
width: 100%;
height: 500px;
}

.upper img {
position: absolute;
top: 0;
left: 0;
height: 500px; width: 100%; object-fit: cover;
opacity: 0;
transition: opacity 1s ease-in-out;
}

.upper img.active { opacity: 1; }

.lower {
position: relative;
width: 100%;
height: 500px;
}

.lower img {
position: absolute;
top: 0;
left: 0;
height: 500px; width: 100%; object-fit: cover;
opacity: 0;
transition: opacity 1s ease-in-out;
}

.lower img.active { opacity: 1; }

/* HOME HEROES END HERE */
/* FADE IN AND UP STARTS HERE */

.in-and-up {
opacity: 0;
transform: translateY(75px);
transition: opacity 1.5s ease, transform 1s ease;
}
.in-and-up.active {
opacity: 1;
transform: translateY(0);
}

.in-up-two {
opacity: 0;
transform: translateY(100px);
transition: opacity 1.5s ease, transform 1.5s ease;
}
.in-up-two.active {
opacity: 1;
transform: translateY(0);
}

.in-up-three {
opacity: 0;
transform: translateY(125px);
transition: opacity 1.5s ease, transform 1s ease;
}
.in-up-three.active {
opacity: 1;
transform: translateY(0);
}

.in-up-four {
opacity: 0;
transform: translateY(150px);
transition: opacity 1.5s ease, transform 1.5s ease;
}
.in-up-four.active {
opacity: 1;
transform: translateY(0);
}

/* FADE IN AND UP ENDS HERE */
/* HOME ROWS START HERE */

.home-head {
z-index: 1;
position: relative;
padding: 50px 40px 130px 40px;
margin-bottom: -80px; /* This creates the overlap */
background-color: #e1962c;
}

.home-head h1 {
font-size: 50px;
line-height: 60px;
font-family: 'robotoreg', sans-serif;
color: #ffffff;
text-align: center;
margin: 0;
padding: 0 100px;
}

h2 {
font-size: 34px;
line-height: 44px;
font-family: 'robotoreg', sans-serif;
color: #000000;
margin: 0;
padding: 0 0 5px 0;
}

h3 {
font-size: 20px;
line-height: 30px;
font-family: 'robotoreg', sans-serif;
color: #e1962c;
text-transform: uppercase;
margin: 0;
padding: 0;
}

.hr-textl {
font-size: 1.75vw;
font-family: 'robotoreg', sans-serif;
position: absolute; /* Text is positioned relative to the container */
bottom: 10%; /* Adjust vertical position */
left: 7%; /* Adjust horizontal position */
color: white; /* Text color */
}

.hr-textr {
font-size: 1.75vw;
font-family: 'robotoreg', sans-serif;
position: absolute; /* Text is positioned relative to the container */
bottom: 10%; /* Adjust vertical position */
left: 13%; /* Adjust horizontal position */
color: white; /* Text color */
}

.home-row-top {
z-index: 2;
position: relative;
display: table; 
padding: 0 17%;
margin: 0;
overflow: hidden;
}

.hrowlft { display: table-cell; width: 47%; padding-right: 3%; }
.hrowrt { display: table-cell; width: 47%; padding-left: 3%; }

.home-row-mid {
padding: 20px 60px 260px 60px;
margin-bottom: -260px; /* This creates the overlap */
z-index: 1;
position: relative;
background-color: #e6e6e6;
}

.home-row-bot {
z-index: 2;
position: relative;
display: table;
padding: 0 17%;
margin: 0;
overflow: hidden;
}

.sub-head {
z-index: 1;
position: relative;
padding: 50px 40px 130px 40px;
margin-bottom: -80px; /* This creates the overlap */
background-color: #e6e6e6;
text-align: center;
}

.sub-head-privacy {
z-index: 1;
position: relative;
padding: 50px 40px 50px 40px;
margin: 0px;
background-color: #e6e6e6;
}

.sub-head h1 {
font-size: 50px;
line-height: 60px;
font-family: 'robotoreg', sans-serif;
color: #000000;
margin: 0;
padding: 0 100px;
}

.sub-head-privacy h1 {
font-size: 50px;
line-height: 60px;
font-family: 'robotoreg', sans-serif;
color: #000000;
text-align: center;
margin: 0;
padding: 0 100px;
}

.sub-row-bot {
z-index: 2;
position: relative;
padding: 0 17%;
margin: 0;
}

.sub-row-bot img { width: 100%; border-radius: 15px; }

.sub-row-mid {
padding: 50px 60px 260px 60px;
margin-bottom: -260px; /* This creates the overlap */
z-index: 1;
position: relative;
background-color: #e1962c;
}

.hrowpicwrap {
border-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}

.hrowpicwrap img {
width: 100%;
display: block;
transition: transform .3s; /* smoother zoom */
}

.hrowpicwrap:hover img {
transform: scale(1.1);
transform-origin: 50% 50%;
cursor: pointer;
}
	
/* HOME ROWS END HERE */
/* CONTACT PAGE STARTS HERE */

.contact-row {
display: table; 
padding: 0 20%;
margin: 0;
}
.contact-row a:link { color: #000000; text-decoration: none; }
.contact-row a:visited { color: #000000; text-decoration: none; }
.contact-row a:hover { color: #000000; text-decoration: underline; }

.crowlft { display: table-cell; width: 47%; padding-right: 3%; }
.crowrt { display: table-cell; width: 47%; padding-left: 3%; }

.license {
font-size: 12pt;
line-height: 16pt;
padding: 0;
margin: 0;
}

.contact-sub-block { padding: 70px 20% 40px 20%; }
.contact-sub-block a:link { color: #000000; text-decoration: underline; }
.contact-sub-block a:visited { color: #000000; text-decoration: underline; }
.contact-sub-block a:hover { color: #000000; text-decoration: none; }

.grecaptcha-badge { visibility: hidden; }

.error { background: #ff0000; color: #ffffff; border-radius: 15px; padding: 30px; margin-bottom: 40px; }
.success { background: #e1962c; color: #ffffff; border-radius: 15px; padding: 30px; margin-bottom: 70px; }

input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
font-size: 10pt;
-webkit-appearance: none;
border-radius: 0;
}

input:focus, textarea:focus {
outline: none !important;
border: 1px solid #e1962c;
-webkit-appearance: none;
border-radius: 0;
}

textarea {
width: 100%;
height: 150px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
font-size: 10pt;
resize: none;
-webkit-appearance: none;
border-radius: 0;
}

.contbutton {
background-color: #e1962c; /* orange */
border: none;
display: inline-block;
color: #ffffff;
padding: 10px 0;
margin-top: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 14pt;
width: 100%;
cursor: pointer; 
transition: 0.4s;
-webkit-appearance: none;
border-radius: 0;
}

.contbutton:hover {
background-color: #000000;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}

.order { display: none; visibility: hidden; }

/* CONTACT PAGE ENDS HERE */

.text-block { padding: 70px 17% 70px 17%; }
.sub-text-block { padding: 70px 20%; }
.sub-text-block a:link { color: #000000; text-decoration: none; }
.sub-text-block a:visited { color: #000000; text-decoration: none; }
.sub-text-block a:hover { color: #000000; text-decoration: underline; }

.sub-text-block ul { padding: 5px 0px 0px 15px; text-align: left; margin-top: 0; display: inline-block; }
.sub-text-block li {
font-size: 90%;
font-size: 12pt;
line-height: 20pt;
content: "•";
}
.sub-text-block li span { font-size: 16pt; }

.subpicwrap { padding: 0; margin: 0; }
.subpicwrap img { width: 100%; border-radius: 15px; display: block; }

.two-col-lft { padding: 30px 0 70px 0; }
.two-col-lft ul { padding: 5px 0px 5px 15px; text-align: left; margin-top: 0; display: inline-block; }
.two-col-lft li {
font-size: 90%;
font-size: 12pt;
line-height: 20pt;
content: "•";
}
.two-col-lft li span { font-size: 16pt; }

.two-col-rt { padding: 30px 0 70px 0; }
.two-col-rt ul { padding: 5px 0px 5px 15px; text-align: left; margin-top: 0; display: inline-block; }
.two-col-rt li {
font-size: 90%;
font-size: 12pt;
line-height: 20pt;
content: "•";
}
.two-col-rt li span { font-size: 16pt; }

.footnote {
font-size: 10pt;
line-height: 14pt;
padding: 5px 15px 0 0;
text-align: right;
}

.fine {
font-family: 'robotomed', sans-serif;
font-size: 12pt;
line-height: 16pt;
padding: 0px 17% 70px 17%;
}
.fine a:link { color: #000000; text-decoration: none; }
.fine a:visited { color: #000000; text-decoration: none; }
.fine a:hover { color: #000000; text-decoration: underline; }

.subfine {
font-family: 'robotomed', sans-serif;
font-size: 12pt;
line-height: 16pt;
padding: 0px 20% 70px 20%;
}
.subfine a:link { color: #000000; text-decoration: none; }
.subfine a:visited { color: #000000; text-decoration: none; }
.subfine a:hover { color: #000000; text-decoration: underline; }

.thanksfine {
font-family: 'robotomed', sans-serif;
font-size: 12pt;
line-height: 16pt;
padding: 0px 0 70px 0;
}
.thanksfine a:link { color: #000000; text-decoration: none; }
.thanksfine a:visited { color: #000000; text-decoration: none; }
.thanksfine a:hover { color: #000000; text-decoration: underline; }