﻿
.dnnpane > .DNNEmptyPane > .subHead {
    display: block;
}

.maincontentdiv, .maincontentdiv2, .ettelaatShahri {
    padding: 5px 140px 5px 140px;
}

.head_botImage {
    padding: 0px 140px 0px 140px;
    margin-bottom: 25px;
    overflow: hidden;
    min-height: 150px;
    min-width: 400px;
    max-height: 430px;
}

    .head_botImage img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.68504 0.28608 0.028880000000000003 0 0 0.08504 0.88608 0.028880000000000003 0 0 0.08504 0.28608 0.62888 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: grayscale(40%) brightness(60%);
                filter: grayscale(40%) brightness(60%);
        min-height: 150px;
    }

.c-breadcrumb_home {
    width: 20px;
    height: 20px;
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s;
}

.breadcrumbdiv {
    padding: 0px 140px 0px 140px;
    position: absolute;
    top: 120px;
    right: 130px;
    font-size: 24px;
    font-family: "B Roya";
    color: #fff;
    -webkit-transition: top 1s cubic-bezier(.215,.61,.355,1);
    transition: top 1s cubic-bezier(.215,.61,.355,1);
}

.PageTitlediv {
    padding: 0px 140px 0px 140px;
    position: absolute;
    top: 170px;
    right: 120px;
    font-size: 50px;
    font-family: "B Roya";
    color: #fff;
    -webkit-transition: top 1s cubic-bezier(.215,.61,.355,1);
    transition: top 1s cubic-bezier(.215,.61,.355,1);
}

.PageTitlespan {
    font-size: 50px;
    font-family: "B Roya";
}

.breadcrumbdiv a {
    padding-left: 10px;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a {
    text-decoration: none;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

    #dnn_dnnBREADCRUMB_lblBreadCrumb a:hover {
        color: #70bab1;
    }

.c-breadcrumb_home:hover {
    fill: #70bab1;
}



/***************************** Main Body ********************************/

.prefooterdivs {
    max-height: 450px;
    min-height: 250px;
    display: block;
    position: relative;
}

.prefootercentents {
    padding: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .prefootercentents img {
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .prefootercentents:hover img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.68504 0.28608 0.028880000000000003 0 0 0.08504 0.88608 0.028880000000000003 0 0 0.08504 0.28608 0.62888 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: grayscale(40%) brightness(60%);
                filter: grayscale(40%) brightness(60%);
    }

.footercontent {
    display: block;
    position: absolute;
    width: 100%;
    margin-top: -130px;
    overflow: hidden;
}

.main_toggle_item_content {
    display: none;
}

.main_toggle_item_title *, .main_toggle_item_title {
    font-size: 20px;
    font-weight: bold;
}

.main_toggle_item_title {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    display:inline-block !important;
    width:100% !important;
}

.main_toggle_headertext {
    float: right;
    width:60%;
}

.Amj_Internal_main_toggle {
    border-bottom: 1px solid #d7d7d7;
    margin: 0;
}

    .Amj_Internal_main_toggle > li {
        list-style: none;
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
        padding: 10px;
        border-top: 1px solid #d7d7d7;
        display: block;
    }

        .Amj_Internal_main_toggle > li:hover {
            background-color: #f3f3f3;
        }

.main_toggle_item_content {
    width: 90%;
    background-color: #f3f3f3;
}
.main_toggle_plus {
    float: left;
    width: 20px;
    height: 20px;
}
.main_toggle_plus:before {
    content: url(http://region22.tehran.ir/Portals/0/Image/1396/drop.png);
    float: left;
}

.main_toggle_button {
    position: absolute;
    float: left;
    left: 25px;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.Amj_Internal_main_toggle:hover .main_toggle_button {
    color: #000;
}

/******************** Media Queries *****************************/

@media screen and (min-width: 1600px) {

}

@media screen and (min-width: 1200px) and (max-width:1599px) {

    .maincontentdiv, .maincontentdiv2, .head_botImage, .ettelaatShahri {
        padding: 5px 100px 5px 100px;
    }
}

@media screen and (min-width: 1000px) and (max-width:1199px) {
    .maincontentdiv, .maincontentdiv2, .head_botImage, .ettelaatShahri {
        padding: 5px 60px 5px 60px;
    }
}

@media screen and (min-width: 700px) and (max-width:999px) {
    .head_botImage {
        padding: 0px;
    }

    .maincontentdiv, .maincontentdiv2, .ettelaatShahri {
        padding: 20px;
    }

    .footercontent {
        margin-top: 0;
        position: relative;
    }
}

@media screen and (max-width:699px) {

    .footerInsider, .head_botImage {
        padding: 0px;
    }

    .maincontentdiv, .maincontentdiv2 {
        padding: 20px;
    }

    .ettelaatShahri {
        padding: 0;
    }

    .footercontent {
        position: relative;
        margin-top: 0;
    }

    .breadcrumbdiv {
        padding: 0;
        top: 30px;
        right: 40px;
        font-size: 24px;
    }

    .PageTitlediv {
        padding: 0;
        top: 80px;
        right: 40px;
        font-size: 50px;
    }

    .PageTitlespan {
        font-size: 35px;
    }

    .main_toggle_item_content {
        display: none;
    }

    .Amj_Internal_main_toggle > li > h3 {
        cursor: pointer;
        font-size: 20px;
        font-weight: bold;
        padding: 5px;
    }

    .Amj_Internal_main_toggle {
        border-bottom: 1px solid #d7d7d7;
        margin: 0;
    }

        .Amj_Internal_main_toggle > li {
            list-style: none;
            -webkit-transition: background-color .5s;
            transition: background-color .5s;
            padding: 10px;
            border-top: 1px solid #d7d7d7;
        }

            .Amj_Internal_main_toggle > li:hover {
                background-color: #f3f3f3;
            }

    .main_toggle_item_content {
        width: 90%;
        background-color: #f3f3f3;
    }

    .main_toggle_button {
        position: absolute;
        float: left;
        left: 25px;
        display: inline-block;
        width: 20px;
        height: 20px;
    }
}

/********************End Media Queries *****************************/


