@font-face {
    font-family: 'IRANSans';
    src: url("../../Fonts/BYekan.eot");
    src: url("../../Fonts/BYekan.eot?#iefix") format("embedded-opentype"), url("../../Fonts/BYekan.woff2") format("woff2"), url("../../Fonts/BYekan.woff") format("woff"), url("../../Fonts/BYekan.ttf") format("ttf");
}

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

body {
    margin: 0;
    padding: 0;
    font-family: 'IRANSans';
    font-size: 13px;
    direction: rtl;
}

a {
    transition: all 0.3s;
    outline: 0 none;
}

    a img {
        border: 0 none;
    }

    a, a:active, a:hover, a:visited, a:link {
        text-decoration: none;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

.nw {
    white-space: nowrap;
}

.oh {
    overflow: hidden;
}

.w100 {
    width: 100%;
}

.center {
    text-align: center;
}

.ma {
    margin-left: auto;
    margin-right: auto;
}

.px14 {
    font-size: 14px;
}

.p5 {
    padding: 5px;
}

.badr {
    font-family: 'B Badr','2  Badr', 'Badr', Arial;
}

.zar {
    font-family: 'B Zar','2  Zar', 'Zar', Arial;
}

/*
.div_up_line {
    color: #383838;
    border-bottom: 1px solid #eaeaea;
    padding: 17px;
    font-size: 15px;
}

    .div_up_line span {
        color: #bdb6b9;
    }

.btn_orage_large, .btn_orage_large:active, .btn_orage_large:visited {
    background-color: #fbca00;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #fbca00;
}

    .btn_orage_large:hover {
        background-color: #fff;
        color: #fbca00;
        border: 1px solid #fbca00;
    }

.btn_white_large, .btn_white_large:active, .btn_white_large:visited {
    background-color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fbca00;
    border: 1px solid #fbca00;
}

    .btn_white_large:hover {
        background-color: #fbca00;
        color: #fff;
        border: 1px solid #fbca00;
    }

.txt_search {
    margin-top: 5px;
}

.div1 {
    width: 200px;
    height: 200px;
    border: 1px solid red;
    overflow: hidden;
    position: relative;
}

    .div1 .inner {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        border: 1px solid blue;
        transform: scale(0);
        transition: all 0.5s;
    }

    .div1:hover .inner {
        transform: scale(1);
    }

.div_menu_absolute {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1000;
}

.div_tile_box {
    position: relative;
    height: 230px;
}

    .div_tile_box .bg_image {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-size: 100% 100%;
    }

    .div_tile_box .orange {
        background-image: url(../../Image/User/yellow_opa.png);
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .div_tile_box .blue {
        background-image: url(../../Image/User/blue_opa.png);
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .div_tile_box .icon {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 50px;
        height: 50px;
        border: 1px solid red;
        border-radius: 50%;
        border: 2px solid #fff;
        text-align: center;
        line-height: 42px;
    }

    .div_tile_box .title {
        position: absolute;
        left: 80px;
        top: 10px;
        right: 5px;
        color: #fff;
        font-family: Candara;
        font-size: 30px;
    }

    .div_tile_box .desc {
        position: absolute;
        left: 80px;
        top: 55px;
        right: 5px;
        bottom: 5px;
        color: #fff;
        font-family: Arial;
        font-size: 19px;
        overflow-y: auto;
        overflow-x: hidden;
    }


.div_heading {
    font-family: Cambria;
    color: #fbca00;
    font-size: 33px;
    font-weight: bold;
}

    .div_heading span {
        color: #202a30;
    }

.div_maker {
    background-image: url(../../Image/User/marker.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 35px;
}

.div_desc_gray {
    color: #9e9c9c;
    font-family: Cambria;
    font-size: 20px;
}

.div_black_square {
    border: 1px solid #fbca00;
    position: relative;
    background-color: #1c1c1c;
    padding: 10px;
    float: left;
    width: 95px;
    height: 95px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.3s;
    color: #fff;
    text-align: center;
}

    .div_black_square:hover {
        background-color: #fff;
        color: #fbca00;
    }

    .div_black_square a {
        display: block;
        padding: 5px 7px;
        background-color: #fbca00;
        color: #fff;
        font-size: 12px;
        text-align: center;
        margin-top: -23px;
    }


.div_gray_bg {
    background-color: #f7f7f7;
}

.div_darkblue_service {
    color: #202a30;
    text-align: center;
    font-size: 33px;
    font-family: Candara;
}

.div_maker2 {
    background-image: url(../../Image/User/marker2.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
}

.div_service_left {
    background-color: #053636;
    padding: 70px 35px;
    height: 275px;
}

    .div_service_left .title {
        color: #fbca00;
        text-align: right;
        font-size: 26px;
    }

    .div_service_left .desc {
        color: #9b9c9c;
        text-align: right;
    }

    .div_service_left .more {
        color: #fff;
        text-align: right;
    }

.div_service_item {
    position: relative;
    height: 275px;
    overflow: hidden;
    margin: 0px 2px;
}

    .div_service_item .bg_image {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-position: center center;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

    .div_service_item .title {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 0px;
        right: 0px;
        padding: 10px;
        background-color: #fbca00;
        color: #fff;
        font-size: 16px;
        transition: all 0.5s;
    }

    .div_service_item .cover {
        background-image: url(../../Image/User/yellow_opa.png);
        position: absolute;
        left: 0px;
        right: 0px;
        height: 275px;
        top: -100%;
        transition: all 0.5s;
        text-align: center;
        font-size: 15px;
        padding: 20px;
    }

    .div_service_item:hover .title {
        background-color: #1c1c1c;
    }

    .div_service_item:hover .cover {
        top: 0%;
    }

.div_choose {
    overflow: hidden;
    margin-bottom: 10px;
}

    .div_choose .icon {
        display: table-cell;
        vertical-align: top;
        width: 65px;
    }

        .div_choose .icon .image {
            border: 2px solid #fbca00;
            background-color: #053636;
            transition: all 0.4s;
            text-align: center;
            color: #fff;
            height: 65px;
            position: relative;
        }

            .div_choose .icon .image .edge {
                background-image: url(../../Image/User/edge.png);
                background-position: right bottom;
                background-repeat: no-repeat;
                position: absolute;
                left: 0px;
                top: 0px;
                right: -2px;
                bottom: -2px;
            }

    .div_choose:hover .icon .image {
        background-color: #fbca00;
    }

    .div_choose .other {
        display: table-cell;
        vertical-align: top;
    }

        .div_choose .other .title {
            color: #202a30;
            padding-left: 15px;
        }

            .div_choose .other .title span {
                color: #fbca00;
            }

        .div_choose .other .desc {
            color: #9d9c9c;
            padding-left: 15px;
            font-size: 15px;
        }


.div_brand_pager {
    border-top: 1px solid #c9c9c9;
    background-color: #fbca00;
}

.div_brand_item {
    padding: 0px 50px;
}

.div_brand_left {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -10px;
    border: 1px solid red;
}

.div_brand_right {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    border: 1px solid red;
}

.div_footer_dark {
    background-image: url(../../Image/User/footer_dark_bg.jpg);
    background-position: center top;
    background-size: 100%;
}

.div_footer_header {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}

    .div_footer_header:after {
        content: " ";
        display: block;
        width: 50px;
        height: 2px;
        background-color: #fbca00;
    }

.txt_footer {
    background-color: #0c0c0c;
    border: 1px solid #0c0c0c;
    padding: 7px 15px;
    color: #8f8e8d;
    font-size: 17px;
    transition: all 0.4s;
    margin: 5px 0px;
}

    .txt_footer:focus {
        background-color: #0c0c0c;
        border: 1px solid #535353;
    }

.ul_footer_services {
    list-style-type: none;
    color: #c8c9c9;
    margin-right: 30px;
    padding: 0px;
}

    .ul_footer_services li {
        border-bottom: dashed 1px #454545;
    }

        .ul_footer_services li a {
            display: block;
            padding: 7px 12px;
            color: #c8c9c9;
            transition: all 0.3s;
        }

        .ul_footer_services li a:hover {
            color: #fbca00;
        }


.div_copyright {
    background-color: #262626;
    padding: 20px;
    text-align: center;
    color: #cccccc;
    font-size: 14px;
    font-family: Cambria;
}
    .div_copyright span {
        color: #fbca00;
    }

.ul_share_right {
    margin: 0px;
    padding: 0px;
    float: right;
    list-style-type: none;
    border: 1px solid #c8c9c9;
    border-right-width: 0px;
}
    .ul_share_right li {
        border-right: 1px solid #c8c9c9;
        float: left;
    }
        .ul_share_right li a {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            color: #c8c9c9;
            transition: all 0.3s;
            padding-top: 7px;
        }
        .ul_share_right li a:hover {
            background-color: #fbca00;
            color: #fff;
        }

.ul_share_bottom {
    margin: 20px 0px 0px 37px;
    padding: 0px;
    list-style-type: none;
}
    .ul_share_bottom li {
        float: left;
        margin-right: 5px
    }

        .ul_share_bottom li a {
            display: block;
            border: 1px solid #eaeaea;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            text-align: center;
            padding-top: 5px;
            color: #c8c9c9;
            transition: all 0.3s;
        }
            .ul_share_bottom li a:hover {
                background-color: #fbca00;
                color: #fff;
            }
*/

.div_menu_opacity {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    padding: 7px;
    padding-bottom: 0px;
    z-index: 1000;
}

.div_menu_dark {
    background-image: url(../../Image/User/black_90.png) !important;
}

.div_menu_pos {
    background-color: #000;
}

.btn_slider, .btn_slider:link, .btn_slider:visited {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 25px;
}

    .btn_slider:hover {
        background-color: #ffd800;
        border-color: #ffd800;
        color: #000;
    }


.div_heading {
    font-size: 27px;
}

.div_large_icon {
    margin-top: 75px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s;
}

.div_large_icon_active {
    margin-top: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
}


.div_large_icon .div_icon {
    font-size: 52px !important;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    width: 100px !important;
    height: 100px;
    display: inherit !important;
    padding-top: 21px;
    transition: all 0.4s;
}

.div_large_icon:hover .div_icon {
    background-color: #ff6600;
    color: #fff;
    border-color: #ff6600;
}

.div_large_icon .div_title {
    color: #000;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}


.div_desc_gray {
    color: #808080;
    line-height: 25px;
    padding: 0px 15px;
}

.div_sub_heading {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
}

    .div_sub_heading span {
        color: #ff8500;
    }

.div_dotted {
    background-image: url(../../Image/User/dotted.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    margin-bottom: 15px;
}

.div_gray_bg {
    background-color: #f6f6f6;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}


.div_product_item {
    width: 100%;
    margin: 5px;
    position: relative;
    overflow: hidden;
}

    .div_product_item .dark {
        position: absolute;
        left: 0px;
        top: 0%;
        right: 0px;
        height: 100%;
        background-color: #000;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 1;
        transition: all 0.2s;
    }

    .div_product_item:hover .dark {
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .div_product_item .maqnifire {
        font-size: 40px;
        position: absolute;
        left: 0px;
        top: -100%;
        right: 0px;
        height: 100%;
        transition: all 0.4s;
        z-index: 2;
        text-align: center;
        padding-top: 50%;
    }

        .div_product_item .maqnifire a {
            color: #fff;
        }

    .div_product_item:hover .maqnifire {
        top: 0px;
    }

    .div_product_item img.img {
        width: 100%;
    }

    .div_product_item .desc {
        background-color: #efefef;
        padding: 20px 0px;
        z-index: 2;
        position: relative;
    }

        .div_product_item .desc .a1 {
            display: block;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            color: #ffd800;
            padding: 3px 0px;
        }

        .div_product_item .desc .little {
            text-align: center;
            color: #808080;
            padding: 3px 0px;
            transition: all 0.5s;
        }

    .div_product_item:hover .desc .a1 {
        color: #fff;
        background-color: #ffd800;
    }

    .div_product_item:hover .desc .little {
        color: #000;
    }

    .div_product_item .desc .a2 {
        display: block;
        text-align: center;
        color: #000;
        padding: 3px 0px;
    }

        .div_product_item .desc .a2:hover {
            color: #ffd800;
        }

    .div_product_item .desc {
    }


.div_heading_sub {
    color: #ff6600;
    font-size: 16px;
}

.btn_black {
    border: 1px solid #000;
    color: #000;
    padding: 10px 25px;
}

    .btn_black:hover {
        background-color: #ffd800;
        border-color: #ffd800;
        color: #fff;
    }

.circle {
    position: relative;
}

    .circle strong {
        position: absolute;
        font-size: 50px;
        top: 50%;
        margin-top: -35px;
        left: 0px;
        right: 0px;
        text-align: center;
    }


.div_gray_bg_2 {
    background-image: url(../../Image/User/bg_gray.jpg);
    background-size: 100% 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.div_person_info {
    width: 100%;
    background-color: #efefef;
    padding: 5px;
    box-shadow: 0px 2px 7px 0px rgba(200,200,200,1);
    border-radius: 5px;
}

    .div_person_info:hover {
        background-color: #fff;
        box-shadow: 0px 2px 7px 0px rgba(150,150,150,1);
    }

    .div_person_info div.img {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .div_person_info div.img img.img {
            width: 100%;
        }

        .div_person_info div.img div.dark {
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            text-align: center;
            transition: all 0.3s;
            background-image: url(../../Image/Transparency/w70.png);
            transform: scale(0);
        }

    .div_person_info:hover div.img div.dark {
        transform: scale(1);
    }

    .div_person_info div.name {
        color: #000;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
        padding: 3px;
    }

    .div_person_info div.title {
        color: #ff6600;
        line-height: 25px;
        text-align: center;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .div_person_info hr {
        height: 0px;
        border-top: 1px dotted #808080;
        margin: 7px 0px;
    }

    .div_person_info div.desc a {
        font-size: 11px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .div_person_info div.img div.dark a {
        color: #ff6600;
        background-color: transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -7px;
        margin-left: -25px;
        font-size: 15px;
    }

    .div_person_info:hover div.img div.dark a:hover {
        color: #000;
    }

.div_quote_bg {
    background-image: url(../../Image/User/quote_bg.jpg);
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Image/User/quote_bg.jpg', sizingMethod='scale');
    /*background-repeat: no-repeat;*/
}

.div_quote_item {
    padding: 10px;
}

    .div_quote_item .body {
        background-color: #fff;
        padding: 30px 10px 10px 10px;
        margin-top: -20px;
        z-index: 1;
    }

        .div_quote_item .body .caption {
            font-size: 14px;
            padding: 7px;
            color: #ffd800;
        }

    .div_quote_item .icon {
        width: 50px;
        height: 50px;
        font-size: 35px;
        color: #ffd800;
        text-align: center;
        padding-top: 3px;
        background-color: #fff;
        border-radius: 50%;
        margin: 0px auto;
        position: relative;
        z-index: 2;
        box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
        transition: all 0.3s;
    }

    .div_quote_item .body .desc {
        line-height: 25px;
        text-align: center;
        height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .div_quote_item .body .desc a {
            text-align: left;
            color: #ffd800;
            border-bottom: 1px dotted #ffd800;
            font-size: 11px;
        }

    .div_quote_item .body .writer {
        color: #808080;
        margin-top: 5px;
    }

        .div_quote_item .body .writer span {
            background-color: #a4a4a4;
            color: #fff;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 2px;
            box-shadow: inset 0px 1px 5px 0px rgba(130,130,130,1);
        }

    .div_quote_item:hover .icon {
        color: #fff;
        background-color: #ffd800;
    }

.div_copyright {
    background-color: #202020;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-family: Calibri;
    direction: ltr;
}

    .div_copyright span {
        color: #ffd800;
    }

.div_margin_top_hide {
    margin-top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s;
}

.div_margin_top_show {
    margin-top: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.div_scale_hide {
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s;
}

.div_scale_show {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.ul_footer_address {
    list-style-type: none;
    color: #757575;
    font-size: 15px;
    padding: 0px;
    margin: 20px;
}

    .ul_footer_address li {
        margin: 15px 0px;
        display: block;
        transition: all 0.3s;
        font-size: 13px;
    }

        .ul_footer_address li:hover {
            color: #ff6600;
        }

.ul_share_bottom {
    padding: 0px;
    list-style-type: none;
    float: right;
    margin: 0px 15px;
}

    .ul_share_bottom li {
        float: left;
        margin-right: 5px;
    }

        .ul_share_bottom li a {
            display: block;
            border: 1px solid #383838;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            text-align: center;
            padding-top: 5px;
            color: #222;
            transition: all 0.3s;
            font-size: 17px;
        }

            .ul_share_bottom li a:hover {
                background-color: #ff6600;
                border-color: #ff6600;
                color: #fff;
            }


.ul_footer_services {
    list-style-type: none;
    color: #ffd800;
    margin-right: 30px;
    padding: 0px;
}

    .ul_footer_services li {
        border-bottom: dashed 1px #454545;
    }

        .ul_footer_services li a {
            display: block;
            padding: 7px 12px;
            color: #202020;
            font-size: 12px;
        }

            .ul_footer_services li a:hover {
                color: #ff6600;
            }


.div_alpha_hide {
    transform: scale(0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
}

.div_alpha_show {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.div_slide_bg {
    background-image: url(../../Image/user/slide_bg.jpg);
    background-repeat: repeat;
    background-position: center center;
    color: #ffc300;
}

    .div_slide_bg a {
        color: #ff9400;
    }

        .div_slide_bg a:hover {
            color: #e8ce00;
        }

    .div_slide_bg span {
        color: #ffc300;
    }

@media screen and (min-width: 768px) {
    .div_slide_bg {
        background-size: 100%;
    }

        .div_slide_bg div.img_container {
            text-align: right;
            padding-right: 50px;
        }

        .div_slide_bg div.a_container {
            margin: 80px 40px;
            text-align: left;
        }

    .td_product_image {
        width: 20%;
    }
}

@media screen and (max-width: 320px) {
    .div_slide_bg {
        background-size: auto 100%;
    }

        .div_slide_bg div.img_container {
            text-align: center;
        }

        .div_slide_bg div.a_container {
            padding: 30px;
            text-align: center;
        }
}

@media screen and (max-width: 600px) {
    .td_product_image {
        display: none;
    }
}

.ul_imagelink {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

    .ul_imagelink li {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        margin-bottom: 5px;
    }

        .ul_imagelink li a {
        }

        .ul_imagelink li div.light {
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            background-image: url(../../Image/user/light_box.png);
            background-position: top left;
            background-repeat: no-repeat;
            transition: all 0.5s;
        }

        .ul_imagelink li:hover div.light {
            top: -200px;
        }

        .ul_imagelink li div.title {
            position: absolute;
            bottom: 0px;
            right: 0px;
            padding: 7px;
            transition: all 0.5s;
            background-image: url(../../Image/Transparency/b60.png);
            color: #fff;
            font-size: 10pt;
        }

        .ul_imagelink li:hover div.title {
            padding-right: 20px;
        }


.tbl_data {
    border-collapse: collapse;
    border-top: 1px solid #9da0aa;
    border-left: 1px solid #c2c4cb;
    border-right: 1px solid #c2c4cb;
    border-top: 1px solid #d9dae0;
}

    .tbl_data .td1 {
        background-color: #f8f8f9;
        color: #545454; /*width: 15%;*/
        padding-left: 7px;
        padding-right: 7px;
        text-align: left;
        border: 1px solid #e6e7ea;
    }

    .tbl_data .td2 {
        background-color: #fff; /*width: 35%;*/
        padding-right: 7px;
        padding-left: 7px; /*text-align: right;*/
        border: 1px solid #e6e7ea;
    }


.div_success {
    border: 1px solid #39c14d;
    background-color: #cdffc5;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #007013;
    margin: 7px;
}


.div_success {
    border: 1px solid #39c14d;
    background-color: #cdffc5;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #007013;
    margin: 7px;
}

.div_unsuccess {
    border: 1px solid #c14539;
    background-color: #ffd3c5;
    padding: 20px;
    text-align: center;
    font-size: 13px;
    color: #a50000;
    margin: 7px;
}

.div_info {
    border: 1px solid #39a8c1;
    background-color: #c5faff;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #004a70;
    margin: 7px;
}

.div_empty {
    border: 1px solid #bababa;
    background-color: #d8d8d8;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #727272;
    margin: 7px;
}


.img_shadow {
    box-shadow: 0px 1px 3px 0px rgba(168,81,138,1);
    transition: all 0.2s;
    border-radius: 50%;
}


.div_side_article {
    margin: 7px 0px;
    line-height: 25px;
    font-size: 12px;
}

    .div_side_article:after {
        content: "";
        font-size: 0pt;
        width: 40%;
        border-bottom: 1px dotted #c2c4cb;
        display: block;
        margin: 7px;
    }

    .div_side_article:last-child:after {
        border-bottom: 0px none;
    }

.spn_date {
    color: #fff;
    background-color: #b7b7b7;
    padding: 2px 9px;
    box-shadow: inset 0px 3px 10px 0px rgba(125,125,125,1);
    font-size: 10px;
    border-radius: 3px;
    direction: ltr;
}

.div_side_article a {
    color: #4f4f4f;
}

.div_side_article:hover .img_shadow {
    box-shadow: 0px 1px 8px 0px rgba(168,81,138,1);
}

.div_side_article:hover a {
    color: #ff6600;
}

.hand {
    cursor: pointer;
}

.div_image_view {
    position: relative;
    margin: 5px;
    cursor: pointer;
    overflow: hidden;
}

    .div_image_view img.img {
        width: 100%;
    }

    .div_image_view div.dark {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: #ffd800;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.3s;
    }

    .div_image_view div.zoom {
        color: #fff;
        text-align: center;
        font-size: 50px;
        position: absolute;
        left: 50%;
        top: 120%;
        margin-top: -25px;
        margin-left: -35px;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.4s;
    }

    .div_image_view:hover div.dark {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .div_image_view:hover div.zoom {
        opacity: 1;
        filter: alpha(opacity=100);
        top: 50%;
    }


.div_doc_item {
    position: relative;
    overflow: hidden;
    float: right;
    border-radius: 5px;
    width: 130px;
    cursor: pointer;
    text-align: center;
    margin-left: 12px;
    margin-bottom: 12px;
}

    .div_doc_item img.img {
        position: relative;
        z-index: 1;
    }

    .div_doc_item .color {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .div_doc_item .light {
        position: absolute;
        left: 0px;
        top: -100%;
        width: 100%;
        height: 100%;
        background-image: url(../../Image/User/light_box.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100%;
        transition: all 0.3s;
        z-index: 2;
    }

    .div_doc_item:hover .light {
        top: 0%;
    }

    .div_doc_item .edge {
        background-image: url(../../Image/User/box_top_right.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 3;
    }

    .div_doc_item div.title {
        color: #fff;
        position: relative;
        z-index: 2;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        padding: 3px 10px;
        color: #ffd800;
        background-image: url(../../Image/Transparency/w70.png);
    }

    .div_doc_item:hover div.title {
        background-image: url(../../Image/Transparency/w90.png);
    }

    .div_doc_item div.fileseize {
        color: #fff;
        position: relative;
        z-index: 2;
        text-align: center;
        direction: ltr;
        font-size: 11px;
        line-height: 25px;
        padding: 2px 10px;
    }

    .div_doc_item:hover div.fileseize {
    }

.a_yellow {
    color: #ffcb00 !important;
}

    .a_yellow:hover, .a_yellow:active, .a_yellow:visited {
        color: #ffe200 !important;
        border-bottom: 1px solid #ffe200 !important;
    }

.modal-title {
    font-family: 'IRANSans' !important;
}

.div_make_bg {
    background-image: url(../../Image/User/make_bg.png);
    background-position: center center;
    background-size: 100%;
    position: relative;
}


.div_file_upload {
    position: relative;
    overflow: hidden;
    direction: ltr;
    height: 47px;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: all 0.3s;
    background-image: url(../Image/BitaUI/select_normal.png);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .div_file_upload:hover {
        background-image: url(../Image/BitaUI/select_over.png);
    }

    .div_file_upload:active {
        background-image: url(../Image/BitaUI/select_press.png);
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.div_file_upload_focus {
    border: 1px solid #ff9d3a;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.div_file_upload input {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    cursor: pointer;
}

.div_file_upload div.text {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
}

.div_white_bg {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url(../../Image/Transparency/w90.png);
    z-index: 200000;
    border: 1px solid #444452;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s;
    visibility: hidden;
    overflow: auto;
}

.div_white_bg_100op {
    opacity: 1;
    filter: alpha(opacity=100);
}


#div_name_exists {
    padding: 3px 7px;
    background-color: #ffb7aa;
    border: 1px dotted #ff4e00;
    color: #000;
    width: 231px;
    margin-top: 3px;
    font-size: 13px;
    text-align: center;
}

.div_address {
    direction: ltr;
    padding: 7px 12px;
    background-color: #d7f8ff;
    border: 1px dotted #54b1c4;
    font-family: 'IRANSans';
    text-align: left;
}

.div_spring_bg {
    background-image: url('../../Image/User/sky.jpg');
    background-size: 100% auto;
    background-attachment: fixed;
    text-align: center;
    font-size: 20px;
}

.div_home_mobile_items {
    margin: 40px 0px;
}

    .div_home_mobile_items .title {
        font-size: 20px;
        color: #ffac00;
    }

        .div_home_mobile_items .title span {
            border: 2px solid #ffac00;
            background-color: #ffac00;
            border-radius: 50%;
            display: inline-block;
            width: 28px;
            text-align: center;
            font-size: 15px;
            padding-top: 3px;
            color: #fff;
        }


    .div_home_mobile_items .content {
        font-size: 16px;
        color: #4f4f4f;
        padding-right: 35px;
    }

.navbar-brand {
    display: none;
}

@media screen and (max-width: 768px) {
    .navbar-brand {
        display: unset;
    }
}