.icoplay {
    width: 50px;
    height: 50px;
}
body{
    position: relative;
    background: url('/land_assets/media/moon-bg-min.jpg');
    background-position: center;
    position: relative;
    background-size: cover;
    color: white;
}
.dark-overlay{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.flex-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    background: repeat-y  left/10% url('/land_assets/media/rama-left-min.png'),
                repeat-y  right/10% url('/land_assets/media/rama-right-min.png'),
                repeat-x  bottom/40% url('/land_assets/media/rama-bottom-min.png'),
                repeat-x  top/40% url('/land_assets/media/rama-top-min.png');

    
    height: 100vh;
    
    /* padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); */
    /* background-position: center center; */
    position: relative;
    z-index: 2;
}
.video-block{
    width: 60%;
}
.left, .right{
    width: 20%;
}
.left{
    text-align: right;
    position: relative;
    display: flex;
    align-items: center;
}
.left img{
    width: 316px;
    height: auto;
    position: absolute;
    right: 0;
    transform: translateX(24.5%);
    z-index: 1;
    max-width: 100%;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.8));
}
.right{
    display: flex;
    text-align: left;
    position: relative;
    align-items: center;
    
}
.right img{
    width: 345px;
    height: auto;
    position: absolute;
    left: 0px;
    transform: translateX(-12.8%);
    z-index: 1;
    max-width: 100%;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.8));
}
@media(max-width: 500px){
    #videoContainer.small .overlay .button{
        width: 50px !important;
        height: 50px !important;
    }
    .icoplay {
        width: 30px;
        height: 30px;
    }
    #videoContainer #controls{
        height: 30px;
    }
}
.snowContainer{
    position: relative;
}
#snow {
	width: 100%;
	height: 100%;
	background-image: url("/land_assets/media/snow_1.png"), url("/land_assets/media/snow_2.png"), url("/land_assets/media/snow_3.png");
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
    position: absolute;
}
@keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}
	100% {
		background-position: 500px 1000px, 400px 400px, 300px 300px;
	}
}

@-moz-keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}
	100% {
		background-position: 500px 1000px, 400px 400px, 300px 300px;
	}
}

@-webkit-keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}
	100% {
		background-position: 500px 1000px, 400px 400px, 300px 300px;
	}
}

@-ms-keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}
	100% {
		background-position: 500px 1000px, 400px 400px, 300px 300px;
	}
}