.enrol{
    padding-bottom: 100px;}

#enrolView{
overflow:hidden;
position:relative;}
#enrolThumb{
overflow:hidden;
    z-index: 9;}
.enrol .img{
    position: relative;
    width: 100%;}
.enrol .img .img_hezi{
    transition: .5s;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding-bottom: 56.25%;}
.enrol .img .none{
display:none !important;}


.vwrap {
    display: none;
    z-index: 1040000;
    width: 100%;
    position: fixed;}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;}

.vwrap .videobox {
    z-index: 1200;
    width: 1000px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    object-fit: cover;
    transform: translateY(-50%)
;}

.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    background: #000;}

.vwrap .videobox #videobox .img_hezi {
    padding-bottom: 60% !important
;}

.vwrap .videobox #videobox video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}

#videobox_wrapper {
    height: 100%!important;}

.vwrap .close {
    z-index: 999;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
    text-align: center;
    opacity: 1;}
.enrol .swiper-button-prev:after, .enrol .swiper-rtl .swiper-button-next:after{
    color: #fff;}
.swiper-button-next, .swiper-button-prev{
    color: #fff;}


#enrolView .ico {
    height: 100%;
    width: 100%;
    background: url(new_index/images/player.png) no-repeat center center;
    background-size: 5%;
    position: absolute;
    left: 0;
    top: 0;}
    
    
    @media (max-width: 1024px) {
    .vwrap .videobox {
        width: 94%;
        left: 3%;
        margin-left: 0;}
   
    .vwrap .close {
        right: 0;
        top: -35px;}

}


@media (max-width: 767px) {
    .enrol{
        padding-bottom:0;}
}