.hotspot-hotspot,
.section-hotspot-maps {
    opacity: 0;
    visibility: hidden
}

.ho-dots,
.hotspot-video-list,
ul.hotspot-slider {
    display: none
}

* {
    box-sizing: border-box
}

body {
    margin: 0
}

.header-area {
    z-index: inherit !important;
}

.header-area .menu-bar {
    z-index: 1001 !important;
}

.hotspot-slider {
    position: relative;
    width: 100%
}

.ho-prev,
.hotspot-slider .ho-next,
.hotspot-slider .play-button {
    top: 50%;
    width: auto;
    padding: 16px;
    font-weight: 700;
    transition: .6s;
    border-radius: 0 3px 3px 0;
    user-select: none;
    cursor: pointer;
    color: #fff
}

.hotspot-slider .hotspot-slide {
    display: none;
    position: relative
}

.hotspot-slider .hotspot-slide.active {
    display: block
}

.hotspot-slider .hotspot-slide,
.hotspot-slider .hotspot-slide img,
.hotspot-slider .hotspot-slide video {
    height: 700px;
    width: 100%;
    object-fit: cover
}

.hotspot-slider .play-button {
    position: absolute;
    left: 50%;
    margin-top: -62px;
    margin-left: -62px;
    font-size: 80px
}

.ho-prev,
.hotspot-slider .ho-next {
    position: absolute;
    margin-top: -22px;
    font-size: 18px
}

.hotspot-slider .ho-prev {
    left: 0
}

.hotspot-slider .ho-next {
    right: 0
}

.ho-next:hover,
.ho-prev:hover {
    background-color: rgba(0, 0, 0, .8)
}

.ho-dots {
    margin-top: 10px;
    text-align: center
}

.ho-dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s
}

.ho-dot:hover,
.selected {
    background-color: #717171
}

.slide {
    -webkit-animation-name: slide;
    -webkit-animation-duration: 1.5s;
    -moz-animation-name: slide;
    -moz-animation-duration: 1.5;
    -ms-animation-name: slide;
    -ms-animation-duration: 1.5;
    -o-animation-name: slide;
    -o-animation-duration: 1.5;
    animation-name: slide;
    animation-duration: 1.5s
}

@-webkit-keyframes slide {
    from {
        opacity: .4;
        margin-left: 100%
    }

    to {
        opacity: 1;
        margin: 0
    }
}

@-moz-keyframes slide {
    from {
        opacity: .4;
        margin-left: 100%
    }

    to {
        opacity: 1;
        margin: 0
    }
}

.section-hotspot {
    height: 700px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: end
}

.hotspot-hotspot.show {
    animation: 1s ease-in forwards video_fadein
}

video.played {
    animation: 1s ease-in forwards video_fadeout
}

.hotspot-content {
    position: relative;
    z-index: 10;
    width: 150px;
    margin-left: auto;
    text-align: right;
    transition: opacity 0.25s ease-in-out;
}

.hotspot-logo.is-hidden,
.hotspot-content.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.hotspot-content a {
    display: inline-block;
    margin-bottom: 40px;
    text-align: center;
    color: #fff
}

.hotspot-content a:hover {
    color: inherit
}

.hotspot-content a .icon {
    display: block;
    margin-bottom: 5px
}

.section-hotspot .text-shape {
    position: absolute;
    left: 0;
    top: 70%;
    z-index: 9;
    width: 100%
}

.section-hotspot:after {
    content: "";
    height: 30%;
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    background: linear-gradient(0deg, rgba(14, 14, 14, 1) 0%, rgba(14, 14, 14, 0) 100%);
}

.section-hotspot .ekit-wid-con .ekit-map-image {
    width: 100%;
    height: 700px;
}

.section-hotspot .ekit-wid-con .ekit-map-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-hotspot .text-shape h2 {
    font-family: AwkwardExt;
    font-weight: 500;
    font-size: 500px;
    display: inline-block;
    line-height: 275px;
    letter-spacing: -10.3965px;
    margin-bottom: 0;
    background: linear-gradient(135deg, #32a6a3 0, #c8ff00 100%), linear-gradient(180deg, #eee 0, #d8d8d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.section-hotspot .video-wrapper {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.hotspot-slider .hotspot-slide video,
.section-hotspot .video-poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2
}

.section-hotspot .hotspot-slider .ho-next,
.section-hotspot .hotspot-slider .ho-prev,
.section-hotspot .hotspot-slider .play-button {
    z-index: 3
}

.hotspot-poster {
    position: relative;
    transition: .25s ease-in-out;
    height: 100%
}

.hotspot-poster-img {
    height: 100%;
    width: 100%
}

.hotspot-poster-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.marker-first,
.marker-last {
    position: absolute;
    z-index: 1;
    width: 120px;
    color: rgba(26, 43, 99, .2);
    cursor: pointer
}

.marker-first .pin,
.marker-last .pin {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #000;
}
.marker-first .pin::before,
.marker-last .pin::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    color: inherit;
    -webkit-box-shadow: 0 0 0 15px currentColor;
    box-shadow: 0 0 0 15px currentColor;
    -webkit-animation: 3s cubic-bezier(.4, 0, 1, 1) infinite both pulsekm;
    animation: 3s cubic-bezier(.4, 0, 1, 1) infinite both pulsekm;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.marker-first .pin::after,
.marker-last .pin::after{
    content: "+";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 26px;
    margin-top: -5px;
}
.marker-first .icon,
.marker-last .icon {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.marker-first {
    left: 19%;
    top: 41%;
}

.marker-last {
    right: 19%;
    top: 41%;
}

.hotspot-video,
.hotspot-video-list,
.section-hotspot-maps>*,
.section-hotspot-maps>*>img {
    width: 100%;
    height: 100% !important
}

.section-hotspot-maps {
    width: 100%;
    height: 100%
}

.hotspot-video,
.hotspot-video-list video {
    position: absolute;
    top: 0;
    left: 0;
    height: 700px;
    width: 100%;
    object-fit: cover
}

.hotspot-poster.active {
    animation: .5s ease-in forwards video_fadeout
}

.section-hotspot-maps.show {
    animation: 1.5s ease-in .5s forwards video_fadein
}

.section-hotspot .ekit-wid-con .ekit-location_inner {
    border-radius: 50px
}

.hotspot-logo-wrap {
    position: relative;
}
.marker-first .text, .marker-last .text{
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-shadow: 2px 2px #fff;

}
.hotspot-logo {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 20px;
    transition: opacity 0.25s ease-in-out;
}

.header-area .menu-bar {
    width: auto !important;
}

.mobile-menu-bar {
    position: relative;
    width: 44px;
    height: 44px;
    background-color: #fff;
    padding: 10px;
    border: 1.5px solid #000;
    border-radius: 8px;
}

.mobile-menu-bar .open-menu {
    top: 15px;
    display: block;
}

.mobile-menu-bar .open-menu:after,
.mobile-menu-bar .open-menu:before {
    display: block;
    content: "";
}

.mobile-menu-bar .open-menu,
.mobile-menu-bar .open-menu:after,
.mobile-menu-bar .open-menu:before {
    position: absolute;
    width: 22px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 2px;
    background-color: #000;
}

.mobile-menu-bar .open-menu:before {
    top: 5px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity;
}

.mobile-menu-bar .open-menu:after {
    top: 10px;
}

.mobile-menu-bar .open-menu>img {
    display: none;
}

.section-hotspot .ekit-wid-con .ekit-location_indicator::before {
    content: "";
    width: 89px;
    height: 280px;
    position: absolute;
    left: -74px;
    top: -143px;
    z-index: -1;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
    width: 180px;
    height: 297px;
    left: -143px;
    top: -20px;
    background-image: url("../images/indoors.png");
}
.section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-804262b .ekit-location_indicator::before{
    background-image: url("../images/man.png");
}
.section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
    width: 192px;
    top: -120px;
    left: -44px;
    height: 230px;
    background-image: url("../images/IRL.png");
}
/* Blue */
.section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
    width: 505px;
    height: 473px;
    left: -304px;
    top: -148px;
    background-image: url("../images/Displays.png");
    background-position: top center;
}
/* .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-804262b .ekit-location_indicator::before{
    background-image: url("../images/man.png");
} */
.section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
    width: 328px;
    top: -335px;
    left: 0px;
    height: 592px;
    background-image: url(../images/Payments.png);
    background-position: center -52px;
}
@media screen and (min-width: 1240px) and (max-width: 1455px){
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
        width: 187px;
        height: 307px;
        left: -88px;
        top: -20px;
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-804262b .ekit-location_indicator::before{
        background-image: url("../images/man.png");
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 188px;
        top: -123px;
        left: -47px;
        height: 225px;
    }
    /* Blue */
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
        width: 377px;
        height: 473px;
        left: -225px;
        top: -99px;
        background-position: top center;
    }
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 332px;
        top: -393px;
        left: -40px;
        height: 648px;
        background-position: center 0;
    }
}
@media screen and (min-width: 1456px) and (max-width: 1789px){
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
        width: 206px;
        height: 341px;
        left: -98px;
        top: -26px;
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-804262b .ekit-location_indicator::before{
        background-image: url("../images/man.png");
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 211px;
        top: -131px;
        left: -68px;
        height: 249px;
    }
    /* Blue */
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
        width: 400px;
        height: 473px;
        left: -241px;
        top: -109px;
        background-position: top center;
    }
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 358px;
        top: -361px;
        left: -39px;
        height: 608px;
    }
}
@media screen and (min-width: 1790px) {
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
        width: 252px;
        height: 406px;
        left: -119px;
        top: -42px;
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-804262b .ekit-location_indicator::before{
        background-image: url("../images/man.png");
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 253px;
        top: -154px;
        left: -82px;
        height: 303px;
    }
    /* Blue */
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 444px;
        top: -442px;
        left: -48px;
        height: 697px;
        background-position: center -52px;
    }
}
@media screen and (max-width: 767px) {
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before{
        width: 85px;
        height: 137px;
        left: -84px;
        top: -15px;
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-804262b .ekit-location_indicator::before{
        background-image: url("../images/man.png");
    }
    .section-hotspot .elementor-element-7d7018f .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 82px;
        top: -50px;
        left: -13px;
        height: 98px;
    }
    /* Blue */
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-55e7a08 .ekit-location_indicator::before {
        width: 172px;
        height: 222px;
        left: -140px;
        top: -46px;
        background-position: top center;
    }
    .section-hotspot .elementor-element-9cd86dc .ekit-wid-con .elementor-repeater-item-f932e15 .ekit-location_indicator::before{
        width: 136px;
        top: -111px;
        left: 16px;
        height: 278px;
        background-position: center -52px;
    }
}
.section-hotspot .ekit-wid-con .ekit-location-wraper .ekit-location:hover .ekit-location_indicator::before {
    opacity: 1;
}
.home-faq{
    margin-top: 180px;
}
#scroll-contact .contact-page-title img{
    cursor: pointer;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color: #fff;
    opacity: 0.7;
}
.wishlist-area .row.justify-content-end {
    padding-top: 190px !important;
}
.content-active-wrap .content-wrapper .icon img{
    height: 80px;
}
@media (min-width:1450px) {
    .section-hotspot .ekit-wid-con .ekit-location_indicator::before {
        width: 92px;
        height: 300px;
    }
}

@media (min-width:1511px) {
    .section-hotspot .ekit-wid-con .ekit-location_indicator::before {
        width: 99px;
        height: 320px;
        left: -83px;
        top: -153px;
    }
}

@media (min-width:1687px) {
    .section-hotspot .ekit-wid-con .ekit-location_indicator::before {
        width: 111px;
        height: 360px;
        left: -98px;
        top: -166px;
    }
}
@media (min-width:1201px) and (max-width:1399px) {
    .section-hotspot .text-shape h2{
        font-size: 430px;
        line-height: 236px;
    }
}
@media (min-width:980px) and (max-width:1200px) {
    .section-hotspot .text-shape h2{
        font-size: 344px;
        line-height: 204px;
    }
    .wishlist-area .row.justify-content-end {
        padding-top: 160px !important;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .section-hotspot .ekit-wid-con .ekit-location_indicator::before {
        left: -97px;
        top: -145px;
    }
    
}

@media (max-width:767px) {
    .section-hotspot {
        height: 300px;
        align-items: start;
        padding-top: 50px
    }
    .home-faq{
        margin-top: 100px;
    }
    .section-hotspot .ekit-wid-con .ekit-location_indicator::before {
        width: 45px;
        height: 147px;
        left: -38px;
        top: -67px;
    }

    .hotspot-logo {
        max-width: 44px;
        top: -40px;
    }

    .marker-first,
    .marker-last {
        width: 50px;
    }
    .marker-first .pin::before, .marker-last .pin::before,
    .marker-first .pin, .marker-last .pin{
        width: 18px;
        height: 18px;
    }
    .marker-first .pin::after, .marker-last .pin::after{
        font-size: 17px;
    }
    .marker-first .text, .marker-last .text{
        text-shadow: 1px 1px #fff;
    }
    .marker-first {
        left: 17%;
        top: 30%;
    }

    .marker-last {
        right: 9%;
        top: 46%;
    }

    .hotspot-content {
        position: absolute;
        width: 100px;
        top: 26px;
        right: 0;
    }

    .hotspot-content a {
        width: 100px;
        font-size: 12px;
        margin-bottom: 20px
    }

    .section-hotspot .text-shape {
        top: 74%;
    }
    .section-hotspot .text-shape.hideZ{
        z-index: 1 !important;
    }
    .hotspot-content a .icon img {
        width: 30px
    }

    .section-hotspot .text-shape h2 {
        font-size: 8.35rem;
        line-height: 5rem;
        letter-spacing: 2px;
    }

    .section-hotspot .text-shape h2+h2 {
        position: relative;
        top: -23px;
    }
    .marker-first .text, .marker-last .text{
        font-size: 14px;
        font-weight: normal;
    }
    .wishlist-text {
        padding-left: 40px;
    }

    .hotspot-video,
    .hotspot-video-list video,
    .section-hotspot .ekit-wid-con .ekit-map-image {
        height: 300px;
    }

    .wishlist-area {
        padding: 10px 0 !important;
    }

    .wishlist-area .row.justify-content-end.pb-105 {
        padding-top: 70px !important;
        padding-bottom: 50px !important;
    }

    .wishlist-form .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .wishlist-form .col-xl-3.col-lg-6 {
        flex: 0 0 auto;
        width: 33%;
    }

    body .logo img {
        width: 170px;
    }

    body .header-separator {
        padding: 0 15px 0 5px;
    }

    .wishlist-form .input-btn input {
        height: 54px !important;
        font-size: 20px !important;
        width: 80% !important;
        border-width: 1px !important;
    }

    .wishlist-form .input-wrap input {
        height: 54px !important;
        background-color: transparent !important;
        font-size: 20px !important;
        border-width: 1px !important;
    }

    .wishlist-form .input-wrap.email input {
        width: 150px;
    }

    .wishlist-form .row.w-form-row:nth-child(1) {
        margin-right: 20%;
    }

    .section-hotspot .ekit-wid-con .ekit-location_inner {
        border-radius: 30px
    }

    .mobile-menu-wrapper .menu-logo {
        display: inline-block;
        max-width: 44px;
    }
    .content-active-wrap .content-wrapper .icon img{
        height: 60px;
    }
    body .ekit-wid-con .ekit-location_outer{
        min-width: 250px !important;
        width: 250px !important;
        bottom: 0;
    }
    .elementor-128 .elementor-element.elementor-element-9cd86dc .elementor-repeater-item-55e7a08 .ekit-location_outer,
    .elementor-145 .elementor-element.elementor-element-7d7018f .elementor-repeater-item-55e7a08 .ekit-location_outer{
        margin-left: 14vw !important;
        top: -150px !important;
    }
    .elementor-128 .elementor-element.elementor-element-9cd86dc .elementor-repeater-item-f932e15 .ekit-location_outer{
		left: -100px !important;
    }
    .elementor-145 .elementor-element.elementor-element-7d7018f .elementor-repeater-item-f932e15 .ekit-location_outer{
        bottom: -50px !important;
    } 
}

@keyframes video_fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes video_fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-moz-keyframes video_fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-o-keyframes video_fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-ms-keyframes video_fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes video_fadein {
    0% {
        opacity: 0;
        visibility: hidden;
        display: none
    }

    100% {
        opacity: 1;
        visibility: visible;
        display: block
    }
}

@-ms-keyframes slide {
    from {
        opacity: .4;
        margin-left: 100%
    }

    to {
        opacity: 1;
        margin: 0
    }
}

@-o-keyframes slide {
    from {
        opacity: .4;
        margin-left: 100%
    }

    to {
        opacity: 1;
        margin: 0
    }
}

@keyframes slide {
    from {
        opacity: .4;
        margin-left: 100%
    }

    to {
        opacity: 1;
        margin: 0
    }
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}