/**
 *
 * Apply Here your Custom CSS
 *
*/

body {
	
}

.page-body.loaded {
     -webkit-perspective: none;
     -moz-perspective: none;
     perspective: none;
 }


div#preview {
    min-width: 450px;
    min-height: 220px;
    position: absolute;
    background: rgba(0,0,0,.4);
}
#play-btn {
	border-top: 20px solid transparent;
	border-left: 30px solid #fff;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 45%;
	left: 45%;
}
div#x-btn{
    height: 32px;
    position: absolute;
    font-size: 30px;
    color: #fff;
    z-index: 99999;
    top: -40px;
    right: 0px;
    width: 32px;
    cursor: pointer;
}
div#player {
    position: absolute;
    z-index: 999999;
    background: #f1f1f1;
    width: 650px;
    height: 370px;
    display: none;
    top: 0;
    left: 0;
    transform: translate(50%,0%);
    align-items: center;
    justify-content: center;
}
.modale{
    position: absolute!important;
    width: 4000px;
    height: 1820px;
    top: 0!important;
    left: 0!important;
    background: rgba(0,0,0,.5)!important;
    z-index: 9999!important;
    transform: translate(-20%,-17%);
}