@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, select, option {
    border: 0;
    vertical-align: baseline;
    float: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

:focus {
    outline: 0;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

del {
    text-decoration: line-through;
}

@font-face {
    font-family: GESS;
    font-style: oblique;
    font-weight: bold;
    src: url('fonts/GESSTwoLight-Light.eot?') format('eot'), url('fonts/GESSTwoLight-Light.ttf') format('woff'), url(//:) format('no404'), url('fonts/GESSTwoLight-Light.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: GESS_bold;
    font-style: oblique;
    font-weight: bold;
    src: url('fonts/ge-ss-med.eot?') format('eot'), url('fonts/ge-ss-med.ttf') format('woff'), url(//:) format('no404'), url('fonts/ge-ss-med.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/DroidKufi-Regular.eot);
    src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Regular.woff) format('woff') url(fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/DroidKufi-Bold.eot);
    src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Bold.woff) format('woff'), url(fonts/DroidKufi-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'NeoSans-bold';
    src: url('fonts/NeoSans-bold.eot');
    src: url('fonts/NeoSans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/NeoSans-bold.woff') format('woff'), url('fonts/NeoSans-bold.ttf') format('truetype'), url('fonts/NeoSans-bold.svg#NeoSans-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeoSans-regular';
    src: url('fonts/NeoSans-regular.eot');
    src: url('fonts/NeoSans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/NeoSans-regular.woff') format('woff'), url('fonts/NeoSans-regular.ttf') format('truetype'), url('fonts/NeoSans-regular.svg#NeoSans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background: #0a99d4;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #0a99d4;
    color: #fff;
    text-shadow: none;
}

::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #FFFFFF;
    -webkit-box-shadow: inset 0px 0px 0px #E0E0E0;
    border: 1px solid #D8D8D8;
}

::-webkit-scrollbar-thumb {
    background: #da8a20;
    -webkit-box-shadow: inset 0px 0px 0px rgba(155, 155, 155, 0.4);
}

    ::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
    }

    ::-webkit-scrollbar-thumb:active {
        background: #888;
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
    }

::-webkit-input-placeholder {
    font-size: 12px;
}
/*-----------css-----------*/
body {
    direction: rtl;
    font-family: Droid arabic kufi;
    background: url(img/bg.jpg) center center repeat;
}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.7;
    position: fixed;
    bottom: 50px;
    right: 12px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: #000;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.padding-5px {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.margin-top-10px {
    margin-top: 10px;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.margin-top-5px {
    margin-top: 5px;
}

.margin-bottom-5px {
    margin-bottom: 5px;
}

.margin-bottom-30px {
    margin-bottom: 30px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.margin-top-20px {
    margin-top: 20px;
}

.margin-top-30px {
    margin-top: 30px;
}

.center-div {
    float: none;
    display: block;
    margin: 0 auto;
}

.bx-wrapper {
    direction: ltr;
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .bx-wrapper .bx-viewport {
        border: px solid #fff;
        left: 0px;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
		display:none !important;
        z-index: 2000;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: rgba(255, 255, 255, 0);
            border: 2px solid #fff;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #FFF;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: 10px;
        background: rgba(255,255,255,.6) url(img/left.png) center center no-repeat;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: rgba(255,255,255,.6) url(img/right.png) center center no-repeat;
    }

    .bx-wrapper .bx-prev:hover {
        background: rgba(197, 176, 113, 0.82) url(img/left.png) center center no-repeat;
    }

    .bx-wrapper .bx-next:hover {
        background: rgba(197, 176, 113, 0.82) url(img/right.png) center center no-repeat;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: center;
        width: 100%;
        padding-top: 0;
        bottom: 10px;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

header {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.top_header {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #c78728 url(img/bg_header.jpg) center center repeat;
}

.Supervisor {
    overflow: hidden;
    height: auto;
    line-height: 2;
    width: auto;
    float:right;
    padding: 5px 0;
}
.share_header{     width: auto;
    overflow: hidden;
    float: right;
    height: auto;
    margin-top: 8px;
}
    .Supervisor span {
        font-size: 14px;
        color: #fff;
    }

.top_menu {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .top_menu ul {
        list-style: none;
        float: left;
    }

        .top_menu ul li {
            display: inline-block;
            line-height: 2;
        }

            .top_menu ul li a {
                display: block;
                color: #fff;
                padding: 5px 5px;
                font-size: 14px;
                text-decoration: none;
            }

.bottom_header {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.logo {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
}

    .logo img {
        display: block;
    }

.story .img_area img {
    max-height: 80px;
    margin: 0 auto;
}

.story {
    padding-bottom: 0px;
}

.ads {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
	direction: ltr
}

.date {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    padding: 5px 0;
    text-align: left;
}

    .date span {
        font-size: 21px;
        font-family: 'Lateef', serif;
        color: #aa6906;
    }

.search {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 0;
    padding: 0 0 7px 0;
    text-align: left;
}

    .search input {
        background: #f4f8ec url(img/search.png) center left no-repeat;
        background-position-x: 5px;
        padding: 5px 10px;
        border: 1px solid #DECFB8;
    }
.search input[type="submit"]{ background-image:none;
background-color:#C6832A}
.bottom_header .ads {
    margin-bottom: 7px;
}

.nav_area {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    background: #c17b25 url(img/bg_header.jpg) center center repeat;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #E29A36;
    color: #fff;
}

.navbar-default {
    background: none;
    border: none;
}

    .navbar-default .navbar-nav > li > a {
        color: #FFF;
    }

.yellow_bg .nav > li > a, .nav_area .nav > li > a {
    background: none;
    margin: 0;
}

.yellow_bg .nav-tabs > li.active > a {
    background: none !important;
    color: #333 !important;
}

.nav > li > a {
    padding: 10px 5px;
    font-size: 15px;
    display: block;
    line-height: 2;
}

.navbar {
    min-height: auto;
    margin-bottom: 0;
}

main {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 15px 0;
}

.slider {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    direction: ltr;
}

.container_slider {
    overflow: hidden;
    width: 100%;
    display: block;
    text-align: right;
    height: auto;
    position: relative;
}

.slider_img {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
}

.data_slider {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    direction: rtl;
    text-align: right;
    padding: 20px 20px 40px 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
    background: rgba(0,0,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .data_slider h3 a {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
    }

    .data_slider p {
        color: #fff;
        font-size: 13px;
        margin-top: 20px;
        line-height: 2;
    }

.word_site {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.title {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #c17b25 url(img/bg_header.jpg) center center repeat;
    line-height: 2;
    padding: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

    .title span {
        float: right;
        padding: 5px 10px;
    }

.text_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #fff;
    border: 1px solid #ccc;
}

.img_text {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.data_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 20px;
}

    .data_area h3 a {
        color: #353a3d;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

        .data_area h3 a:hover {
            color: #E29A36;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

    .data_area p {
        color: #8a9196;
        font-size: 12px;
        font-weight: bold;
        margin-top: 10px;
        line-height: 2;
    }

        .data_area p a {
            color: #E29A36;
        }

.twitter {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 20px 10px;
    background: #06a7eb url(img/blue_bg.png) center center repeat;
}

.title_twitter {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .title_twitter h2 {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        float: right;
    }

    .title_twitter span {
        float: left;
        color: #fff;
        font-size: 14px;
        font-family: tahoma;
    }

.container_twitter {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.twitter_row {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 10px 0;
    padding-bottom: 0;
}

    .twitter_row p {
        font-family: 'Lateef', serif;
        font-size: 20px;
        line-height: 2;
        color: #fff;
    }

    .twitter_row .date {
        padding: 0;
        text-align: left;
        margin-top: 0px;
        font-family: 'Lateef', serif;
        color: #fff;
    }

        .twitter_row .date i {
            margin-left: 10px;
        }

.block {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.more {
    color: #353a3d;
    text-decoration: none;
    float: left;
    background: #c5b070;
    padding: 5px 10px;
}

    .more:hover {
        color: #fff;
    }

.area_block {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #fff;
    padding: 20px 0;
    border: 1px solid #ccc;
}

.news_data {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.img_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    text-align: center;
}

    .img_area .img-responsive {
        margin: 0 auto;
    }

.news_data h3 a {
    font-size: 13px;
    color: #353a3d;
    text-decoration: none;
    font-weight: bold;
}

.news_data p {
    font-family: Tahoma, Geneva, sans-serif;
    color: #757575;
}

.area_block .row:hover a {
}

.intro {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 100%;
    z-index: 10000;
    border-radius: 0px;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.yellow_bg {
    background: #a58e44 url(img/footer.jpg) center center repeat;
}

.block_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 80px 0;
}

.yellow_bg .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
}

.yellow_bg.art_area .nav-tabs > li > a {
    color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-color: rgba(0,0,0,0);
    background: none;
    color: #000 !important;
}

.green_tab_cont {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #9a813a;
    margin: 15px 0;
    min-height: 345px;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .green_tab_cont:hover {
        background: #bfa75d;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.green_tab_img {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
	text-align:center;
    position: relative;
}

    .green_tab_img img {
        max-width: 100%;
		height:170px;
    }

.green_tab_cont:hover .hover {
    top: -6px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.hover {
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    background: rgba(197, 130, 41, 0.78) url(img/link.png) center center no-repeat;
    top: -100%;
    left: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.data_contain {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    color: #fff;
    padding: 10px;
}

    .data_contain h5 {
        margin-bottom: 15px;
    }

        .data_contain h5 a {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-decoration: none;
        }

    .data_contain p {
        color: #fff;
        font-family: 'Lateef', serif;
        font-size: 20px;
        line-height: 2;
    }

.art_area .nav-tabs > li > a {
    font-weight: bold;
    font-size: 20px;
    padding: 15px;
    color: #258961;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
    border-color: rgba(0,0,0,0);
}

.writer_area {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    margin: 10px 0;
}

    .writer_area:hover a {
        color: #E29A36;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.writer_img {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.writer_data {
    overflow: hidden;
    height: auto;
    width: 100%;
    padding: 0 5px;
    display: block;
}

    .writer_data h3 a {
        font-weight: bold;
        color: #353a3d;
        text-decoration: none;
        font-size: 14px;
        display: block;
        line-height: 2;
        margin-bottom: 0px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .writer_data p {
        color: #a0a0a0;
        font-size: 12px;
        font-family: Tahoma, Geneva, sans-serif;
    }

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    float: right;
    margin-right: 0;
}

.padding-10px {
    padding-left: 10px;
    padding-right: 10px;
}

.vote p {
    font-weight: bold;
    font-size: 13px;
}

.vote label {
    font-weight: bold;
    font-size: 13px;
}

.radio, .checkbox {
    margin-top: 20px;
    margin-bottom: 20px;
}

.button {
    color: #353a3d;
    padding: 10px 25px;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: #c5b070;
    float: left;
    font-weight: bold;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .button:hover {
        color: #fff;
        background: #c17b25;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.museum {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.video {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    direction: ltr;
}

.container_thum {
    overflow: hidden;
    width: 100%;
    display: block;
    text-align: right;
    height: auto;
    margin-bottom: 10px;
    padding: 0 5px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.img_thum {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    text-align: center;
}

    .img_thum img {
        max-width: 100%;
    }

.text_thum {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .text_thum span, .text_thum a {
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        color: #333;
    }

.container_thum:hover .text_thum span {
    color: #E29A36;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#bx-pager a {
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 5px;
}

.video #bx-pager {
    height: 400px;
    overflow-y: scroll;
}

footer {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 50px 0;
    padding-bottom: 0;
    background: #a58e44 url(img/footer.jpg) center center repeat;
}

.top_footer {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding-bottom: 50px;
}

.copy_right {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 15px 0;
    background: #8b7632 url(img/copy_right.jpg) center center repeat;
}

.copy_right_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .copy_right_area span {
        color: #fff;
        font-size: 14px;
    }

.footer_links {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .footer_links ul {
        float: left;
    }

        .footer_links ul li {
            display: inline-block;
        }

            .footer_links ul li a {
                color: #fff;
                font-size: 14px;
                font-weight: bold;
                text-decoration: none;
                padding: 0 10px;
            }

.about {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    margin-top: 10px;
    line-height: 2;
}

    .about span {
        color: #fff;
        font-size: 14px;
    }

        .about span a {
            color: #fff;
            text-decoration: underline;
        }

.site_map {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .site_map ul {
        list-style: none;
        float: right;
        width: 50%;
    }

        .site_map ul li {
            display: block;
            clear: both;
            width: 100%;
            line-height: 3;
        }

            .site_map ul li a {
                color: #fff;
                font-size: 14px;
                text-decoration: none;
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;
            }

                .site_map ul li a:hover {
                    color: #FFF07D;
                    -webkit-transition: all 200ms ease-in-out;
                    -moz-transition: all 200ms ease-in-out;
                    -ms-transition: all 200ms ease-in-out;
                    -o-transition: all 200ms ease-in-out;
                    transition: all 200ms ease-in-out;
                }

.social_footer {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .social_footer ul {
        list-style: none;
    }

        .social_footer ul li {
            display: block;
            clear: both;
            width: 100%;
            line-height: 3;
        }

            .social_footer ul li a {
                color: #fff;
                font-size: 14px;
                text-decoration: none;
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;
            }

                .social_footer ul li a:hover {
                }

                .social_footer ul li a i {
                    margin-left: 10px;
                    float: right;
                    width: 25px;
                    font-size: 15px;
                    height: 25px;
                    line-height: 3;
                    text-align: center;
                }

.mail_list {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

    .mail_list h2 {
        font-weight: bold;
        color: #fff;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .mail_list p {
        font-size: 14px;
        line-height: 2;
        color: #fff;
    }

    .mail_list button {
        color: #fff;
        background: #ffc700;
        border: 1px solid #ffc700;
    }

        .mail_list button:hover {
            background: #f2bd01;
        }

    .mail_list input {
        line-height: 2.4;
        border: 0;
    }

    .mail_list::-webkit-input-placeholder {
        font-size: 12px;
        font-weight: bold;
    }

.statistics {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .statistics p {
        color: #fff;
        font-weight: bold;
        font-size: 13px;
    }

.social {
    overflow: hidden;
    height: auto;
    width: auto;
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 1000;
}

    .social ul {
        list-style: none;
    }

        .social ul li {
            display: block;
            clear: both;
        }

            .social ul li a {
                text-align: center;
                color: #fff;
                text-decoration: none;
                font-size: 17px;
                font-family: Tahoma, Geneva, sans-serif;
            }

                .en, .fr, .ar, .social ul li a i {
                    display: block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                }

                .social ul li a .fa-facebook {
                    background: #3a589b;
                }

                .social ul li a .fa-twitter {
                    background: #598dca;
                }

                .social ul li a .fa-google-plus {
                    background: #d95032;
                }

                .social ul li a .fa-youtube {
                    background: #cf3427;
                }

                .social ul li a.en {
                    background: #8bcb1d;
                }

                .social ul li a.fr {
                    background: #865ca6;
                }

                .social ul li a.ar {
                    background: #cdb522;
                }

.bxslider_ads_big img {
    margin: 0 auto;
    width: 100%;
}

.consulting {
    height: 343px;
    overflow: hidden;
}

.modal {
    z-index: 10000;
    background: rgba(0, 0, 0, 0.76);
}

.modal-dialog {
    background: #fff;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

.text {
    overflow: hidden;
    height: auto;
    width: 100%;
    padding: 25px 15px;
    display: block;
}

    .text p {
        font-size: 14px;
        line-height: 2;
        color: #333;
    }

    .text span {
        color: #333;
        font-size: 15px;
    }

.modal-content {
    border: none;
    box-shadow: none;
}

.img_model {
    overflow: hidden;
    height: 592px;
    width: 100%;
    display: block;
    background: #000;
    text-align: center;
    vertical-align: middle;
}

    .img_model img {
        max-width: 100%;
    }

.comments {
    overflow-y: scroll;
    direction: ltr;
    text-align: right;
    height: auto;
    width: 100%;
    display: block;
    background: rgb(251, 251, 251);
    padding: 20px 0;
    max-height: 500px;
}

.conteriner_comment {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
}

.comment_row {
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
}

.conteriner_comment .comment_row:last-child {
    border-bottom: none;
}

.text_comment textarea {
    width: 100%;
    display: block;
    border: 1px solid rgba(204, 204, 204, 0.61);
    direction: rtl;
    padding: 15px;
    resize: vertical;
    text-align: right;
}

.text_comment {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 0 20px;
}

.comment_img {
    float: right;
    overflow: hidden;
    height: 70px;
    width: 20%;
}

    .comment_img img {
        border-radius: 50%;
    }

.comment_data {
    overflow: hidden;
    height: auto;
    width: 80%;
    float: right;
    direction: rtl;
}

    .comment_data a {
        color: #333;
        font-weight: bold;
    }

    .comment_data p {
        color: #333;
        font-size: 12px;
        margin-top: 10px;
    }

button.close {
    position: absolute;
    top: 5px;
    right: 5px;
	    z-index: 10000;
}

.popup {
    position: fixed;
    z-index: 2;
    top: 60px;
    left: 50%;
    width: 460px;
    height: 270px;
    background: #fff;
    -moz-box-shadow: 4px 4px 30px #130507;
    -webkit-box-shadow: 4px 4px 30px #130507;
    box-shadow: 4px 4px 30px #130507;
    -moz-transition: top 800ms;
    -o-transition: top 800ms;
    -webkit-transition: top 800ms;
    transition: top 800ms;
}

.p_content {
    width: 100%;
    text-align: center;
    font-size: 23px;
    padding: 110px 0 0;
}

.p_anch {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 80px 0 0 0;
    text-align: center;
    font-size: 18px;
}

    .p_anch a {
        color: #000;
    }

        .p_anch a:hover {
            text-decoration: none;
        }

.p_anch_bottom {
    margin: 1500px 0 0 0;
    padding: 0 0 50px 0;
}

.p_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 12px;
    padding: 15px 11px 0 0;
}

    .p_close span {
        display: block;
        width: 18px;
        height: 5px;
        background: #333;
    }

        .p_close span:first-child {
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .p_close span:last-child {
            margin: -5px 0 0;
            -ms-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }

.p_body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
}
/* JS-styles — declaratively */
.js__popup {
}

.js__p_start {
}

.js__p_close {
}

.js__p_body {
}

.js__slide_top {
    height: 0;
    overflow: hidden;
    top: 0;
}

.js__fadeout {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.row_title {
    overflow: hidden;
    width: 100%;
    display: block;
    line-height: 2.1;
    height: auto;
}

    .row_title input {
        height: 28px;
        width: 96%;
        line-height: 28px;
        margin: 0 auto;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }

.day {
    overflow: hidden;
    height: 30px;
    width: 60px;
    float: right;
    text-align: center;
}

.month {
    overflow: hidden;
    height: 30px;
    width: 60px;
    float: right;
    text-align: center;
}

.year {
    overflow: hidden;
    height: 30px;
    width: 60px;
    text-align: center;
    float: right;
}

.type_date {
    overflow: hidden;
    height: 30px;
    width: 60px;
    text-align: center;
    float: right;
}

.row_button {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
}

    .row_button input[type="button"] {
        display: inline-block;
        font-size: 13px;
        padding: 10px 5px;
        color: #000;
        background: #C5B070;
        border: 0;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .row_button input[type="button"]:hover {
            color: #fff;
            background: #c17b25;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -ms-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
        }

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

.padding-bottom-10px {
    padding-bottom: 10px;
}

.conteriner_comment .nav-tabs {
       background: #F4F4F4;
    padding: 0px 10px 0 0 !important;
}
.nav-tabs{ border-bottom:0 !important}
.facebook-heade,.twitter-heade{ overflow:hidden;
height:20px;
width:auto;
display:inline-block;}
.conteriner_comment .nav > li > a {
    color: #131313;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.foot_consulting {
    overflow: hidden;
    height: auto;
    width: 97%;
    display: block;
    background: #eee;
    border: 1px dashed #ccc;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.conteriner_comment .nav > li > a:hover, .conteriner_comment .nav > li > a:focus {
    background: #eee;
}

.foot_consulting a {
    color: #333;
}

.consulting ul {
    line-height: none;
}

    .consulting ul li {
        display: block;
        clear: both;
        padding: 0px 10px;
        line-height: 3;
    }

        .consulting ul li a {
            color: #333 !important;
            text-decoration: none;
        }

.small_videos {
    overflow-y: scroll;
    height: 400px;
    display: block;
    width: 100%;
}

.big_video {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.slide_sound {
    overflow: hidden;
    height: auto;
    width: 100%;
    position: relative;
    display: block;
    min-height: 149px;
}

.hover_sound {
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    opacity: 0;
    top: 0;
    line-height: 150px;
  background: #C6832A;
    text-align: center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.hover_sound a{    width: 100%;
    display: block;
    height: 100%;
    color: #fff;
}
.slide_sound:hover .hover_sound {
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.hover_sound a i {   clear:both;
}
#comments_form input{    width: 100%;
    display: block;
    border: 1px solid rgba(204, 204, 204, 0.61);
    direction: rtl;
	margin-bottom:5px;
    padding:5px 15px;
    text-align: right;}
#comments_form input[type="submit"]{    margin-top: 10px;
    color: #fff;
    text-align: center;
    background: #DA8A20;
    border: 0;
    padding: 10px;
	}
	#comments_form h2{ font-size: 20px;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 10px;
	}
.breadcrumb {
    background: #fff;
    border-radius: 0;
}

.title_artical {
    font-size: 19px;
    padding: 5px 15px;
    border-bottom: 1px solid #EFEFEF;
    line-height: 2;
    margin: 0 15px;
}

.img_area_art {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .img_area_art img {
        max-width: 650px;
    }

.title_img {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    text-align: center;
    font-family: tahoma;
    color: #A9A9A9;
    line-height: 2;
}

    .title_img span, .data_artical, .owner_art {
        font-family: tahoma;
        color: #A9A9A9;
    }

.artical_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 15px;
    line-height: 2;
    font-size: 13px;
}
.artical_area img {
    height: auto !important;
    width: 100% !important;
}
.data_artical {
    padding: 5px 20px;
}

.owner_art {
    padding: 5px 20px;
}

    .data_artical i, .owner_art i {
        margin-left: 5px;
    }

.share_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 10px 20px;
    border-radius: 3px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #A9A9A9;
    background: #eee;
    border: 1px solid rgba(204, 204, 204, 0.28);
}

    .share_area ul {
        list-style: none;
    }

        .share_area ul li {
            display: inline-block;
        }

            .share_area ul li a {
                display: block;
                text-decoration: none;
            }

            .share_area ul li i {
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                display: block;
                color: #fff;
            }

    .share_area .fa-facebook {
        background: #3a589b;
    }

    .share_area .fa-twitter {
        background: #598dca;
    }

    .share_area .fa-google-plus {
        background: #d95032;
    }

.news_page_area {
    overflow: hidden;
    height: 145px;
    width: 100%;
    display: block;
}

.tags {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .tags h1 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tags a {
        color: #333;
        padding: 5px 10px;
        text-decoration: none;
        ;
        float: right;
        background: #eee;
        border: #d9d9d9 solid 1px;
        border-radius: 2px;
        border-radius: 3px;
        text-align: center;
        font-size: 13px;
        margin: 5px;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

        .tags a:hover {
            color: #E29A36;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

.nav > li > a {
    background: #fff;
    border-radius: 0;
    margin: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #FBFBFB;
    color: #EC8F0D !important;
}

.email_comment {
    font-family: tahoma;
    color: #3A93E0 !important;
    font-weight: normal !important;
}

.login_area {
    overflow: hidden;
    width: 100%;
    display: block;
    margin-top: 15px;
}

    .login_area label {
        font-weight: normal;
        line-height: 3;
    }

    .login_area input {
        width: 100%;
        display: block;
        padding: 10px 10px;
        border: 1px solid #ccc;
    }

        .login_area input:focus {
            border: 1px solid #E29A36;
        }

    .login_area button, .contact_area button {
        background: #E29A36;
        color: #fff;
        padding: 10px 10px;
        border: navajowhite;
        margin: 5px;
        cursor: pointer;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

        .login_area button:hover, .contact_area button:hover {
            background: #C18026;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

.category_area {
    background: #eee;
    border: 1px solid #ccc;
}

    .category_area:hover {
        background: #eee;
        border: 1px solid #ccc;
    }

    .category_area .data_contain h5 a {
        color: #333;
        font-size: 14px;
    }

.data_contain {
    text-align: center;
}

.search_area {
    overflow: hidden;
    height: auto;
    padding: 0 10px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .search_area input {
        padding: 10px;
        border: 1px solid #ccc;
        width: 100%;
        display: block;
        background: url(img/search.png) center left no-repeat;
        background-position: 5px;
    }

.search_result {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 0 10px;
}

    .search_result p {
        color: #989898;
        font-size: 13px;
        font-family: Tahoma;
    }

.search_page_area {
    overflow: hidden;
    width: 100%;
    display: block;
    padding: 0 5px;
    height: auto;
}

    .search_page_area h1 {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        line-height: 2;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.error_page {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px;
}

    .error_page p {
        color: #444;
        font-size: 15px;
        font-weight: bold;
        line-height: 2;
        clear: both;
    }

    .error_page input {
        background: #fff;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

        .error_page input:focus {
            border: 1px solid #E29A36;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

    .error_page button {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 20px;
        border: none;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
        background: #E29A36;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

        .error_page button:hover {
            background: #C18026;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

.back_home {
    width: 170px;
    padding: 10px;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    background: #E29A36;
    color: #fff;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

    .back_home:hover {
        text-decoration: none;
        color: #fff;
        background: #C18026;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

.video_page_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 10px;
}

    .video_page_area .row .row img, .video_page_area .row .row .news_data h3 a {
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .video_page_area .row .row:hover img {
        opacity: .7;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .video_page_area .row .row:hover .news_data h3 a {
        color: #E29A36;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

.video_im {
    position: relative;
}

.hover_video {
    background: rgba(0,0,0,.6) url(img/video.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.video_page_area .row .row:hover .hover_video {
    opacity: 1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.hover_video a {
    display: block;
    width: 100%;
    height: 100%;
}

.relation_video {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .relation_video a, .relation_video img {
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .relation_video:hover a {
        color: #E29A36;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .relation_video:hover img {
        opacity .7;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

.about_vedio {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    margin-top: 15px;
    line-height: 2;
}

    .about_vedio span {
        font-size: 13px;
        color: #333;
    }

.contact_area, .social_pages {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 10px;
}

.social_pages {
    margin-top: 30px;
}

.contact_area input, .contact_area textarea {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
}

    .contact_area input:focus, .contact_area textarea:focus {
        border: 1px solid #C18026;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

.contact_area textarea {
    resize: vertical;
    min-height: 120px;
}

.contact_area label {
    margin-bottom: 5px;
}

.social_pages .social {
    position: initial;
    text-align: center;
    width: 100%;
}

    .social_pages .social li {
        display: inline-block;
        margin: 5px;
    }

.photo_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #fff;
    padding: 15px;
}

.photo_row {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
}

.image_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

    .image_area img {
        max-width: 100%;
    }

.title_albom {
    overflow: hidden;
    width: 100%;
    display: block;
}

    .title_albom h3, .title_albom a {
        color: #333;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        line-height: 1.7;
    }

        .title_albom a:hover {
            color: #E29A36;
        }

.share_details {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .share_details i {
        color: #979797;
        margin: 0;
        font-size: 16px;
    }

    .share_details span {
        color: #979797;
        font-size: 14px;
    }

.facebook_shared, .comment_details {
    display: inline-block;
    margin: 5px;
    overflow: hidden;
    height: auto;
    width: auto;
}

.category_photo {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 15px;
}

    .category_photo a {
        color: #333;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        float: right;
        padding: 5px 10px;
        background: #eee;
        border-right: 4px solid #E29A36;
    }

.last_edit {
    font-size: 13px;
    font-family: Tahoma;
    color: #818181;
    margin-top: 15px;
    margin-bottom: 15px;
}

.slider_photo {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    direction: ltr;
}

.phorto_area_slide {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.photo_container {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    position: relative;
}

.photo_slide_details {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    padding: 15px;
    text-align: right;
}

    .photo_slide_details h2 {
        font-size: 20px;
        line-height: 2;
        color: #fff;
    }

    .photo_slide_details p {
        font-size: 12px;
        color: #fff;
        margin-top: 5px;
        line-height: 1.7;
    }

.flexslider {
    margin-bottom: 5px;
}

#carousel img {
    border: 3px solid rgba(0,0,0,0);
}

#carousel .flex-active-slide img {
    border: 3px solid #E29A36;
}

.flex-direction-nav .flex-next {
    background: rgba(255,255,255,.6) url(img/right.png) center center no-repeat;
    text-indent: 100px;
}

.flex-direction-nav a.flex-next:before {
    content: '.';
}

.flexslider:hover .flex-direction-nav .flex-prev {
    background: rgba(255,255,255,.6) url(img/left.png) center center no-repeat;
    text-indent: -100px;
}

    .flexslider:hover .flex-direction-nav .flex-prev:before {
        content: '.';
    }

.books_area {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #fff;
    padding: 15px;
}

.book_block {
    overflow: hidden;
    width: 100%;
    display: block;
    height: auto;
    padding: 0;
    background: #eee;
}

    .book_block:hover a {
        color: #E29A36;
    }

.detais_book {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 15px;
}

    .detais_book h3 a {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.7;
    }

    .detais_book p {
        font-family: Tahoma;
    }

.title_book {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

    .title_book span {
    }

.download_book {
    margin: 15px auto;
    width: 120px;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    background: #E29A36;
    display: block;
}

    .download_book:hover {
        color: #fff;
        text-decoration: underline;
    }

.writer_area_page {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    background: #fff;
    padding: 20px;
}

    .writer_area_page h1 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        color: #333;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.7;
    }

.img_writer {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .img_writer img {
        max-width: 100%;
    }

.details_writer {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

    .details_writer h3 {
        margin-bottom: 10px;
    }

        .details_writer h3, .details_writer h3 a {
            color: #333;
            font-size: 15px;
            font-weight: bold;
            text-decoration: none;
        }

    .details_writer p {
        color: #353a3d;
        font-size: 14px;
        font-family: Tahoma;
        line-height: 1.7;
    }

    .details_writer h3 a:hover {
        color: #E29A36;
    }

.vote-row {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    padding: 15px;
    border-bottom: 1px dashed #eee;
}

    .vote-row a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        font-size: 15px;
    }

        .vote-row a:hover {
            color: #E29A36;
            text-decoration: underline;
        }

.title-vote {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    line-height: 2;
    padding-bottom: 15px;
    padding-right: 10px;
}

.title-vote_detais {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    line-height: 2;
    padding-bottom: 15px;
    padding-right: 10px;
}

#canvas-holder {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    padding: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

    #chartjs-tooltip.below {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

        #chartjs-tooltip.below:before {
            border: solid;
            border-color: #111 transparent;
            border-color: rgba(0, 0, 0, .8) transparent;
            border-width: 0 8px 8px 8px;
            bottom: 1em;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            z-index: 99;
            -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
        }

    #chartjs-tooltip.above {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }

        #chartjs-tooltip.above:before {
            border: solid;
            border-color: #111 transparent;
            border-color: rgba(0, 0, 0, .8) transparent;
            border-width: 8px 8px 0 8px;
            bottom: 1em;
            content: "";
            display: block;
            left: 50%;
            top: 100%;
            position: absolute;
            z-index: 99;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
        }

.photo-writer {
    overflow: hidden;
    height: auto;
    margin-top: 30px;
    width: 100%;
    display: block;
}

    .photo-writer img {
        max-width: 100%;
        border: 1px solid #eee;
        padding: 3px;
    }

.title-h2 {
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    line-height: 2;
    margin-bottom: 15px;
    font-weight: bold;
    padding: 15px;
}

.send_cons {
    overflow: hidden;
    height: auto;
    width: 100%;
    padding: 0 20px;
    display: block;
}

    .send_cons textarea, .send_cons input, .send_cons select {
        width: 100%;
        display: block;
        padding: 8px 10px;
        border: 1px solid #eee;
    }

    .send_cons textarea {
        min-height: 120px;
        resize: vertical;
    }

        .send_cons input:focus, .send_cons select:focus, .send_cons textarea:focus {
            border: 1px solid #E29A36;
        }

    .send_cons button {
        background: #E29A36;
        color: #fff;
        padding: 10px 10px;
        border: navajowhite;
        margin: 5px;
        cursor: pointer;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

        .send_cons button:hover {
            background: #C18026;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

    .send_cons input[type="checkbox"] {
        width: 15px;
        height: 15px;
        margin-left: 15px;
        float: right;
    }

.consulte {
    overflow: hidden;
    height: auto;
    width: 100%;
    padding: 0 20px;
    display: block;
}

    .consulte .row {
        border-bottom: 1px dashed #eee;
        padding-bottom: 15px;
        padding-top: 15px;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .consulte p {
        color: #666;
        font-family: Tahoma;
        font-size: 13px;
        line-height: 1.7;
    }

    .consulte h3 a {
        color: #353a3d;
        text-decoration: none;
        display: block;
        line-height: 1.7;
        font-weight: bold;
        font-size: 16px;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .consulte .row:hover h3 a {
        color: #E29A36;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .consulte .row:hover {
        background: rgba(238, 238, 238, 0.49);
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }
	
/*--------------------------small screen----------------------------------*/
@media (max-width: 1200px) and (min-width: 992px) {
}
/*--------------------------Tab style----------------------------------*/
@media (max-width: 992px) and (min-width: 768px) {
}
/*--------------------------mobile style----------------------------------*/
@media (max-width: 768px) and (min-width: 168px) {
}