/*
* Vox Guided Tour GLOBAL CSS
* Written by: Robyn Stokes - Senior Developer
* Date: 05/18/2024
*/
body {
    overflow: hidden;
    margin: 0;
}
.inter-vox, body, h1, h2, h3, h4, h5, h6, p, a, q, div,span,article,section,aside, button, .btn {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin: 0;
}
.row {
    justify-content: space-between
}
.w3-animate-zoom {
    animation: animatezoom .96s;
}
.trademark {
    vertical-align: super;
    font-size: 15px;
    margin-left: -5px;
}
p .trademark {
    vertical-align: super;
    font-size: 11px;
    margin-left: -5px;
}
.lime-green-bg-vox {
    background: #D8ED46;
}
.teal-bg-vox {
    background: #6DC6A5;
}
.blue-bg-vox {
    background: #3654C4;
}
.blue-font-vox {
    color: #3654C4;
}
.orange-bg-vox {
    background: #E28824;
}
.orange-font-vox {
    color: #E28824;
}
p {
    margin-bottom: 2rem;
}
hr {
    border: 0;
    border-top: 4px solid #d8ed45;
    margin: 20px 0 50px;
    opacity: 1;
}
section,aside {
    position: relative;
}
aside {
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    padding: 0;
    margin: 0;
}
/*#asideContent > h1,
#asideContent > h2,
#asideContent > hr {
    display: none;
    opacity: 0;
}*/
/*#home-page #asideContent > h1,
#home-page #asideContent > h2,
#home-page #asideContent > hr {
    display: inherit;
    opacity: inherit;
}*/
section footer {
    width: 100%;
    position: absolute;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    z-index: 10;
}
aside footer {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: block;
}
footer nav img {
    width: 65px;
}
footer .tourIcon {
    height: 65px;
    cursor: pointer;
}
footer #menuIcon {
    position: relative;
    z-index: 1;
    cursor: pointer;
}



#voxTourNav {
    position: absolute;
    bottom: 16px;
    width: 86px;
    text-align: center;
    background: #6dc6a5;
    padding: 11px 0px 45px;
    border-radius: 25px;
    z-index: 0;
}
#voxTourNav a {
    display: block;
    height: 75px;
}

#nextBtn {
    width: 65%;
    font-size: 25px;
    font-weight: 600;
    line-height: 2;
    color: #3654C4;
    margin-right: 20px;
}
.btn:hover {
    background: #D8ED46;
}

aside h1 {
    font-weight: 800;
    font-size: 30px;
}
aside h1 img {
    width: 70px;
    margin-right: 5px;
}
aside h2 {
    color: #E28824;
    font-size: 18px;
    font-weight: 200;
    margin-left: 80px;
    margin-top: 1px;
}
aside h3 {
    font-size: 28px;
    font-weight: 900;
}
aside p {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.35;
    padding-right: 10px;
}
#startBtn, #closePopup, #backArrow, #menuIcon, #returnHome, #voxTourNav a, footer .tourIcon, #hpPopUpButtons a, #popupContent .fireIcon, #fireIconVideo {
    cursor: pointer !important;
}

.fireIcon {
    width: 65px;
}

.minifireIcon {
    width: 25px;
}
.fireIconVideo {
    width: 65px;
    position: absolute;
    top: 22px;
    left: 8px;
}
#pc-page .fireIcon {
    width: 65px;
    cursor: pointer;
    top: 15px;
    position: relative;
    left: 22px;
}
#review-img-page .fireIcon {
    width: 90px;
    padding: 10px;
}

.fireIconUserInfo span {
    font-size: 13px;
    font-style: italic;
    font-weight: 100;
}
.closePopup {
    position: absolute;
    bottom: 15px;
    right: 30px;
    font-size: 18px;
    color: #fff;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 200;
    line-height: 1.15;
    cursor: pointer;
}
.closeVideoPopup {
    position: absolute;
    bottom: 12px;
    right: 4rem;
    font-size: 18px;
    color: #fff;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 200;
    line-height: 1.15;
    cursor: pointer;
}

/*MENU ANIMATION*/

@keyframes slidein {
    0% { transform: translateY(10px); opacity: 0;}
    25% { transform: translateY(5px); opacity: .5;}
    50% { transform: translateY(0px); opacity: .75;}
    75% { transform: translateY(0px); opacity: .85;}
    100% { transform: translateY(0px); opacity: 1;}
}
@keyframes slideaway {
    from { opacity: 0; }
    to { transform: translateY(0px); opacity: 1;}
}
@keyframes pop-in {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: scale(1); }
}
@keyframes pop-out {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0; transform: scale(0.5); }
    0% { opacity: 0; transform: scale(0); }
}
/*
@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}*/

.collapsed {
    animation: slideaway 200ms ease-out;
    display: none;
}
.popUp {
    opacity: 1 !important;
    animation-name: pop-in;
    animation-duration: 1s; /* or: Xms */
    animation-iteration-count: 1;
    animation-direction: normal; /* or: normal */
    animation-timing-function: ease-in; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
    animation-fill-mode: both; /* or: backwards, both, none */
    animation-delay: 0s; /* or: Xms */
    z-index: 0;
}

.popOut {
    animation-name: pop-out;
    animation-duration: 1s; /* or: Xms */
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-in; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
    animation-fill-mode: both; /* or: backwards, both, none */
    animation-delay: 0s; /* or: Xms */
    opacity: 0;
    width: 110%;
    z-index: 9;
}
.zZero {
    z-index: -1;
}
.zNine {
    z-index: 9;
}

#voxTourNav {
    animation-name: slidein;
    animation-duration: 1s; /* or: Xms */
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-in; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
    animation-fill-mode: both; /* or: backwards, both, none */
    animation-delay: 0s; /* or: Xms */
}