@charset "utf-8";
/* CSS Document */

.none-1 {
    padding: 0px !important;
    list-style-type: none;
    margin-top: 8px;
}

    .none-1 li {
        float: right;
    }

        .none-1 li a {
            padding: 5px 5px !important;
            color: #0a2b61;
        }

.logo-main-top {
    width:auto;
    position: absolute;
    z-index: 100;
    left: 25.5%;
    /* right: 27%; */
    top: 1px;
}

.list-top {
    width: 30%;
    position: relative;
}

.w-meida {
    width: 30%;
}

.follow {
    line-height: 22px;
    color: #577667;
    font-size: 12px;
    font-weight: bold;
}

.none-mar {
    margin-left: -9px !important;
}

.navbar .nav {
    z-index: 150;
}

/*news bar*/


.box h3 {
    text-align: center;
    position: relative;
    top: 80px;
}

.box {
    width: 100%;
    height: auto;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(225,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(225,225,225,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(225,225,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-8 */
    margin: 0px auto;
    border: 1px solid #fff;
    float: right;
    margin: 20px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7 {
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(123, 123, 123, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(123, 123, 123, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 3px rgba(123, 123, 123, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .effect7:before, .effect7:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 18px rgba(123, 123, 123, 0.8);
        -moz-box-shadow: 0 0 18px rgba(123, 123, 123, 0.8);
        box-shadow: 0 0 18px rgba(123, 123, 123, 0.8);
        top: 0;
        bottom: 0;
        left: 85px;
        right: 85px;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .effect7:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }

.last-news {
    color: #523500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: rgb(250,190,8); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYmUwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWFjMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,190,8,1) 0%, rgba(249,172,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,190,8,1)), color-stop(100%,rgba(249,172,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,190,8,1) 0%,rgba(249,172,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,190,8,1) 0%,rgba(249,172,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(250,190,8,1) 0%,rgba(249,172,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(250,190,8,1) 0%,rgba(249,172,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabe08', endColorstr='#f9ac07',GradientType=0 ); /* IE6-8 */
    border: 1px solid #db991e;
    padding: 8px 10px 4px 10px;
    font-size: 14px;
}

.mar {
    width: 90%;
    padding-top: 3px;
    color: #1a4586;
    margin-top: 5px !important;
    margin-left: 5px !important;
}

    .mar a {
        color: #1a4586;
        margin-left: 15px;
        background: url(../images/Newimages/icon-marque.jpg) no-repeat left 2px;
        padding-left: 20px;
    }

        .mar a:hover {
            color: #001552;
        }

/*box*/
.box-temp {
    margin: 0px;
    float: right;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.49);
    box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.49);
    padding: 0px 14px 0px 14px;
    position: relative;
}

.h-box-lg {
    height: auto;
}

.background-gri {
    background: #ededed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ededed 0%, #ffffff 35%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(35%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 35%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#ffffff 35%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%,#ffffff 35%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%,#ffffff 35%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
    border-top: 2px solid #094990 /* IE6-8 */;
    position: relative;
}

.box-temp li {
    height: 100%;
    display: table-cell;
    text-align: center;
}
/*
.right-strip{ width:18px; background:url(../images/Newimages/strip-left.jpg) no-repeat top right}
.center-strip{ width:87%; background:url(../images/Newimages/strip-center.gif) repeat-x top center}
.left-strip{ width:18px; background:url(../images/Newimages/strip-right.jpg) no-repeat top left}*/
.box-2 .center-strip {
    width: 93.6%;
}
/*small box*/


/*end-----------------------*/


.title-inner-box {
    color: #0b5ba9;
    font-size: 14px;
    padding-right: 18px;
    background: url(../images/Newimages/icon-box.jpg) no-repeat right 2px;
    margin-top: 14px !important;
    font-weight: bold;
    margin-bottom: 5px !important;
    display: block;
    position: relative;
    z-index: 14;
}

.iconvote {
    color: #0b5ba9;
    font-size: 14px;
    padding-right: 18px;
    background: url(../images/Newimages/icon-vote.jpg)no-repeat right 2px;
    margin-top: 14px !important;
    font-weight: bold;
    margin-bottom: 5px !important;
    display: block;
    position: relative;
    z-index: 14;
}

.title-inner-box-3 {
    color: #0b5ba9;
    font-size: 14px;
    padding-right: 18px;
    background: url(../images/Newimages/icon-monakast.jpg) no-repeat right 2px;
    margin-top: 17px !important;
    font-weight: bold;
    margin-bottom: 10px !important;
    display: block;
}

.title-inner-box-news {
    color: #0b5ba9;
    font-size: 14px;
    padding-right: 18px;
    background: url(../images/Newimages/icon-lestnews.jpg) no-repeat right 2px;
    margin-top: 17px !important;
    font-weight: bold;
    margin-bottom: 5px !important;
    display: block;
    position:relative;
    z-index:10
}

.mr-left {
    margin-right: 10px !important;
}

.nav-lest {
    margin: 0px;
    float: right;
    width: 100%;
    padding: 0px;
}

.box-temp .nav-lest li {
    float: right;
    height: auto;
    width: 99%;
    text-align: right;
    border: 1px solid #0c78b0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 3px 0px;
    background: #0b5ba9;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out; /* IE6-8 */
}

    .box-temp .nav-lest li:hover {
        background: #0c78b0;
    }

    .box-temp .nav-lest li a {
        display: block;
        padding: 5px 18px 5px 0px;
        color: #EBF5E5;
        background: url(../images/Newimages/arrow_on.png) no-repeat 98% 10px;
        font-size: 13px;
    }

        .box-temp .nav-lest li a:hover {
            text-decoration: none;
        }

.padding-lf {
    padding-left: 5px;
}

.padding-lr {
    padding-right: 5px;
}

.img-border {
    border: 1px solid #fff;
    border-radius: 5px;
  
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

.mar-lf {
    margin-left: 10px !important;
}

.text-j {
    text-align: justify;
}

.list-ta3ame {
    margin: 0px !important;
    padding: 0px;
}

    .list-ta3ame li {
        background: url(../images/Newimages/arrow-list.gif) no-repeat right 10px  !important;
        border-bottom: 1px dotted #6b6b6b !important;
        padding: 0px 10px 0px 0px;
        !important;
        display: block !important;
        height: auto !important;
        padding-right: 14px !important;
    }

        .list-ta3ame li a {
            color: #595959 !important;
            text-decoration: none !important;
            line-height: 20px !important;
            display: block !important;
            padding: 3px 3px;
            font-size: 13px;
            width: 100%;
            text-align: right;
        }

/* Bounce To Left */
.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #d5ecde;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
        color: #000 !important;
    }

        .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

.arrow-green {
    font-weight: bold;
    background: url(../images/Newimages/arrwwo-green.jpg) no-repeat right 6px;
    padding-right: 10px;
    color: #465948;
    font-size: 12px;
    display: block;
    padding-bottom: 1px;
    line-height: 17px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.date-color {
    color: #cc9f2c;
}

.strip {
    background: url(../images/Newimages/strip-list.jpg) no-repeat bottom center;
    margin-bottom: 18px !important;
}

.mar-top3 {
    margin-top: 30px !important;
}

.mar-top4 {
    margin-top: 23px !important;
}

.mar-top5 {
    margin-top: 14px !important;
}

.width100 {
    width: 100%;
}

.fade-shadow {
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 100%;
    height: 72px;
    background: url(../images/Newimages/OVER-SHADOW.png) repeat-x 0px 0px;
    z-index: 10;
}

.z-top {
    z-index: 13;
    position: inherit;
}

.wi-95 {
    width: 100%;
}

.fix-auto {
    height: auto;
}

.padding-t {
    padding-top: 10px;
}

.date-top {
    position: absolute;
    bottom: -105px;
    color: #d7ffdd;
    font-size: 11px;
    right: 10px;
}




.shuoming {
    margin-top: 20px;
    border: 1px solid #ccc;
    padding-bottom: 10px;
}

    .shuoming dt {
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        text-indent: 10px;
    }

    .shuoming dd {
        line-height: 20px;
        padding: 5px 20px;
    }


/* tmall focus */
#focus {
    width: 552px;
    height: 130px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    border: 1px solid #E0E0E0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    #focus ul {
        height: 130px;
        position: absolute;
    }

        #focus ul li {
            float: left;
            width: 550px;
            height: 130px;
            overflow: hidden;
            position: relative;
        }

            #focus ul li div {
                position: absolute;
                overflow: hidden;
            }

    #focus .btnBg {
        position: absolute;
        height: 40px;
        left: 0;
        bottom: 0;
    }

    #focus .btn {
        position: absolute;
        height: 24px;
        left: 0;
        bottom: -1px;
        padding-left: 10px;
        background-color: transparent !important;
        background-image: none;
    }

        #focus .btn span {
            display: inline-block;
            _display: inline;
            _zoom: 1;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 13px;
            font-family: "Microsoft YaHei",SimHei;
            margin-right: 5px;
            cursor: pointer;
            color: #333;
            background: #e4e4e4;
        }

            #focus .btn span.on {
                color: #fff;
                background: #b27a1c;
            }


/* vCard  */
.shufflingTiles-grid {
    height: 236px !important;
    overflow: hidden;
}
/*#vCard .tile1, .tile2, .tile3 { width:32% !important
}*/

#vCard .tile1, .tile2, .tile3 {
    border: 1px solid #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

#vCard .tile1 {
    background: url(../images/Newimages/tap-slider-c.png) repeat bottom;
}

#vCard .tile2 {
    background: url(../images/Newimages/tap-slider-b.png) repeat bottom;
}

#vCard .tile3 {
    background: url(../images/Newimages/tap-slider-a.png) repeat bottom;
}

#vCard .tile1:hover {
    background: url(../images/Newimages/tap-slider-c-hover.png) no-repeat center center;
    z-index: 55;
}

#vCard .tile2:hover {
    background: url(../images/Newimages/tap-slider-b-hover.png) no-repeat center center;
}

#vCard .tile3:hover {
    background: url(../images/Newimages/tap-slider-a-hover.png) no-repeat center center;
}

#vCard .selected {
    height: 164px !important;
    background: url(../mennour/Newimages/bg_selected.png) repeat-x top #e7e7e7;
    border: 1px solid #d5d5d5;
}

#tab4, #tab5, #tab6 {
    display: none !important;
}

.two-thirds-tile, .one-third-tile {
    height: 106px !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.one-third-tile {
    top: 124px !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#vCard .tile1.selected {
    height: 221px !important;
    background: #fff url(../images/Newimages/serv_02_selected.png) no-repeat bottom left;
}

#vCard .tile2.selected {
    height: 221px !important;
    background: #fff url(../images/Newimages/serv_01_selected.png) no-repeat bottom left;
}

#vCard .tile3.selected {
    height: 221px !important;
    background: #fff url(../images/Newimages/serv_03_selected.png) no-repeat -2px 1px;
}

    #vCard .tile1.selected h1, #vCard .tile2.selected h1, #vCard .tile3.selected h1 {
        display: none;
    }

    #vCard .tile1.selected > a, #vCard .tile2.selected > a, #vCard .tile3.selected > a {
        position: absolute;
        top: 9px;
        right: 8px;
        font-size: 0;
        background: url(../images/Newimages/close.png) no-repeat center center;
        width: 10px;
        height: 10px;
    }

    #vCard .tile1.selected ul, #vCard .tile2.selected ul, #vCard .tile3.selected ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        float: right;
        display: block;
        width: 73%;
    }

        #vCard .tile1.selected ul li {
            background: url(/_LAYOUTS/15/mennour/Newimages/ar/selected_ul_bullet_01.png) no-repeat right 8px;
            padding-right: 20px;
            margin: 0 0 5px 5px;
            float: right;
            width: 49%;
            text-align: right;
        }

            #vCard .tile1.selected ul li a, #vCard .tile2.selected ul li a, #vCard .tile3.selected ul li a {
                padding: 4px 12px 4px 0px;
                background: url(../images/Newimages/arrow_on.png) no-repeat right 10px;
                font-weight: normal;
                text-align: right;
                border-bottom: 1px dotted #CCCCCC;
                color: #575757;
                font-size: 13px;
                display: block;
            }

                #vCard .tile1.selected ul li a strong, #vCard .tile2.selected ul li a strong, #vCard .tile3.selected ul li a strong {
                    color: #575757;
                    font: normal 12px;
                }

                #vCard .tile1.selected ul li a:hover, #vCard .tile2.selected ul li a:hover, #vCard .tile3.selected ul li a:hover {
                    text-decoration: underline;
                }


        #vCard .tile2.selected ul li {
            background: url(/_LAYOUTS/15/mennour/Newimages/ar/selected_ul_bullet_02.png) no-repeat right 8px;
            padding-right: 20px;
            margin: 0 0 5px 5px;
            float: right;
            width: 49%;
            text-align: right;
        }

        #vCard .tile3.selected ul li {
            background: url(/_LAYOUTS/15/mennour/Newimages/ar/selected_ul_bullet_03.png) no-repeat right 8px;
            padding-right: 20px;
            margin: 0 0 5px 5px;
            float: right;
            width: 49%;
            text-align: right;
        }

.half-tile {
    height: 105px !important;
}

.shufflingTiles-grid {
    width: 100% !important;
}

.more_li {
    color: #525252;
    font: normal 14px "Univers Next W23";
    text-decoration: none;
    float: left;
    position: absolute;
    left: 135px;
    bottom: 5px;
}

    .more_li:hover {
        text-decoration: underline;
    }

.title-inner-slider {
    width: 50% !important;
    margin-top: 4px;
    margin-right: 20px;
}

.help-icon {
    background: #3B3B3B;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 100%;
  
   
}

.font-z {
    font-size: 29px !important;
}
/*------------------help icon--------------------*/
.list-help-icon {
       height: auto;
    padding: 0px;
    margin-bottom: 25px;
    display: block;
    overflow: hidden;
}

    .list-help-icon li {
        float: right;
        margin: 0px 0px;
        width: 20%;
        border-left: 1px solid #484848;
        padding-bottom: 5px;
        -moz-transition: background-color .30s ease-in-out;
        -webkit-transition: background-color .30s ease-in-out;
        padding: 0px 0px;
    }

        .list-help-icon li:hover {
            background: #504E4E;
        }

        .list-help-icon li a {
            display: block;
            color: #D8D8D8;
            padding: 0px 0px 0px 0px;
            text-align: center;
            font-size: 12px;
        }

            .list-help-icon li a:hover {
                text-decoration: none;
            }


    .list-help-icon span i {
        display: block;
        color: #fff;
        font-family: FontAwesome;
        font-size: 16px;
        font-style: normal;
    }




.con:before {
    content: "\f095";
}

.sitemap:before {
    content: "\f0e8";
}

.question:before {
    content: "\f128";
}

.sts:before {
    content: "\f012";
}

.shakwa:before {
    content: "\f0a1";
}

.none-bor {
    border: none !important;
}

/*----------SLIDER BOTTOM------------*/
.holder {
    overflow: hidden;
    width: 19%;
    height: 220px;
    float: right;
    position: relative;
    background-color: #146635;
    margin-right: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #FFF;
}

    .holder .image {
        position: absolute;
        left: -76px;
    }

    .holder span {
        font-size: 15px;
        color: #dedede;
        font-weight: 500;
        padding: 8px 5PX;
        position: absolute;
        top: 0px;
        RIGHT: 0px;
        width: 100%;
        text-align: right;
        background: #e69b00;
    }

    .holder .text {
        padding: 5px 15px 5px 5px;
        display: none;
        line-height: 20px;
        position: absolute;
        bottom: 20px;
        font-size: 13px;
        color: #fff;
        width: 97%;
        text-align: right;
    }

.clear {
    clear: both;
}

.main {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.credit {
    font-size: 12px;
    margin-top: 25px;
}
/*---------------------*/
div#focus img {
    width: 99%;
}
/*---------style button-------------*/

input[type="button"], [type="submit"] {
    color: #fff;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d5a800;
    padding-top: 2px;
    cursor: pointer;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    float: left;
    margin-left: 0%;
    margin-bottom: 1%;
    border: 1px solid ##CF8200;
    padding: 0px 15px 0px 15px;
    display: block;
    background: #e79503;
    font-family: 'Droid Arabic Kufi', serif !IMPORTANT;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}

    input[type="button"]:hover, [type="submit"]:hover {
        background-color: #0066CC;
        border: 1px solid #0066CC;
        display: block;
    }


.btn2 {
    color: #fff !important;
    font-size: 12px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d5a800;
    padding-top: 2px;
    cursor: pointer;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    
    margin-left: 0%;
    margin-bottom: 1%;
    border: 1px solid #0066CC;
    padding: 0px 15px 0px 15px;
    display: block;
    background: #0066CC;
    font-family: 'Droid Arabic Kufi', serif !IMPORTANT;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    margin:1px 2px!important
}

    .btn2:hover {
        background-color: #e79503;
        border: 1px solid #e79503;
        display: block;
    }

.img-body {
    background: #fff url(../images/Newimages/bg-body-mennour-inner.jpg) repeat-x top center !important;
}

.box2 h3 {
    text-align: right;
    position: relative;
    top: 12px;
    right: 0px;
    border-right: 8px solid #0066CC;
    padding-right: 7px;
    font-size: 24px;
    font-weight: bold;
    color: #0066CC;
}

.box2 {
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect60 {
}

    .effect60:before, .effect60:after {
    }

.breadcrumb {
    background: #FFF;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    display: block;
    float: right;
    width: 99.8%;
    position: relative;
    top: 20px;
    padding: 3px 0px;
    right: 0px;
    background: #fcfcfc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #fcfcfc 28%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#fcfcfc), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 28%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 28%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 28%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 28%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
}

    .breadcrumb li {
        font-size: 12px !IMPORTANT;
        display: inline;
        float: right;
    }

        .breadcrumb li SPAN {
            font-size: 12px !IMPORTANT;
            font-family: 'Droid Arabic Kufi', serif !IMPORTANT;
        }

    .breadcrumb a {
        color: rgba(0, 102, 204, 1) !IMPORTANT;
        text-align: right;
        padding-left: 0px; /*background:url(../images/Newimages/arrow-list.gif) no-repeat 4px 9px*/
        ;
        font-size: 12px;
        font-family: 'Droid Arabic Kufi', serif !IMPORTANT;
    }

        .breadcrumb a:hover {
            color: rgba(5, 130, 255, 1);
        }

    .breadcrumb > .active {
        color: rgba(28, 130, 233, 1);
    }

    .breadcrumb > li + li:before {
        color: rgba(204, 204, 204, 1);
    }

.mar-righ {
    margin-right: 10px;
}

.coll-md-8 {
    width: 98%;
    text-align: right;
    margin-left: 20px !important;
}

.coll-md-3 {
    width: 99%;
    display: none;
}

.tit-page {
    background: url(../images/Newimages/icon-monakast.jpg) no-repeat right center;
    padding-right: 20px;
}

.social {
    background-image: none !important;
    width: auto !important;
}

.inner-image {
    border: 1px solid #888;
    margin-right: 10px !important;
    width: 50%;
}

/* Effect 5: same word slide in */
nav a {
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

    nav a:hover,
    nav a:focus {
        outline: none;
    }


.cl-effect-5 a {
    overflow: hidden;
}

    .cl-effect-5 a span {
        position: relative;
        display: inline-block;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

        .cl-effect-5 a span::before {
            position: absolute;
            top: 100%;
            content: attr(data-hover);
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

    .cl-effect-5 a:hover span,
    .cl-effect-5 a:focus span {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.lnks-top-a {
    display: inline;
    width: 100%;
}

.ex-l {
    background: url(../images/Newimages/icon-ex.jpg) no-repeat right center;
    padding-right: 20px;
    padding-right: 36px;
    font-weight: bold;
    margin-left: 23px !important;
}

.scr-1 {
    background: url(../images/Newimages/icon-ss.jpg) no-repeat right center;
    padding-right: 20px;
    padding-right: 36px;
    font-weight: bold;
}

.links-02 {
    margin-right: 10px;
    width: 100%;
    margin-top: 15px;
}

    .links-02 li {
        border-bottom: 1px solid rgba(225,225,225,1);
        padding: 6px 0px;
        margin: 5px 0px;
    }

    .links-02 a {
        font-weight: bold;
        display: block;
        background: url(../images/Newimages/arrow_on.png) no-repeat 98% 6px;
        padding-right: 20px;
        font-size: 13px;
    }

        .links-02 a:hover {
            color: #e7a500;
        }

.img-2 {
    margin-left: 10px !important;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #0066CC !IMPORTANT;
}

::selection {
    color: #FFF;
    background: #0066CC !IMPORTANT;
}

.title_box {
    font-SIZE: 16px !importANT;
    color: #353535;
    padding-right: 12px;
    line-height: 25px;
    border-right: 13px solid #E2A600;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}

.cl-effect-20 a {
    line-height: 2em;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    display: block;
    margin-bottom: 5px;
    color: #3A3A3A;
    font-weight: bold;
}

.cl-effect-20 li {
    display: inline-block;
}

.cl-effect-20 a span {
    position: relative;
    display: inline-block;
    padding: 3px 15px 0;
    background: #F5F5F5;
    box-shadow: inset 0 2px #C3C3C3;
    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    transition: background 0.6s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    display: block;
    width: 389px;
    height: 100px;
}

    .cl-effect-20 a span::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        color: #065426;
        content: attr(data-hover);
        -webkit-transform: rotateX(270deg);
        -moz-transform: rotateX(270deg);
        transform: rotateX(270deg);
        -webkit-transition: -webkit-transform 0.6s;
        -moz-transition: -moz-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        font-size: 12px;
        word-wrap: normal;
    }

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
    background: #065426;
}

    .cl-effect-20 a:hover span::before,
    .cl-effect-20 a:focus span::before {
        -webkit-transform: rotateX(10deg);
        -moz-transform: rotateX(10deg);
        transform: rotateX(10deg);
    }

/*Sliding Text and Icon Menu Style*/
.sti-menu {
    position: relative;
    width: 100%;
    float: right;
    margin: 10px auto 0px;
    padding: 0px;
}

    .sti-menu li {
        width: 19.2%;
        height: 180px;
        margin: 7px 2px;
        float: right;
    }

        .sti-menu li a {
            display: block;
            overflow: hidden;
            background: #fcfcfc;
            text-align: center;
            height: 100%;
            width: 100%;
            position: relative;
            -moz-box-shadow: 1px 1px 2px #ddd;
            -webkit-box-shadow: 1px 1px 2px #ddd;
            box-shadow: 1px 1px 2px #ddd;
        }


            .sti-menu li a h2 {
                color: #065426;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                position: absolute;
                padding: 0px;
                width: 95%;
                top: 100px;
                left: 3px;
                line-height: 20px;
                /*text-shadow: 0px 1px 1px black;*/
            }

            .sti-menu li a h3 {
                font-size: 14px;
                font-style: italic;
                color: #F4B300 !important;
                position: absolute;
                top: 135px;
                left: -17px;
                width: 180px;
                padding: 10px;
                line-height: 14px;
            }

.sti-icon {
    width: 57px;
    height: 47px;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    left: 40%;
    top: 30px;
}

.sti-icon-care {
    background-image: url(../images/Newimages/app-1.png);
}

.sti-icon-alternative {
    background-image: url(../images/Newimages/app-2.png);
}

.app-3 {
    background-image: url(../images/Newimages/app-3.png);
}

.app-4 {
    background-image: url(../images/Newimages/app-4.png);
}

.app-5 {
    background-image: url(../images/Newimages/app-5.png);
}

.app-6 {
    background-image: url(../images/Newimages/app-6.png);
}

.app-7 {
    background-image: url(../images/Newimages/app-7.png);
}

.app-8 {
    background-image: url(../images/Newimages/app-8.png);
}

.app-9 {
    background-image: url(../images/Newimages/app-9.png);
}

.app-10 {
    background-image: url(../images/Newimages/app-10.png);
}

.app-11 {
    background-image: url(../images/Newimages/app-11.png);
}

.app-12 {
    background-image: url(../images/Newimages/app-12.png);
}

.app-13 {
    background-image: url(../images/Newimages/app-13.png);
}

.app-14 {
    background-image: url(../images/Newimages/app-14.png);
}

.app-15 {
    background-image: url(../images/Newimages/app-15.png);
}

.app-16 {
    background-image: url(../images/Newimages/app-16.png);
}

.app-17 {
    background-image: url(../images/Newimages/app-17.png);
}

.app-18 {
    background-image: url(../images/Newimages/app-18.png);
}

.app-19 {
    background-image: url(../images/Newimages/app-19.png);
}

.app-20 {
    background-image: url(../images/Newimages/app-20.png);
}

.app-21 {
    background-image: url(../images/Newimages/app-21.png);
}

.btn-lg {
    padding: 10px 16px !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
    font-size: 22px !important;
}

.mar-0 {
    margin-bottom: 0px;
}

.f-none {
    float: none;
}

.FONT-2 {
    font-size: 12px;
}

.center-mobile {
    padding-right: 23px;
    text-align: right;
    display: block;
}

.sitemap2 {
    margin-right: 20px;
}

    .sitemap2 ul {
        margin-right: 15px !important;
        line-height: 29px;
        list-style-type: circle;
    }

        .sitemap2 ul li {
            line-height: 29px;
            color: #0b5ba9;
        }

            .sitemap2 ul li a {
                color: #888 !important;
            }

.GHeader th a {
    color: #fff !important;
}

.alltext2 {
    border: 1px solid #dedede;
    border-bottom: 3px solid #146635;
    margin-bottom: 10px;
    background: #F4F4F4;
    width: 100%;
}

.img-m1 {
    width: 335px;
    height: 229px;
    position: absolute;
    left: -500px;
    top: 53px;
    background: url(../images/Newimages/thum-20.png) no-repeat center center;
}



.list-top {
    z-index: 991;
}
.box-1 {padding-right:0px !important 
 }

.wid-w {
    width:100%;
    margin: 0px !important;
}

.tabnews {
    font-family: 'Droid Arabic Kufi', serif !important;
    font-size: 12px !important;
    color: #656565;
    font-weight: normal !important;
    text-align: right !important;
    text-decoration: none;
}

.col-md-9, .col-md-8 {
    padding: 0px !important;
}

.smpl-share {
    width: 165px;
    margin: 0px auto;
    position: absolute;
    left: 0px;
    top: 15px !important;
}

.list-form-2 { list-style-type:none; padding:0px; margin:0px; display:block;    overflow: hidden;
    margin: 8px 0px;
}
.list-form-2 li{ display:inline !important;    float: right ; margin:0px 10px
}
.list-form-2 li input[type="radio"]{ width:20px !important}
.w-20 {
    width: 12%;
}
.w-30 { width:30%
}

.notactive a { color:#fff !important
}
.header-top-date span {color:#d7ffdd
}
.muncilp span,font { color:#232323!important;    font-family: 'Droid Arabic Kufi', serif !important;
}


.alltext span {
    color: #585858  !important; font-family: 'Droid Arabic Kufi', serif !important;
}
.sitepath p {
    padding-right: 26px;
}
.footertit-menu {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #DA9300;
    float: right;
    width: 100%;
    display: block;
    margin: 10px 0px;
}
.list-footer {    margin: 0px;
    padding: 0px;margin-bottom: 28px;
}
.list-footer li{
}
.list-footer li a{ font-size:11px;    color: #D4D4D4;
}