@font-face {
    font-family: 'Satoshi-reg';
    src: url('../fonts/Satoshi-Regular.woff2'); 
}
@font-face {
    font-family: 'Satoshi-med';
    src: url('../fonts/Satoshi-Medium.woff2'); 
}
body{
    /*background-color: #18212e;*/
    background-color: #f5f6fd;
    /*background-image: url('../img/bg.jpg');*/
    /*background-position: center top;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    font-family: Satoshi-reg;
}
.box-bg{
    /*background-color: #1e2939;*/
    background-color: #fff;
}
.custom-title{
    font-family: Satoshi-med;
    font-size: 22px;
    font-weight: 700;
    /*color: #fff;*/
    color: #000;
}
.custom-desc{
    font-family: Satoshi-reg;
    font-size: 18px;
    /*color: #bababa;*/
    color: #7c7c7c;
}
.title-text{
    font-family: Satoshi-med;
    font-size: 24px;
    /*color: #fff;*/
    color: #3c3c3c;
}
.desc-text{
    font-family: Satoshi-reg;
    font-size: 16px;
    /*color: #c6c6c6;*/
    color: #8d8c8c;
}
#player{
border-radius: 10px;
overflow: hidden;
}
#showVideo video,#showVideo2 video{
border-radius: 10px;
width: 100%;
}
#video{
width: 100%;
height: 350px;
background-color: #141414;
}
#map{
width: 100%;
height: 550px;
}
#wpadminbar{
    display: none;
}

.active-drone-marker {
    width: 20px;
    height: 20px;
    background-color: yellow;
    border-radius: 50%;
    border: 2px solid #FFD700;
    box-shadow: 0 0 5px rgba(255, 215, 0, 0.7);
    cursor: pointer;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

.login-bg{
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}