body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
            background-color: blueviolet!important;
            color: #fff;
            font-family: 'Roboto Condensed';  
        }

        .main-container {
            position: relative;
            width: 100%;
            height: 100%;
        }


        .video-container {
            
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            width:64.3%;
            height: 77%;
            background-color: rgba(0, 0, 0, 0.9);
        }

        .video-container video {
            
            padding: 0;
            margin:0;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
        }

                .video-container video2 {
            position: absolute;
            z-index: 9999;
            padding: 0;
            margin:0;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
        }





.bottom-container {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 23vh;
    background-color: #09070b;
    border-top: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.bottom-container holders {
    width: 100%;
    border: 0px solid #FFF;
    box-sizing: border-box;
    margin:0;
    padding: 0%;

}

.bottom-container holders img {
    margin-top: -5%;
    margin-left: 7%;
    width: 80%;
    max-width: 421px;
    height: auto;
}

.bottom-container holders:last-child img {
    position: relative;
    z-index: 2;
}

.right-container {
            position: absolute;
            top: 0;
            right: 0;
            width: 35.7%;
            height: 78%;
            background-color: #09070b;
            border-left: 1px solid #fff;
            display: flex;
            align-items: center;
}
.cart{
    position: relative;

}

.topflex{
    position: relative;
        display: flex;



}
.THEPATHS
{
letter-spacing: 2vh;
position: relative;
text-align: center;
margin-top: 2%;
margin-bottom: 0.5%;
padding-bottom: 2%;
padding-top: 2%;
width: 100%;
height;font-size: 3vh;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.righttoptext {
    position: relative;
    padding: 4%;
    padding-top: 2%;
    font-family: 'Roboto Czondensed';
    line-height: 140%;
    font-size: 1.4vh;
    width: 90%;
    height: 100%;
    font-family: 'Roboto Condensed';
    overflow: auto;
}

.righttoptext demo img{

    position: aboslute;
    bottom: 0%;
    width: 40%;
    max-width: 489px;
}
               .righttoptext a {

            font-size: 120%;
            text-transform: uppercase;
        }
        .hide{
            position: absolute;
            z-index: 9;
            display: none;
            margin-bottom:0%;
            margin-right: 0%;
            width: 80%;
            line-height: 150%;
            font-size: 1.5vh;
            border: 1px solid rgb(255, 255, 255, 0.1);
            background-color:#09070b;
            opacity: 0.95;
            padding:3%;
        }

        .hide.expanded {
    display: block;
  }

.links{

    display: flex;
    width: 100%;
}
.demo{


margin-top:1%;
     width: 45%;
     
}

.price{
    position: relative;
    bottom:0%;
    margin-left:43%;
    margin-top: 10%;
    width: 45%;
    font-size: 1.5vh;
       transform: scale(1, 0.8);
}

.priceN{

        color: goldenrod;
       text-align: right;
       padding-right: 3%;

}
.priceN op{
font-size: 1vh;
}