@font-face {
    font-family: 'IRAN_Sans';
    src: url('../Fonts/IRAN_Sans.eot') format('embedded-opentype'), url('../Fonts/IRAN_Sans.otf') format('opentype'), url('../Fonts/IRAN_Sans.svg') format('svg'), url('../Fonts/IRAN_Sans.ttf') format('truetype'), url('../Fonts/IRAN_Sans.woff') format('woff'), url('../Fonts/IRAN_Sans.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir-Bold';
    src: url('../Fonts/Vazir-Bold.eot') format('embedded-opentype'), url('../Fonts/Vazir-Bold.ttf') format('truetype'), url('../Fonts/Vazir-Bold.woff') format('woff'), url('../Fonts/Vazir-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir';
    src: url('../Fonts/Vazir.eot') format('embedded-opentype'), url('../Fonts/Vazir.ttf') format('truetype') url('../Fonts/Vazir.woff') format('woff') url('../Fonts/Vazir.woff2') format('woff2');
}



/*Meno*/
.remove_bullet {
    list-style-type: none !important;
    top: 10px;
    margin-right:-100px !important;
}

.navbar20 {
    overflow: hidden;
    background-color: none;
    font-family: Vazir-Bold;
    direction: rtl;
    float: right;
    margin-top: -8px;
}

    .navbar20 a {
        float: right;
        font-size: 16px;
        color: #480a43;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

.subnav20 {
    float: right;
    overflow: hidden;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    text-decoration: none;
}

    .subnav20 .subnav20btn {
        font-size: 13px;
        border: none;
        outline: none;
        color: white;
        padding: 10px;
        font-family: Vazir-Bold;
        padding: 15px 15px 0 15px;
        margin-top: 8px;
        background-color: #3D464D !important;
        text-decoration: none;
    }

    .navbar20 a:hover, .subnav20:hover .subnav20btn {
        border-bottom: red;
    }

.subnav20-content {
    display: none;
    position: absolute;
    right: 0;
    margin-right:-50px !important;
    width: 100%;
    z-index: 100;
}

    .subnav20-content a {
        float: right;
        color: white;
        text-decoration: none;
    }

        .subnav20-content a:hover {
            background-color: #eee;
            color: black;
        }

.subnav20:hover .subnav20-content {
    display: block;
}


.dropdown20 {
    float: right;
    overflow: hidden;

}



    .dropdown20 .dropbtn20 {
        font-family: Vazir-Bold;
        font-size: 13px;
        border: none !important;
        outline: none;
        color: #480a43;
        padding:3.6px;
        background-color: floralwhite;
        height: 40px !important;
        margin: 0;
    }

        .dropdown20 .dropbtn20 h2 {
            font-family: Vazir-Bold;
            font-size: 14px;
            border: none !important;
            margin-right:10px;
        }
        .navbar20 a:hover, .dropdown20:hover .dropbtn20 {
        /*border-bottom: 2px solid red;*/
    }

.dropdown20-content {
    display: none;
    position: absolute;
    background-color: none;
    width: 100%;
    right: 0;    
    z-index: 1;
}


.dropdown20-content .header01 {
    background-color: whitesmoke;
    /*padding: 6px;*/
    color: darkblue;
}

    .dropdown20-content .header01 h2 {
        display: inline-block;
        margin: 10px 10px 10px 15px;
        font-family: Vazir-Bold !important;
        font-size: 14px !important;
    }

.dropdown20:hover .dropdown20-content {
    display: block;
}

/* Create three equal column20s that floats next to each other */
.column20 {
    float: right;
    width: 20%;   
    background-color: white;
    height: 400px;
}
    .column20 p {
        font-family: Vazir-Bold;
        font-size: 16px;       
        color: coral;
        height:8px;
        margin:20px 0 25px 0;
    }
    .column20 h3 {
        font-family: Vazir-Bold;
        font-size: 14px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: blueviolet;
        text-align: right;
    }

    .column20 a {
        float: none;
        color: black;
        padding: 3px;
        text-decoration: none;
        display: block;
        text-align: right;
        font-size: 13px;
        margin-right: 10px;
    }

        .column20 a:hover {
            background-color: blanchedalmond;
            width: 90%;
        }

    .column20 .col_p20:hover {
        background-color: white !important;
        width: 90%;
    }

      

/* Clear floats after the column20s */
.row01:after {
    content: "";
    display: table;
    clear: both;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}




/**/


.g-scrolling-carousel .items {
    padding: 5px 0;
}

    .g-scrolling-carousel .items img {
        display: inline-block; /* notice the comments between inline-block items */
        margin-right: 10px;
        width: 170px;
        height: 150px;
        line-height: 150px;
        box-shadow: 0 0 5px #000;
        text-align: center;
    }


@media only screen and (min-width: 720px) {
    main {
        background: #f9f9f9;
        width: 650px;
        padding: 40px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 2px 1px 6px #777;
        padding-bottom: 50px;
    }
}