@font-face {
    font-family: 'iransans';
    src: url('../fonts/woff/IRANSansWeb300.woff') format('woff');
}


.mainLogo {
    text-align: center;
}


    .mainLogo img {
        height: 116px;
        width: 124px;
    }

body, html {
    height: 100%;
    overflow-y: hidden
}


.mainVideo {
    height: 100vh
}

.videoList {
    height: 100vh;
    overflow: auto
}


@media(max-width:716px) {
    body, html {
        height: 100%;
        overflow-y: auto
    }

    .mainVideo {
        height: auto
    }

    .videoList {
        height: auto;
        margin-bottom: 1rem
    }

    video {
        height: auto !important
    }
}


body {
    font-family: iransans
}

video {
    width: 100%;
    height: 100vh
}


ul {
    padding: 0
}

li {
    list-style: none;
    padding-right: 5px
}

.video-list li::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(/images/videoPlayIcon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle
}

.vid-Title {
    font-size: 14px;
    font-weight: bold;
    color: #626262;
    padding-right: 4px
}



.accordion-button {
    padding: 7px;
}

ul {
    margin: 0
}

.accordion-body {
    padding: 6px;
}

.vid-links {
    cursor: pointer
}


#accordionExample {
    margin-top: 1rem
}