﻿.active {
    visibility: visible !important;
    opacity: 1 !important;
}

.festivalmobile.page .linknavbar .item-category div {
    background: rgb(245, 245, 245);
    padding: 15px;
    text-align: justify;
    -webkit-box-shadow: 8px 9px 0px -4px rgba(214,214,214,1);
    -moz-box-shadow: 8px 9px 0px -4px rgba(214,214,214,1);
    box-shadow: 8px 9px 0px -4px rgba(214,214,214,1);
}

.festivalmobile.page .linknavbar .item-category span.menutitle {
    top: 0;
    color: black;
    font-size: 13px;
    font-family: b homa,calibri;
}

.festivalmobile.page .linknavbar .item-category {
    height: auto;
    width: 75%;
    overflow: initial;
}

@media (max-width: 598px) {
    div.borderpage {
        display: none;
    }
}

@media (max-width: 979px) {

    .maintext div.test {
        display: none;
    }

    div.festivalmobile.page {
        display: block;
    }
}


@media (min-width: 599px) {
    div.festivalmobile {
        display: none;
    }
}

.festivalmobile .linknavbar {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}



    .festivalmobile .linknavbar .links-container .drpmnu {
        width: 100%;
        margin-right: -10px;
        background: white;
        border: 1px solid #dcdcdc;
        z-index: 1000000;
    }



    .festivalmobile .linknavbar .links-container .link::before {
        content: "";
        position: relative;
        left: -20px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #dcdcdc;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
    }

    .festivalmobile .linknavbar .links-container .link:hover::before {
        visibility: visible;
        opacity: 1;
    }

    .festivalmobile .linknavbar .links-container .drpmnu.vmone::before {
        left: 55%;
    }

    .festivalmobile .linknavbar .links-container .drpmnu.vmtwo::before {
        left: 51%;
    }

    .festivalmobile .linknavbar .links-container .drpmnu.vmthree::before {
        left: 46%;
    }

    .festivalmobile .linknavbar .links-container .drpmnu.vmfour::before {
        left: 42%;
    }

    .festivalmobile .linknavbar .drpmnu {
        visibility: hidden;
        opacity: 0;
        margin-top: 10px;
        position: absolute;
        z-index: 1000;
        padding: 20px;
        padding-bottom: 5px;
        -webkit-transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
    }

    .festivalmobile .linknavbar .links-container .link.vmone .drpmnu.vmone {
        visibility: visible;
        opacity: 1;
    }

    .festivalmobile .linknavbar .links-container .link:hover .drpmnu {
        visibility: visible;
        opacity: 1;
    }

    .festivalmobile .linknavbar .links-container a.link {
        background: white;
        /*padding: 5px;*/
        border-top: 1px solid rgba(42, 42, 42, 0.1);
        /*padding-bottom: 15px;*/
        font-family: b homa;
        font-size: 13px;
        /*padding-left: 20px;*/
    }

    .festivalmobile .linknavbar .item-category img {
        width: 100%;
        -webkit-transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
    }

    .festivalmobile .linknavbar .item-category {
        width: 220px;
        height: 100px;
        overflow: hidden;
        margin-left: 15px;
        display: inline-block;
        margin-bottom: 15px;
    }

        .festivalmobile .linknavbar .item-category span.menutitle {
            position: relative;
            top: -120%;
            color: white;
            font-family: b yekan,calibri;
            font-size: 20px;
        }

        .festivalmobile .linknavbar .item-category div {
            background: black;
        }

        .festivalmobile .linknavbar .item-category:hover img {
            opacity: 0.5;
        }
