.sec1{
    background-image:
        linear-gradient(to bottom, rgb(0 0 0 / 68%), rgb(0 0 0 / 0%)),
        url("/img/fts2.png");
    background-size: cover;
}
.grd{background: linear-gradient(180deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);}
.sec2{
    background-size: cover; background-position: center;
}
header{z-index: 99}
.vh-75{height: 80vh;}
.ftz-24{font-size: 24px;}
.clrs{color: #faea00!important;}
.sleng{    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px; letter-spacing: 5px;
    text-shadow: 1px 1px 2px black, 0 0 1em black;
}
body{font-family: Jost;}
.btms{bottom: -55px;}
.bg-clsr{    background-color: rgb(0 0 0 / 80%);    border-radius: 5px;}
.pysd-1 {
    padding-top: 0.375rem!important;
    padding-bottom: 0.375rem!important;
}
.slds{height: 85%;
    z-index: -1;
    bottom: -35px;
    left: 45px;
}
.rtr{
    width: 50%;    right: 10px;    bottom: 45px;    z-index: -1;
}
.title-onas{    font-size: 45px;    font-weight: bold;   font-family: Jost; text-transform: uppercase;    bottom: -35px !important;}
.bg-opbg{background-color: rgb(0 0 0 / 80%);}
.live{background-color: transparent !important;
    color: white !important;}
.mshow{display: none !important;}
.bgdrt{background-color: #171717}
.w-380{width: 380px;}
.info-bg{background-color: #303030}
.rtr2 {
    width: 50%;
    left: -100px;
    top: -85px;
    z-index: -1;
}
.abst{    position: absolute;    top: -145px;}
.slds2 {
    height: 250px;
    z-index: -2;
    top: -120px;
    right: 40px;
}
.sli-title{    font-size: 20px;    font-weight: bold;    text-align: center;}
.fnts-18{    font-size: 28px;}
.fnts-22{    font-size: 22px;}
.opacity-25{    opacity: 0.5;}
.ptsd{    padding: 150px 0 50px 0;}
.pdtersd{padding-bottom: 80px !important;}
.w-33{width: 33% !important;}
.histext{font-size: 35px;    font-weight: bold; cursor: pointer}
.ft-16{font-size: 18px;}
.ft-20{font-size: 20px;}
.b-footer{    padding: 80px 0 80px 0;
    background-image: linear-gradient(to bottom, rgb(245 246 252 / 15%), rgb(255 255 255 / 15%)), url(/img/bffooter.svg); }
.ftrs{font-weight: 600}
.ftstr{font-size: 35px;
    font-weight: 700;}
.bgsin{  background: rgb(23,23,23);
    background: linear-gradient(0deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 50%, rgba(23,23,23,1) 100%); }
.bgbgbg{background-color:#171717}
.vbj {
    padding: 15px 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    right: 0px!important;
    bottom: 0px!important;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s;
    margin: auto!important;
}
.pactive {color:#faea00}
.fnt-14{font-size: 14px;}
.hv-show .bg-opbg{display: none}
.w-dths {
    max-width: 800px !important;
}
.opocity-01{opacity: 0.1}
#exampleModal333 .modal-header{border-bottom: 0px !important;}
#exampleModal333 .modal-footer{border-top: 0px !important;}
#exampleModal333 .modal-content{background-color: black}

@media screen and (max-width: 800px) {
    .hv-show .bg-opbg{display: flex}
    .mshow{display: none;}
    .hide{display: none;}
    .mob-js-end{justify-content: end !important;}
    .sec1{background-position: center}
    .sleng {
        color: white;        text-transform: uppercase;        font-weight: 700;
        font-size: 33px;        letter-spacing: 5px;        text-shadow: 1px 1px 2px black, 0 0 1em black;
        text-align: center;
    }
    .btms {
        bottom: -285px;
    }
 
    .bg-clsr {
        background-color: rgb(0 0 0 / 89%);
        border-radius: 5px;
    }
    .btms .form-group{margin: 10px 0 10px 0}
    .title-onas {
        font-size: 30px;
        font-weight: bold;
        font-family: Jost;
        text-transform: uppercase;
        bottom: -35px !important;
    }
    .w-100-mob{width: 100% !important;}
    .w-380{width: 90%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
    .abst {
        position: unset;
        top: unset;
    }
    .slds2 {
        height: 250px;
        z-index: -2;
        top: -15px;
        right: 40px;
    }
    .rtr2 {
        width: 50%;
        left: -100px;
        top: -15px;
        z-index: -1;
    }
    .mob-w-100{width: 80%}
    .fztrt{    font-size: 25px;}
    .w-33 {
        width: 100% !important;
    }
    .g-map iframe{width: 100% !important; height: 350% !important;}
    .msstrs{margin-top: 10px; margin-bottom: 10px;}
    .f-11{font-size: 12px;}
    .psts-py{padding-top: 5px !important; padding-bottom: 5px !important; }
    .bgsin {
        background: rgb(23,23,23);
        background: linear-gradient(0deg, rgba(23,23,23,1) 0%, rgb(23 23 23 / 44%) 50%, rgba(23,23,23,1) 100%);
    }

}