/*@font-face {
  font-family:"AraJozoor-Regular";
  src:url(../../../fonts/AraJozoor-Regular.eot);
  src:local("☺"),url(../../../fonts/AraJozoor-Regular.woff) format("woff"),url(../../../fonts/AraJozoor-Regular.ttf) format("truetype"),url(../../../fonts/AraJozoor-Regular.svg) format("svg");
  font-weight:400;
  font-style:normal
}*/

body {
    overflow-x: hidden !important;
    background: #F7F7F7;
    font-family: 'Cairo', sans-serif;
}

a {
    text-decoration: none !important;
}

.navbar-brand {
    width: 150px;
    background: url('http://www.sneaker-mission.com/uploads/3/1/2/7/31279819/5617441.png') no-repeat center center;
    background-size: 50px;
}

    .navbar-brand img {
        max-width: 100%;
    }

.nav-tabs {
    display: inline-block;
    border-bottom: none;
    padding-top: 15px;
    font-weight: bold;
}

    .nav-tabs > li > a,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border: none;
        border-radius: 0;
    }

.nav-list > li {
    padding: 20px 15px 15px;
}

    .nav-list > li > a:hover {
        text-decoration: none;
    }

    .nav-list > li > a > span {
        display: block;
        font-weight: bold;
        text-transform: upperca.;
    }

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 15px 15px;
    text-align: center;
    width: 100%;
}

.navbar-left input {
    background: #8E1212;
    border: none;
    color: #999
}

.navbar-logo {
    padding: 20px 0;
}
/* OverRide */
.bg-primary {
    background-color: #eee;
    padding-top: 0;
}

.navbar-default, .dropdown-menu {
    background-color: #6C1010;
    border: none;
}

.navbar-form {
    margin-top: 13px;
}

.dropdown-menu {
    background-color: #B31919;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dropdown-menu li a {
    color: #eee
}

.dropdown-menu li.btn-primary {
    color: #FFF
}

.navbar-default .btn-primary {
    border: none;
    color: #FFF;
}

.nav-pills .btn-primary:hover {
    color: #FFF !important
}

.navbar-search input {
    background-color: #fff;
}

.navbar-search .btn-group, .navbar-search .form-group {
}

.navbar-social {
    padding-top: 50px !important;
}

    .navbar-social .dropdown {
        display: inline-block;
    }

        .navbar-social .dropdown .dropdown-menu {
            background-color: #fff;
        }

    .navbar-social .btn-facebook {
        background: #405D9A;
        color: #fff
    }

        .navbar-social .btn-facebook:hover, .btn-facebook:focus {
            background: #27437D;
            color: #fff
        }

    .navbar-social .btn-google-plus {
        background: #EA4335;
        color: #fff
    }

        .navbar-social .btn-google-plus:hover, .btn-google-plus:focus {
            background: #D23629;
            color: #fff
        }

    .navbar-social .btn-twitter {
        background: #56ACEE;
        color: #fff
    }

        .navbar-social .btn-twitter:hover, .btn-twitter:focus {
            background: #468FC7;
            color: #fff
        }

    .navbar-social .btn-youtube {
        background: #C91010;
        color: #fff
    }

        .navbar-social .btn-youtube:hover, .btn-youtube:focus {
            background: #AE0E0E;
            color: #fff
        }

.btn-gohst {
    background: #f1f1f1;
    border: 1px solid #eee;
    color: #3BAFDA
}

    .btn-gohst:hover, .btn-gohst:focus {
        background: #f1f1f1;
        color: #3BAFDA
    }

.navbar-search .dropdown-menu {
    background-color: #fff;
}





.clock, .time {
    color: #B72727;
}

/* General Style */
.bold-font {
    font-weight: bolder;
    line-height: 145px
}

/*----------- Bootstrap OverRide ----------*/
.news-section .col-md-4 {
    width: 32%;
    margin-right: 0.5%;
    margin-left: 0.5%;
}

.news-section .col-md-8 {
    width: 65%;
    margin-right: 0.5%;
    margin-left: 0.5%;
}


/*********
 Content
*********/
/** Slider **/
.slider-warpper {
    width: 100%;
    padding-bottom: 20px;
}

.carousel-inner {
    background-color: #fff;
    box-shadow: 0px 0px 4px #ccc;
    color: #000;
}

    .carousel-inner h2, .slider-warpper a {
        margin-top: 5px
    }

.controls a {
    color: #C91D1D;
}

.slider-warpper a:hover {
    color: #FFF;
    text-decoration: underline
}

#custom_carousel .item, #custom_carousel .item.active {
    padding-top: 20px;
    padding-bottom: 20px;
}

#custom_carousel .controls {
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

    #custom_carousel .controls li {
        display: table-cell;
        width: 1%;
        max-width: 80px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.53);
        border: 1px solid rgba(195, 195, 195, 0.15);
    }

        #custom_carousel .controls li.active {
            background-color: #fff;
            color: #000;
        }

            #custom_carousel .controls li.active a {
                color: #000;
                font-weight: bold;
            }

    #custom_carousel .controls a small {
        overflow: hidden;
        display: block;
        font-size: 10px;
        margin-top: 5px;
        font-weight: bold
    }

.item .col-md-5 {
    height: 300px !important;
    width: 66% !important
}

    .item .col-md-5 img {
        height: 100%;
        width: 100%;
    }

.controls li img {
    width: 130px !important;
    height: 70px !important;
}

/* OverRiding Bootstrap */
.bg-light {
    margin-top: 0
}

/*==========
    ADS Between Catgs
 *=========*/

.ad-between-catg {
    margin: 20px auto
}

    .ad-between-catg img {
        width: 100%;
        height: 90px;
    }



/** News **/
.news .small-news {
    height: 145px;
    margin-bottom: 1%;
    background-image: url('');
    color: #E1E1E1;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.95;
}

    .news .small-news:hover {
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: scale(1.01);
        box-shadow: 2px 2px 10px #888888;
        color: #FFF;
        opacity: 1
    }

.content-warpper {
    padding-bottom: 20px;
}

    .content-warpper a {
        color: #ccc
    }

        .content-warpper a:hover {
            color: #ccc;
            text-decoration: underline
        }

.small-report-img {
    position: absolute;
    top: 0;
    left: -15px;
    width: 115%;
    height: 100%;
}

.news .small-news .text-center {
    height: 35%;
    width: 100%;
    bottom: 0;
    right: 0;
    text-overflow:;
    position: absolute;
    background: rgba(9,9,9,0.8);
}

    .news .small-news .text-center p {
        padding: 5px;
    }

.news .small-news a {
    color: #DDD
}

    .news .small-news a:hover {
        color: #FFF
    }


/*********

*********/
.blog-group {
    border-radius: 4px;
    margin-bottom: 10px;
    float: right !important;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
}

.top-bar {
    border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
    width: 100%;
    background: rgba(240,240,240,.8);
}

    .top-bar .list-inline {
        margin: 10px auto 0 !important
    }

.top-head { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
    background: #fff; /* Old browsers */
    background-image: url("../img/back.jpg");
    background-size: cover;
}

.jumbotron {
    background: transparent !important;
    box-shadow: none;
}

.no-margin {
    margin: 0
}

.text-underline:hover {
    text-decoration: underline;
    text-decoration: underline;
    cursor: pointer
}

.btn-product {
    width: 100%;
    color: #DDD;
    border: 1px solid #DDD;
    border-radius: 0
}

    .btn-product:hover {
        color: #FFF;
        border: 1px solid #FFF
    }

.thumbnail, .thumbnail .list-group {
    background: #ecf0f1
}

    .thumbnail a > img, .thumbnail > img {
        height: 220px
    }

    .thumbnail .caption {
        padding: 10px
    }
/*
.price {
width:35%;
height:20%;
background:#1e5799;
background:-moz-linear-gradient(top,rgba(9,9,9,0.9) 0%,rgba(9,9,9,0.7) 50%,rgba(9,9,9,0.7) 51%,rgba(9,9,9,0) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(9,9,9,0.9)),color-stop(50%,rgba(9,9,9,0.7)),color-stop(51%,rgba(9,9,9,0.6)),color-stop(100%,rgba(9,9,9,0)));
background:-webkit-linear-gradient(top,rgba(9,9,9,0.9) 0%,rgba(9,9,9,0.7) 50%,rgba(9,9,9,0.6) 51%,rgba(9,9,9,0) 100%);
background:-o-linear-gradient(top,rgba(9,9,9,0.9) 0%,rgba(9,9,9,0.7) 50%,rgba(9,9,9,0.6) 51%,rgba(9,9,9,0) 100%);
background:-ms-linear-gradient(top,rgba(9,9,9,0.9) 0%,rgba(9,9,9,0.7) 50%,rgba(9,9,9,0.6) 51%,rgba(9,9,9,0) 100%);
background:linear-gradient(to bottom,rgba(9,9,9,0.9) 0%,rgba(9,9,9,0.7) 50%,rgba(9,9,9,0.6) 51%,rgba(9,9,9,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799",endColorstr="#7db9e8",GradientType=0);
color:#FFF;
text-align:center;
line-height:180%;
position:absolute;
top:0;
right:15px
}
*/
.result .lead {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    display: block;
}

.result .read-more a {
    position: absolute;
    right: 15px;
    bottom: -30px;
    font-weight: bolder;
    display: block;
    position: absolute;
    left: 15px;
    bottom: -25px;
    font-weight: bolder;
    display: block;
    margin-top: 60%
}

.result .read-more:hover a {
    text-decoration: underline;
    color: #171717;
    text-decoration: underline;
    color: #171717
}

.input-group .form-control:last-child {
    border-radius: 4px;
    border-radius: 4px
}

.ad-between-catg {
    margin: 20px auto;
    margin: 20px auto
}

    .ad-between-catg img {
        width: 100%;
        height: 90px;
        width: 100%;
        height: 90px
    }

.show-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 45%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(45%,rgba(255,255,255,0.88)),color-stop(51%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 45%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 45%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 45%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 45%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0)
}



.dalel-details h1 {
    text-align: right;
    font-weight: bolder;
    text-align: right;
    font-weight: bolder
}

.jumbotron .h2, .jumbotron h2 {
    text-align: right;
    text-align: right
}

.one-detail .detail-price:after {
    content: " جنية ";
    content: " جنية "
}

.col-md-4 {
    width: 32%
}

.col-md-2 {
    width: 15.5%
}

.dalel-counter {
    color: red;
    font-size: 40px;
    font-weight: 700
}

.h6 {
    font-size: 12px
}

.form-search {
    margin: 8% auto
}

.search-btn {
    margin-top: -20px
}

#showAdvSearch {
    margin-top: 10px;
    color: #7e7e7e;
    cursor: pointer
}

    #showAdvSearch:hover {
        text-decoration: underline
    }




.results-warpper {
    float: left;
    margin-top: -40px
}


.dalel-logo {
    overflow: hidden
}

    .dalel-logo img {
        width: 200px;
        margin-top: 50px
    }

.dalel-details-2 .one-detail .sub-dalel-btn {
    cursor: pointer
}

.dalel-details-2 .one-detail .sub-dalel-details {
    margin: 5% auto;
    padding-bottom: 15px;
    border: 1px solid #e1e1e1;
    display: none
}

    .dalel-details-2 .one-detail .sub-dalel-details .one-detail:nth-child(even) {
        background: #f7f7f7
    }

.dalel-details-2 .one-detail a {
    color: #2980b9;
    text-decoration: underline
}

.dalel-details-2 span {
    height: 50px;
    line-height: 35px;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    background: #89669b;
    color: #FFF;
    padding: 5px;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 100
}

    .dalel-details-2 span i {
        font-size: 20px
    }

    .dalel-details-2 span a {
        color: #FFF;

    }

    .dalel-details-2 span.fb {
        background: #3b5998;
        margin:1px;
    }
    .dalel-details-2 span.tele {
        margin:1px;
    }
    .dalel-details-2 span.map {
        background: #2980b9
    }

    .dalel-details-2 span.site {
        background: #822b00;
        margin:1px;
    }

    .dalel-details-2 span.fb:hover {
        background: #5275bc
    }

    .dalel-details-2 span.map:hover {
        background: #4099d5
    }

    .dalel-details-2 span.site:hover {
        background: #ae3800
    }

.map-warpper {
    height: 500px;
    margin-top: 3%;
    margin-bottom: 3%;
    border: 1px solid #bebebe;
    display: none;
    overflow: hidden;
    padding: 0;
    position: relative
}

    .map-warpper .close-map {
        position: absolute;
        top: 15px;
        right: 15px;
        color: #000;
        text-shadow: -1px -1px 0 #ddd,1px -1px 0 #ddd,-1px 1px 0 #ddd,1px 1px 0 #ddd;
        opacity: .7;
        cursor: pointer
    }

        .map-warpper .close-map:hover {
            opacity: 1
        }

    .map-warpper iframe {
        width: 100%;
        height: 100%
    }

.req {
    color: red;
    font-size: 20px;
    font-weight: bolder
}

.upload {
    margin-top: 10%
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    float: right
}

    .custom-file-upload label {
        display: block;
        margin-bottom: 5px
    }


.error {
    color: #fb3a3a;
    display: inline-block;
    padding: 0;
    text-align: right
}

#btnSubmit {
    margin-bottom: 2%
}

.form-2-warpper {
    border: 1px solid #bebebe;
    padding: 3% 2% 5%;
    margin-bottom: 5%;
    display: none
}

.tags {
    position: absolute;
    width: 100%;
    max-width: 450px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    padding: .5em .5em 0;
    borer-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    background: #fff
}

    .tags input {
        display: block;
        float: left;
        padding: .25em 0;
        margin-bottom: .5em;
        font: 1em "Open Sans",sans-serif
    }

    .tags .tag {
        display: block;
        float: left;
        padding: .25em .5em;
        border-radius: 3px;
        margin-right: .5em;
        margin-bottom: .5em;
        cursor: pointer;
        background: rgba(52,152,219,.5)
    }

        .tags .tag.highlight {
            background: rgba(231,76,60,.5)
        }

    .tags:after {
        content: "";
        clear: both;
        display: table
    }





.inputs input {
    width: 48%;
    margin: auto 1%
}

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

.adv-search-buttons {
    margin-top: 5%;
    margin-bottom: 3%;
}

    .adv-search-buttons button,
    .adv-search-buttons a {
        width: 100px;
        margin-left: 2%
    }

    .adv-search-buttons a {
        width: auto
    }

        .adv-search-buttons a:hover {
            color: #fff !important;
        }

        .adv-search-buttons a i {
            margin-right: 10px;
        }

select {
    padding: 0 !important
}

#submite-search {
    margin: 3% auto
}

#add-car {
    width: 40px;
    height: 40px;
    line-height: 28px;
    border-radius: 50%;
    margin-top: 4%;
    margin-bottom: 1%;
    margin-right: 2%;
    width: 40px;
    height: 40px;
    line-height: 28px;
    border-radius: 50%;
    margin-top: 4%;
    margin-bottom: 1%;
    margin-right: 2%;
    width: 40px;
    height: 40px;
    line-height: 28px;
    border-radius: 50%;
    margin-top: 4%;
    margin-bottom: 1%;
    margin-right: 2%
}


.result .price {
    color: #c0392b;
    font-size: 18px;
    font-weight: bolder;
    display: block;
}


.bold-text {
    font-weight: bolder
}

.clear-fix {
    clear: both
}

#custom_carousel .item {
    color: #000;
    padding: 20px 0;
}

#custom_carousel .controls {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background: #DBDBDB;
    overflow: auto hidden
}

    #custom_carousel .controls li {
        display: table-cell;
        width: 1%;
        max-width: 90px
    }

        #custom_carousel .controls li.active {
        }

    #custom_carousel .controls a small {
        overflow: hidden;
        display: block;
        font-size: 10px;
        margin-top: 5px;
        font-weight: 700
    }

.item .col-md-5 {
    height: 250px !important;
    width: 350px !important;
    overflow: hidden
}

    .item .col-md-5 img {
        height: 100%;
        width: 100%
    }

.controls li img {
    width: 150px !important;
    height: 70px !important
}

.news .big-news {
    height: 300px;
    padding: 0;
    color: #e1e1e1;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
}

    .news .big-news img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .news .big-news:hover {
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: scale(1.01);
        box-shadow: 2px 2px 10px #888;
        color: #FFF
    }

    .news .big-news .big-news-p {
        height: 120px;
        text-align: right;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0);
        padding: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

        .news .big-news .big-news-p h5 {
            color: #FFF;
        }

    .news .big-news .big-news-content i:before {
        content: "منذ "
    }

    .news .big-news .big-news-content i {
        margin-top: 10px
    }

        .news .big-news .big-news-content i:after {
            content: " ساعات"
        }

.news .small-news {
    height: 145px;
    margin-bottom: 1%;
    color: #e1e1e1;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: .95;
    height: 145px;
    margin-bottom: 1%;
    background-image: url();
}

    .news .small-news:hover {
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: scale(1.01);
        box-shadow: 2px 2px 10px #888;
        color: #FFF;
        opacity: 1
    }

.news a.btn {
    color: #fff
}

.news a:hover {
    color: #333;
    text-decoration: underline
}

.small-report-img {
    position: absolute;
    top: 0;
    left: -15px;
    width: 115%;
    height: 100%
}

.news .small-news .text-center {
    height: 100%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.65)),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0);
    width: 100%;
    bottom: -100px;
    right: 0;
    position: absolute;
    background: rgba(9,9,9,.8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news .small-news:hover .text-center {
    bottom: 0
}

.news .small-news .text-center p {
    padding: 5px;
    padding: 5px
}

.small-news a {
    color: #DDD
}

    .small-news a:hover {
        color: #FFF
    }

.news .col-md-4 {
    width: 32%;
    margin-right: .5%;
    margin-left: .5%
}

.news .col-md-8 {
    width: 65%;
    margin-right: .5%;
    margin-left: .5%
}

.news .report-img img {
    max-height: 720px;
    margin: 0 auto
}

.ladda-button {
    position: relative;
    margin-top: 2em;
    border-radius: 0;
}

    .ladda-button .ladda-spinner {
        position: absolute;
        z-index: 2;
        display: inline-block;
        width: 32px;
        height: 32px;
        top: 50%;
        margin-top: -16px;
        opacity: 0;
        pointer-events: none
    }

    .ladda-button .ladda-label {
        position: relative;
        z-index: 3
    }

    .ladda-button .ladda-progress {
        position: absolute;
        width: 0;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.2);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .1s linear all !important;
        -moz-transition: .1s linear all !important;
        -ms-transition: .1s linear all !important;
        -o-transition: .1s linear all !important;
        transition: .1s linear all !important
    }

    .ladda-button[data-loading] .ladda-progress {
        opacity: 1;
        visibility: visible
    }

    .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label {
        -webkit-transition: .3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;
        -moz-transition: .3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;
        -ms-transition: .3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;
        -o-transition: .3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;
        transition: .3s cubic-bezier(0.175,0.885,0.32,1.275) all !important
    }

        .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label {
            -webkit-transition: .3s ease all !important;
            -moz-transition: .3s ease all !important;
            -ms-transition: .3s ease all !important;
            -o-transition: .3s ease all !important;
            transition: .3s ease all !important
        }

        .ladda-button[data-style=expand-right] .ladda-spinner {
            right: 14px
        }

        .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
            right: 4px
        }

        .ladda-button[data-style=expand-right][data-loading] {
            padding-right: 56px
        }

            .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
                opacity: 1
            }

            .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
                padding-right: 40px
            }

        .ladda-button[data-style=expand-left] .ladda-spinner {
            left: 14px
        }

        .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
            left: 4px
        }

        .ladda-button[data-style=expand-left][data-loading] {
            padding-left: 56px
        }

            .ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
                opacity: 1
            }

            .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
                padding-left: 40px
            }

        .ladda-button[data-style=expand-up] {
            overflow: hidden
        }

            .ladda-button[data-style=expand-up] .ladda-spinner {
                top: -32px;
                left: 50%;
                margin-left: -16px
            }

            .ladda-button[data-style=expand-up][data-loading] {
                padding-top: 54px
            }

                .ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
                    opacity: 1;
                    top: 14px;
                    margin-top: 0
                }

                .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
                    padding-top: 32px
                }

                    .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
                        top: 4px
                    }

        .ladda-button[data-style=expand-down] {
            overflow: hidden
        }

            .ladda-button[data-style=expand-down] .ladda-spinner {
                top: 62px;
                left: 50%;
                margin-left: -16px
            }

            .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
                top: 40px
            }

            .ladda-button[data-style=expand-down][data-loading] {
                padding-bottom: 54px
            }

                .ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
                    opacity: 1
                }

                .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
                    padding-bottom: 32px
                }

        .ladda-button[data-style=slide-left] {
            overflow: hidden
        }

            .ladda-button[data-style=slide-left] .ladda-label {
                position: relative
            }

            .ladda-button[data-style=slide-left] .ladda-spinner {
                left: 100%;
                margin-left: -16px
            }

            .ladda-button[data-style=slide-left][data-loading] .ladda-label {
                opacity: 0;
                left: -100%
            }

            .ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
                opacity: 1;
                left: 50%
            }

        .ladda-button[data-style=slide-right] {
            overflow: hidden
        }

            .ladda-button[data-style=slide-right] .ladda-label {
                position: relative
            }

            .ladda-button[data-style=slide-right] .ladda-spinner {
                right: 100%;
                margin-left: -16px
            }

            .ladda-button[data-style=slide-right][data-loading] .ladda-label {
                opacity: 0;
                left: 100%
            }

            .ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
                opacity: 1;
                left: 50%
            }

        .ladda-button[data-style=slide-up] {
            overflow: hidden
        }

            .ladda-button[data-style=slide-up] .ladda-label {
                position: relative
            }

            .ladda-button[data-style=slide-up] .ladda-spinner {
                left: 50%;
                margin-left: -16px;
                margin-top: 1em
            }

            .ladda-button[data-style=slide-up][data-loading] .ladda-label {
                opacity: 0;
                top: -1em
            }

            .ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
                opacity: 1;
                margin-top: -16px
            }

        .ladda-button[data-style=slide-down] {
            overflow: hidden
        }

            .ladda-button[data-style=slide-down] .ladda-label {
                position: relative
            }

            .ladda-button[data-style=slide-down] .ladda-spinner {
                left: 50%;
                margin-left: -16px;
                margin-top: -2em
            }

            .ladda-button[data-style=slide-down][data-loading] .ladda-label {
                opacity: 0;
                top: 1em
            }

            .ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
                opacity: 1;
                margin-top: -16px
            }

        .ladda-button[data-style=zoom-out] {
            overflow: hidden
        }

            .ladda-button[data-style=zoom-out] .ladda-spinner {
                left: 50%;
                margin-left: -16px;
                -webkit-transform: scale(2.5);
                -moz-transform: scale(2.5);
                -ms-transform: scale(2.5);
                -o-transform: scale(2.5);
                transform: scale(2.5)
            }

            .ladda-button[data-style=zoom-out] .ladda-label {
                position: relative;
                display: inline-block
            }

            .ladda-button[data-style=zoom-out][data-loading] .ladda-label {
                opacity: 0;
                -webkit-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5)
            }

            .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
                opacity: 1;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

        .ladda-button[data-style=zoom-in] {
            overflow: hidden
        }

            .ladda-button[data-style=zoom-in] .ladda-spinner {
                left: 50%;
                margin-left: -16px;
                -webkit-transform: scale(0.2);
                -moz-transform: scale(0.2);
                -ms-transform: scale(0.2);
                -o-transform: scale(0.2);
                transform: scale(0.2)
            }

            .ladda-button[data-style=zoom-in] .ladda-label {
                position: relative;
                display: inline-block
            }

            .ladda-button[data-style=zoom-in][data-loading] .ladda-label {
                opacity: 0;
                -webkit-transform: scale(2.2);
                -moz-transform: scale(2.2);
                -ms-transform: scale(2.2);
                -o-transform: scale(2.2);
                transform: scale(2.2)
            }

            .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
                opacity: 1;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

        .ladda-button[data-style=contract] {
            overflow: hidden;
            width: 100px
        }

            .ladda-button[data-style=contract] .ladda-spinner {
                left: 50%;
                margin-left: -16px
            }

            .ladda-button[data-style=contract][data-loading] {
                border-radius: 50%;
                width: 52px
            }

                .ladda-button[data-style=contract][data-loading] .ladda-label {
                    opacity: 0
                }

                .ladda-button[data-style=contract][data-loading] .ladda-spinner {
                    opacity: 1
                }

        .ladda-button[data-style=contract-overlay] {
            overflow: hidden;
            width: 100px;
            box-shadow: 0 0 0 3000px rgba(0,0,0,0)
        }

            .ladda-button[data-style=contract-overlay] .ladda-spinner {
                left: 50%;
                margin-left: -16px
            }

            .ladda-button[data-style=contract-overlay][data-loading] {
                border-radius: 50%;
                width: 52px;
                box-shadow: 0 0 0 3000px rgba(0,0,0,.8)
            }

                .ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
                    opacity: 0
                }

                .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
                    opacity: 1
                }

.big-font, .single-details {
    padding: 10px;
    background: rgba(238, 238, 238, 0.36);
}

.big-font {
    font-weight: bold;
    display: inline-block;
    margin-bottom: -5px;
    font-family: 'Segoe UI Regular','Segoe WP','Arial','Sans-Serif' !important;
}
.NewsDesc p {
    font-family: 'Segoe UI Regular','Segoe WP','Arial','Sans-Serif' !important;
    font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif" !important;
    font-weight: normal !important;
    font-size: 2rem !important;
    line-height: 3.2rem !important;
    letter-spacing: normal !important;
}

.NewsDesc * {
    font-family: 'Segoe UI Regular','Segoe WP','Arial','Sans-Serif' !important;
    font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif" !important;
    font-weight: normal !important;
    font-size: 2rem !important;
    line-height: 3.2rem !important;
    letter-spacing: normal !important;
}

.social-network {
    margin-top: 15px
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0
}

    ul.social-network li {
        display: inline-block;
        margin: 2% 1%
    }

.social-network a.icoFacebook {
    opacity: .7;
    background: #3b5998
}

.social-network a.icoTwitter {
    opacity: .7;
    background: #3cf
}

.social-network a.icoGoogle {
    opacity: .7;
    background: #bd3518
}

.social-network a.icoPrint {
    opacity: .7;
    background: #007bb7
}

.social-network a.icoFacebook, .social-network a.icoTwitter, .social-network a.icoGoogle, .social-network a.icoPrint {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

    .social-network a.icoFacebook:hover {
        opacity: 1;
        background: #3b5998
    }

    .social-network a.icoTwitter:hover {
        opacity: 1;
        background: #3cf
    }

    .social-network a.icoGoogle:hover {
        opacity: 1;
        background: #bd3518
    }

    .social-network a.icoPrint:hover {
        opacity: 1;
        background: #007bb7
    }

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px
}

.social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center
}

.social-circle a {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.social-circle i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.social-network a {
    background: #d3d3d3
}

.logo-for-print {
    display: none
}

.report h4 {
    color: #941313;
    margin-right: 30px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    word-spacing: 2px
}

.ad-between-p {
    margin: 5% auto
}

.keywords .pager li > a, .pager li > span {
    margin-left: 10px;
    margin-bottom: 10px;
    border-color: #941313;
    color: #FFF;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #941313
}

    .keywords .pager li > a:hover {
        border-color: #d51c1c;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        background: #d51c1c
    }

.fb-comments {
    height: 250px;
    background: #DDD
}

.content-warpper a {
    color: #B31919
}

    .content-warpper a:hover {
        color: #333;
        text-decoration: underline
    }

.news .small-news a {
    color: #DDD
}

    .news .small-news a:hover {
        color: #FFF
    }




#submite-search {
    margin: 3% auto
}

#add-car {
    width: 40px;
    height: 40px;
    line-height: 28px;
    border-radius: 50%;
    margin-top: 4%;
    margin-bottom: 1%;
    margin-right: 2%
}

.col-xs-4 {
    width: 32.3333333%;
    padding: 0;
    margin: auto .5%
}

.product-body .discount {
    font-size: 20px;
    color: #55acee;
    font-weight: 700;
    margin-top: 15px;
    font-size: 20px;
    color: #55acee;
    font-weight: 700
}

/* .product-body .discount:after {
content:"%"
} */


#submite-search {
    margin: 3% auto
}

#add-car {
    width: 40px;
    height: 40px;
    line-height: 28px;
    border-radius: 50%;
    margin-top: 4%;
    margin-bottom: 1%;
    margin-right: 2%
}

.hr {
    width: 100%;
    height: 0;
    margin: 15px auto;
    border-bottom: 1px solid #eee;
}

.img-warpper {
    overflow: hidden
}

    .img-warpper img {
        max-width: 100%
    }

.offer-details .one-detail {
    height: 40px;
    line-height: 40px;
    text-align: right;
    margin-bottom: 15px;
    margin: 0
}

    .offer-details .one-detail:nth-child(odd) {
        background: #f7f7f7
    }

.offer-details .col-xs-4 {
    width: 32%;
    margin: 1% .5%
}

.details-p .btn {
    width: 150px;
    height: 40px;
    line-height: 25px;
    border: none;
    border-radius: 0;
    margin-top: 10%
}

.product {
    margin-top: 2%;
    background: #fff;
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 4px;
}

    .product .product-head {
        width: 100%;
        height: 150px;
        overflow: hidden;
        position: relative;
    }

        .product .product-head img {
            position: absolute;
            /* right:0;
  top:0; */
            max-width: 100%;
            max-height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

.product-body {
    padding: 15px;
}

    .product-body span:first-child {
        font-size: 18px;
        font-weight: 600;
    }

    .product-body p {
        color: #9b9b9b;
        font-size: 12px;
    }

    .product-body .before {
        width: 65px;
        height: 30px;
        line-height: 30px;
        display: block;
        float: left;
        color: #aaa;
        text-decoration: line-through;
        margin-left: 30%;
    }

    .product-body .after {
        width: 65px;
        height: 30px;
        line-height: 30px;
        display: block;
        float: left;
        padding: auto 15px;
        background: #55acee;
        color: #FFF;
        margin-left: 20px;
        border-radius: 2px;
    }

    .product-body .dicount {
        font-size: 20px;
        color: #55acee;
        font-weight: 700
    }

        .product-body .dicount:after {
            content: "%"
        }

.adv-search {
    margin: 2% auto;
    border-bottom: 1px solid #941313
}

    .adv-search select:first-of-type {
        float: none;
        display: block;
        margin: auto;
    }

    .adv-search h2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #941313;
        line-height: .1em;
        margin: 30px 0 20px
    }

        .adv-search h2 span {
            background: #fff;
            padding: 0 10px
        }

    .adv-search .select-p {
        display: block;
        margin-top: 10%
    }

    .adv-search .select-p-2 {
        display: block;
        margin-top: 5%
    }

    .adv-search .select-checkbox {
        margin-top: 3%
    }

        .adv-search .select-checkbox p {
            display: inline;
            font-size: 15px
        }

.inputs input {
    width: 48%;
    margin: auto 1%
}

#submite-search {
    margin-top: 5%;
    margin-bottom: 3%
}


.result .price {
    display: block;
    font-weight: 700;
    color: #941313
}

.result .location {
    font-weight: 700;
    display: block;
    display: block
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #dedede;
    cursor: move !important;
}

.swiper-slide {
    height: auto;
    background-size: cover;
    background-position: center;
    /*background: cover center*/
}

.gallery-top {
    height: 80%;
    width: 100%
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100px;
        opacity: .4
    }

    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }



.result img {
    max-width: 250px;
    max-height: 150px;
    margin: auto;
    display: block
}

.result .number {
    display: block
}

    .result .number span {
        color: #c0392b;
        font-size: 16px;
        font-weight: bolder
    }

.result .location {
    display: block
}

    .result .location span {
        color: #c0392b;
        font-size: 14px;
        font-weight: bolder
    }

.result .show-more {
    position: absolute;
    left: 0;
    font-weight: bolder;
    display: block;
}

    .result .show-more a {
        color: #555;
        font-size: 11px;
    }

        .result .show-more a:hover {
            color: #252525;
        }


.result .price {
    color: #c0392b;
    font-size: 18px;
    font-weight: bolder;
    display: block
}

.result .date {
    position: absolute;
    left: 0;
    bottom: 10px;
    font-weight: bolder;
    display: block;
    color: #999;
}

.sub-headline {
    font-weight: 600;
    margin-top: 5%;
    margin-bottom: 3%;
    text-align: right;
}

.dalel-details-2 {
    margin-top: 50px;
}

    .dalel-details-2 .one-detail {
        height: 40px;
        line-height: 40px;
        text-align: right;
        margin-bottom: 15px;
        margin: 0;
        display: inline;
    }

    

    .dalel-details-2 .col-xs-4 {
        width: 32%;
        margin: 1% .5%
    }


.result .price {
    color: #c0392b;
    font-size: 18px;
    font-weight: bolder;
    display: block
}

.product-details .lead {
    font-weight: 600;
}

.details {
    position: relative;
    margin-bottom: 30px
}

    .details p {
        font-weight: bolder;
        border-bottom: 1px solid #DDD
    }

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

.product-details .btn {
    border-radius: 0;
    margin: 2% 1%;
}

.details .btn-danger {
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.red {
    color: red
}

.form-area button:after {
    content: " ارسل رسالتك "
}

.price-warpper {
    overflow: hidden;
    /*width: 25% !important;*/
    
}

.price h2 {
    color: #c0392b;
}

    .price h2:after {
        content: " جنية ";
    }

.price .btn {
    margin: 2% auto;
    border-radius: 0;
    color: #FFF !important
}

.price .btn-primary {
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #0e2030;
}



    .price .btn-primary:hover {
        background-color: #1e4466;
        color: #FFF;
        text-decoration: none
    }

/*.scrolled-price {
position:fixed;
width:14.5%;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}*/


.result .number {
    display: block
}

    .result .number span {
        color: #c0392b;
        font-size: 16px;
        font-weight: bolder
    }

.result .location {
    display: block
}

    .result .location span {
        color: #c0392b;
        font-size: 14px;
        font-weight: bolder
    }

.result .show-more {
    position: absolute;
    left: 0;
    font-weight: bolder;
    display: block
}

    .result .show-more a {
        color: #555;
        font-size: 11px
    }

        .result .show-more a:hover {
            color: #252525
        }

.result {
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #EEE;
    margin: 10px auto;
    position: relative
}

    .result .price {
        color: #c0392b;
        font-size: 18px;
        font-weight: bolder;
        display: block
    }


.catg.col-md-4 {
    width: 18%;
    padding-top: 2%
}

.catg {
    height: 100px;
    color: #FFF;
    line-height: 200%;
    font-size: 14px;
    margin: 1% .5%;
    text-align: center;
    border: none;
    border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #267dff
}

    .catg:hover {
        background: #68aedd
    }

.social-login {
    padding: 10px;
    margin-bottom: 30px
}

    .social-login .fb {
        border: none;
        background: #3b5998
    }

    .social-login .go {
        border: none;
        background: #dd4b39
    }

.panel-login {
    border-color: #ccc;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2);
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2)
}

    .panel-login > .panel-heading {
        color: #00415d;
        border-color: #fff;
        text-align: center;
        background: #fff
    }

        .panel-login > .panel-heading .col-xs-6 {
            border-right: 1px solid #DDD;
            border-left: 1px solid #DDD
        }

        .panel-login > .panel-heading a {
            text-decoration: none;
            color: #666;
            font-weight: 700;
            font-size: 15px;
            -webkit-transition: all .1s linear;
            -moz-transition: all .1s linear;
            transition: all .1s linear
        }

            .panel-login > .panel-heading a.active {
                color: #029f5b;
                font-size: 18px
            }

        .panel-login > .panel-heading hr {
            margin-top: 10px;
            margin-bottom: 0;
            clear: both;
            border: 0;
            height: 1px;
            background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
            background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
            background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0))
        }

    .panel-login input[type="text"], .panel-login input[type="email"], .panel-login input[type="password"] {
        height: 45px;
        border: 1px solid #ddd;
        font-size: 16px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        transition: all .1s linear
    }

    .panel-login input:hover, .panel-login input:focus {
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: #ccc
    }

.btn-login {
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: 400;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #59b2e6;
    background: #59b2e0
}

    .btn-login:hover, .btn-login:focus {
        color: #fff;
        border-color: #53a3cd;
        background: #53a3cd
    }

.forgot-password {
    text-decoration: underline;
    color: #888
}

    .forgot-password:hover, .forgot-password:focus {
        text-decoration: underline;
        color: #666
    }

.btn-register {
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: 400;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #1cb94a;
    background: #1cb94e
}

    .btn-register:hover, .btn-register:focus {
        color: #fff;
        border-color: #1ca347;
        background: #1ca347
    }
/* General Classes */
textarea {
    resize: vertical;
}

.text-underline:hover {
    text-decoration: underline;
    cursor: pointer
}

.bold-text {
    font-weight: 600;
}

.hr {
    width: 100%;
    height: 0;
    margin: 15px auto;
    border-bottom: 1px solid #e4e4e4
}

.hr-red {
    width: 100%;
    height: 0;
    margin: 15px auto;
    border-bottom: 1px solid #941313
}

a {
    color: #333;
}

    a:hover {
        color: #333;
        text-decoration: underline
    }
/*================== Panels (Side menus) ==================*/
/* start da css for da buttons */
.add-one {
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 22px;
    text-decoration: none !important;
    margin-bottom: 40px;
    margin-top: 0;
    color: #fff !important;
    position: relative;
    display: inline-block;
    text-align: center
}

    .add-one:active,
    .add-one:focus {
        transform: translate(0px, 5px);
        -webkit-transform: translate(0px, 5px);
        box-shadow: 0px 1px 0px 0px;
        color: #FFF;
    }

.blue {
    background-color: #55acee;
    box-shadow: 0px 5px 0px 0px #3C93D5;
}

    .blue:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #6FC6FF;
    }


/* Global Panel Styleing */
.panel-footer {
    background-color: #ffffff
}

/* Start Gadget ADS Panel #1 */
.ads .panel-heading {
    background-color: #0E2030;
    background-image: none;
}

.panel-default > .panel-heading {
    color: #000;
}

.ads .panel-body {
    padding: 0;
    height: 250px;
}

    .ads .panel-body img {
        width: 100%;
        height: 100%;
    }
/* End Gadget ADS */

/* Start Gadget Random */
.random-warpper .panel-heading {
    color: #000;
}

.random-warpper .random {
    margin-bottom: 1%;
    padding: 5px;
}

.random-warpper .random-left .bold-text:hover {
    cursor: pointer;
    text-decoration: underline
}

.random-warpper .random-right img {
    width: 100%;
    height: 60px;
}

.ads .panel-heading {
    background-color: #0E2030;
    background-image: none;
}

.fb .panel-heading {
    background-color: #0E2030;
}

.fb .panel-body {
    height: 150px;
    text-align: center
}

.events-panel a {
    color: #333
}

.event {
    margin: 5% auto;
}

    .event .event-date {
        line-height: 25px;
        border-bottom: 2px double #DDD;
    }

    .event .event-date-day {
        color: #941313;
        font-size: 20px;
        font-weight: 600;
    }

    .event .event-date-month {
        font-size: 20px;
        font-weight: 600;
    }

.single-event .event-date.event-end-date {
    border-left: 0;
    border-right: 1px solid #EEE;
}

/* end Events panel */
/* Start opinion Panel */
.panel-default .panel-heading {
    background-color: #ffffff
}

.panel-title {
    color: #000;
}

.panel-footer a {
    float: left;
    margin-top: 2%;
    color: #DDD;
}

    .panel-footer a:hover {
        color: #FFF
    }
/* End opinion panel */


/**************************
  Start General Plugins   *
**************************/

/*========== Back To Top Button =========*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    left: 10px;
    display: none;
    background-color: #B31919;
    border-color: #B31919;
    opacity: .8;
    transition: .2s
}

    .back-to-top:hover {
        background-color: #B31919;
        border-color: #B31919;
        opacity: 1
    }

/*========== ADD-ADS BUTTON =========*/
.add-btn-warpper .one-catg {
    position: fixed;
    right: 0;
    width: 50px;
    border-radius: 5px 0px 0px 5px;
    background-color: #B72727;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    font-size: 20px;
}

    .add-btn-warpper .one-catg:after {
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        padding: 0px;
        background: rgba(51, 51, 51, 0.88);
        color: #FFF;
        font-size: 13px;
        width: 65px;
        display: block;
        line-height: 2em;
        transition: .1s ease-in-out;
        opacity: 0
    }

    .add-btn-warpper .one-catg:hover:after {
        right: 102%;
        opacity: 1
    }


.add-btn-warpper .add-car {
    top: 35%;
    right: -5%;
}

.add-btn-warpper .add-proprty {
    top: 42%;
    right: -5%;
}

.add-btn-warpper .add-job {
    top: 49%;
    right: -5%;
}

.add-btn-warpper .add-dalel {
    top: 56%;
    right: -5%;
}

.add-btn-warpper .add-ads {
    top: 63%;
    right: -5%;
}

.add-btn-warpper .add-offer {
    top: 70%;
    right: -5%;
}

.add-btn-warpper .add-car:after {
    content: 'أضف سيارة';
}

.add-btn-warpper .add-proprty:after {
    content: 'أضف عقار';
}

.add-btn-warpper .add-job:after {
    content: 'أضف وظيفة';
}

.add-btn-warpper .add-dalel:after {
    content: 'أضف دليل';
}

.add-btn-warpper .add-ads:after {
    content: 'أضف إعلان';
}

.add-btn-warpper .add-offer:after {
    content: 'أضف عروض';
}

.add-btn-warpper .add-btn {
    position: fixed;
    top: 50%;
    right: 0;
    width: 50px;
    border-radius: 5px 0px 0px 5px;
    background-color: #B72727;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    font-size: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}
/* Tooltip override */
/* Cars */
#addCarBtn + .tooltip > .tooltip-inner {
    position: fixed;
    top: 36%;
    right: 59px;
    width: 100px;
}

#addCarBtn + .tooltip > .tooltip-arrow {
    position: fixed;
    top: 37.3%;
    right: 55px;
}
/* Proprty */
#addProprtyBtn + .tooltip > .tooltip-inner {
    position: fixed;
    top: 43%;
    right: 59px;
    width: 100px;
}

#addProprtyBtn + .tooltip > .tooltip-arrow {
    position: fixed;
    top: 44.3%;
    right: 55px;
}
/* Job */
#addJobBtn + .tooltip > .tooltip-inner {
    position: fixed;
    top: 50%;
    right: 59px;
    width: 100px;
}

#addJobBtn + .tooltip > .tooltip-arrow {
    position: fixed;
    top: 51.3%;
    right: 55px;
}
/* Dalel */
#addDalelBtn + .tooltip > .tooltip-inner {
    position: fixed;
    top: 57%;
    right: 59px;
}

#addDalelBtn + .tooltip > .tooltip-arrow {
    position: fixed;
    top: 58.3%;
    right: 55px;
}
/* Ads */
#addAdsBtn + .tooltip > .tooltip-inner {
    position: fixed;
    top: 64%;
    right: 59px;
    width: 100px;
}

#addAdsBtn + .tooltip > .tooltip-arrow {
    position: fixed;
    top: 65.3%;
    right: 55px;
}
/* Offer */
#addOfferBtn + .tooltip > .tooltip-inner {
    position: fixed;
    top: 71%;
    right: 59px;
    width: 100px;
}

#addOfferBtn + .tooltip > .tooltip-arrow {
    position: fixed;
    top: 72.3%;
    right: 55px;
}
/* Fixes Classes */
.fix-pos {
    right: 0 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.unfix-pos {
    right: -100% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fix-add-btn {
    top: 25% !important;
    -webkit-transition: all 1.7s ease-in-out;
    -moz-transition: all 1.7s ease-in-out;
    -ms-transition: all 1.7s ease-in-out;
    -o-transition: all 1.7s ease-in-out;
    transition: all 1.7s ease-in-out;
}

/*========== Fixed Social =========*/
.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    left: -125px;
    top: 40%;
    width: 200px;
}

    .sticky-container a {
        text-decoration: none !important;
        color: #FFF
    }

.sticky li {
    list-style-type: none;
    background-color: #333;
    color: #efefef;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    opacity: 0.8
}

.sticky .fb {
    background-color: #3b5998
}

.sticky .google {
    background-color: #dd4b39
}

.sticky .twitter {
    background-color: #00aced
}

.sticky li:hover {
    margin-right: -115px;
    opacity: 1
}

.sticky li i {
    float: right;
    margin: 13px 7px;
    margin-right: 10px;
}

.sticky li p {
    padding: 0px;
    margin: 0px;
    margin-right: 50px;
    text-transform: uppercase;
    line-height: 43px;
    text-align: right;
}


/*----------- Send Message Page -----------*/

.send i.fa-check-circle-o {
    margin-top: 7%;
    color: #00bb00
}

.send i.fa-arrow-left {
    margin-top: 3%;
}





















/*Eslam Edit 24/10/2016*/
.random-left p {
    display: block;
    word-wrap: break-word;
    /*overflow: hidden;*/
}

.stepper .stepper-input {
    text-align: right;
    padding-right: 30px;
}

.stepper .stepper-arrow {
    background: #999;
}

.stepper {
    width: 100%;
}

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

#showReportForm {
    padding: 5px 10px;
}

#img-upload {
    display: none !important
}

.navbar-nav > li > .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-menu .active a.btn,
.dropdown-menu .active a.btn:focus,
.dropdown-menu .active a.btn:hover,
.dropdown-menu li a.btn:focus,
.dropdown-menu li a.btn:hover {
    background: #e84b5b;
}

.nav-pills > li > a {
    border-radius: 0;
    padding: 20px;
    transition: .14s
}

.white-warpper {
    padding: 10px;
    background: #FFF;
    margin-top: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
}


/*Eslam edit 14/3/2017*/
.panel.panel-default.ads .panel-body * {
    max-width: 100% !important
}

.jobs-row-image {
    height: 110px !important;
}

.this-user-cards .result .date {
    left: 15px;
}

.this-user-cards .row.result {
    border: 1px solid #DDD;
    border-radius: 3px;
}

.this-user-cards .btn-sm {
    color: #FFF
}

.this-user-cards h4 {
    margin-top: 50px;
}

.user-profile-panel .panel-heading {
    background-color: #6C1010;
}

    .user-profile-panel .panel-heading h3 {
        color: #FFF !important
    }

.user-profile-panel .btn-warning {
    color: #FFF
}










/* Edit 15/7/2017 */
p#characterLeft {
    display: none
}

.swiper-slide {
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.news .report-img img {
    max-width: 100%;
    max-height: 400px;
    margin: auto;
    display: block;
}

.more-btn-index {
    width: 100%;
    max-width: 100%;
    margin: 10px auto;
    display: block;
}

.btn-danger:hover {
    color: #fff !important;
}

.event-img {
    max-width: 80%;
    min-height: 300px;
    max-height: 500px;
    margin: auto;
    display: block;
}

#send-message {
    display: none
}


.fix-dalel-btns {
    display: flex;
    /*flex-wrap: wrap;*/
    margin-bottom: 0;
    flex-direction: row-reverse;
}

    .fix-dalel-btns input {
        font-size: 14px;
        padding: 7px 10px;
        border-radius: 0 4px 4px 0 !important;
        height: auto;
    }

    .fix-dalel-btns .search-btn {
        margin-top: auto !important;
        border-radius: 4px 0 0 4px !important;
        margin-left: 10px;
    }

    .fix-dalel-btns a,
    .fix-dalel-btns button {
        border-radius: 3px !important;
        font-family: 'Cairo', sans-serif
    }


.carousel-inner .item .col-md-7,
.carousel-inner .item .col-md-7 h2 {
    text-align: center;
}

.carousel-inner .item .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.carousel-inner .item .col-md-7 {
    margin: auto
}

@font-face {
    font-family: 'Segoe WP';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/segoe-wp-cufonfonts-webfont/SegoeWP.woff') format('woff');
}
@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    /*src: local('Segoe UI Regular'), url('../fonts/segoe-ui-4-cufonfonts-webfont/Segoe UI.woff') format('woff');*/
    src: url('../fonts/segoe-ui-4-cufonfonts-webfont/Segoe UI.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('../fonts/segoe-ui-4-cufonfonts-webfont/Segoe UI Italic.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('../fonts/segoe-ui-4-cufonfonts-webfont/Segoe UI Bold.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('../fonts/segoe-ui-4-cufonfonts-webfont/Segoe UI Bold Italic.woff') format('woff');
}
.add-btn-warpper i {z-index:100}