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

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

.help_center {
    text-align: center;
    margin-bottom: -5px;
    margin-top: 5px;
}

.dis_center {
    text-align: center;
}

@media (max-width: 2000px) {
    .login .form-control, .help-block {
        /*  width: 70%;
          margin: 0 auto;*/
    }

    form.form-horizontal {

        width: 70%
    }

    .linkks {
        margin-top: 20px;
        padding-right: 25px;
    }

    #top-header .users,
    #top-header .links {

    }

    #top-header .login_info {
        float: left;
    }

    #top-header ul.menu {
        float: right;
    }

    .col-left {
        float: left;
    }

    .col-left1 {
        margin-top: 25px;
        float: left;
    }

    .col-right {
        float: right;
    }
}

@media (max-width: 1200px) {
    form.form-horizontal {

        width: 70%
    }

    header img {
        display: table;
        margin: 0 auto 20px
    }

    .hhr {
        width: 100%;
        height: 1px;
        background: #3d973f;
        margin: 10px 0 10px 0;
    }

    .hhr1 {
        width: 100%;
        height: 1px;
        background: #3d973f;
        margin: 10px 0 10px 0;
    }

    #top-header .login_info {
        float: none;
    }

    #top-header ul.menu {
        float: none;
    }

    .col-left {
        float: none;
    }

    .col-left1 {
        margin-top: 25px;
        float: left;
    }

    .col-right {
        float: none;
    }

    .links {
        text-align: center;
        margin: 0 auto;
    }

    .linkss {
        text-align: center;
        margin: 0 auto;
    }

    .users {
        text-align: center;
        margin: 0 auto;
    }

    .userss {
        text-align: center;
        margin: 0 auto;
    }
}

@media (max-width: 990px ) {
    .hhr1 {
        width: 100%;
        height: 1px;
        background: #3d973f;
        margin: 50px 0 10px 0;
    }
}

@media (max-width: 768px) {

    form.form-horizontal {

        width: 95%
    }

    .linkss li {
        text-align: left;
    }

    .links {
        text-align: right;
        margin: 0 auto;
    }

    #top-header .login_info {
        float: left;
        text-align: left;
    }

    #top-header ul.menu {
        float: right;
    }

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

    .col-left1 {
        float: none;
        margin-top: 25px;
        text-align: center;
    }

    .col-right {
        float: right;
    }

    .linkss {
        text-align: left;
        margin: 0 auto;
    }

    .linkss .clicker {
        text-align: left;
        float: left;
    }

}

nav input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #3d973f;
}

nav input::-moz-placeholder { /* Firefox 19+ */
    color: #3d973f;
}

nav input:-ms-input-placeholder { /* IE 10+ */
    color: #3d973f;
}

nav input:-moz-placeholder { /* Firefox 18- */
    color: #3d973f;
}

nav select, nav select option {
    color: #3d973f !important;
}

body {
    font: 400 14px droid;
    margin: 0;
    padding: 0;
    background: #fff;
    direction: rtl
}

a, a:hover {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

legend {
    text-align: center
}

form.form-horizontal, #singlebutton {
    display: table;
    margin: 0 auto
}

#top-header {
    background: #205867;
    padding: 14px 0
}

#top-header ul li {
    display: inline-block;
    color: #fff;
    margin-left: 43px;
    cursor: pointer;
    font-size: 18px;
    font-family: tahoma
}

#top-header ul li:last-child {
    margin: 0;
}

#top-header ul li a {
    color: #fff
}

header {
    padding: 35px 0
}

header ul li {
    display: inline-block;
    font-size: 13.5px;
    font-weight: 700;
    margin-left: 60px
}

header ul li a {
    color: #000;
    padding: 12px 0
}

header ul li.register {
    float: left;
    margin-left: 0
}

header ul li.register a {
    padding: 12px 22px;
    background: #3d973f;
    color: #fff;
    border-radius: 4px
}

.bread {
    background: url("../images/slider1.jpg");
    height: 180px;
    background-attachment: fixed;
    padding-top: 80px;
    position: relative;
    margin-bottom: 35px
}

.bread:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 88, 103, 0.75)
}

.bread .data {
    z-index: 999999;
    position: relative;
    color: #fff;
    text-align: center;
}

.bread .data a {
    color: #fff;
    font-weight: 700
}

.slider .item {
    position: relative
}

.slider .item:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    height: 100%;
    background: rgba(0, 106, 168, 0.21)
}

.slider .item img {
    height: 355px
}

nav {
    background: #205867;
    padding: 38px 0;
    margin-bottom: 65px
}

nav input, nav select {
    width: 100%;
    height: 40px;
    color: #A9A9A9;
    padding-right: 5px;
    font-size: 13px;
    font-family: tahoma;
    margin-top: 10px;
}

nav input#submit, nav select#submit {
    background: #3d973f;
    border: 1px solid #3d973f;
    font-size: 14px;
    font-family: droid;
    font-weight: 700;
    text-align: center;
    padding-right: 0;
    color: #fff;
    border-bottom: 1px solid #000
}

.the_tit {

}

.the_tit span {
    border-bottom: 2px solid #000;
    padding: 30px 0;
    margin-bottom: 15px;
    display: inline-block;
}

.workers {
    margin-bottom: 43px
}

.workers h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 30px
}

.workers .block {
    float: right;
    margin-bottom: 30px
}

.workers .block .in {
    position: relative
}

.workers .block .in span {
    position: absolute;
    color: #fff;
    left: 15px;
    top: 15px;
    background: #4aaa10;
    font-size: 11px;
    padding: 4px 7px;
    z-index: 999;
    direction: ltr;
    font-family: tahoma
}

.workers .block .in span i {
    padding-left: 5px
}

.workers .block .title {
    height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    background: #205867
}

.workers .block .img {
    height: 123px;
    overflow: hidden
}

.workers .block .img img {
    width: 100%;
    height: 100%;
    transition: all 1s ease
}

.workers .block:hover img {
    transform: scale(1.1)
}

.workers_form input[type="text"], .workers_form select, .workers_form input[type="submit"] {
    width: 100%;
    padding: 5px;

}

footer {
    background: #205867;
    font-size: 14px;
    font-weight: 700;
    padding: 38px 0;
    color: #fff
}

.top_aa {
    margin-top: 20px;
}

footer #totop {
    background: #ffffff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: table;
    line-height: 48px;
    text-align: center;
    margin-top: 15px;
    font-size: 22px;
    transition: all .5s ease;
    float: right;
    margin-left: 15px;
    color: #205867
}

.workers_form .pull-right {
    margin-top: 20px;
}

footer p {
    margin: 0
}

.pull-left .aa {
    color: #fff;
}

.pull-left .aa:hover {
    color: #3d973f;
}

.col-right .aa {
    color: #fff;
}

.col-right .aa:hover {
    color: #3d973f;
}

footer a {
    color: #fff
}

footer .pull-left {
    padding-top: 21px
}

footer img {
    margin-right: 15px
}

footer ul {
    display: block;
    float: right;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #fff
}

footer ul li {
    display: inline-block;

}

footer ul li:last-child {
    margin: 0
}

footer ul li a {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

footer ul li a:hover {
    color: green;
}

.fa-bars.clicker {
    display: none;
    color: #fff;
    font-size: 18px;
    /*  float: right;*/
    cursor: pointer
}

.menu {
    display: table
}

.table-responsive {
    font-family: tahoma
}

.table-responsive .more {
    display: block;
    margin-top: 50px;
    cursor: pointer;
    background: #3d973f;
    color: #fff;
    font: 14px tahoma;
    padding: 15px 0;
    text-align: center
}

.table-responsive tr.no {
    display: none
}

.table-responsive th {
    text-align: center;
    background: #205867;
    color: #fff;
    font-weight: 400;
    font-size: 12.5px
}

.table-responsive tr:nth-child(even) {
    background: #f7fbfa
}

.table-responsive td {
    padding: 15px 10px !important;
    text-align: center;
    color: #5a5a5a;
    font-size: 14px
}

.table-responsive td.name {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.table-responsive td.phone {
    font-size: 18px;
    font-weight: 700;
    color: #3d973f
}

.table-responsive td.place {
    font-size: 18px;
    font-weight: 400;
    color: #0070c0
}

.forget {
    text-align: center;
}

@media only screen and (max-width: 768px) {

    #top-header ul.men, #top-header .login_info {
        float: none;
    }

    .login .form-control, .help-block {
        width: 90%;
        margin: 0 auto;
    }

    .second {
        display: none !important
    }

    footer #totop {
        clear: both;
        display: table;
        margin: 0 auto 17px;
        float: none !important
    }

    footer p, footer ul {
        clear: both;
        text-align: center;
    }

    footer .pull-right {
        float: none !important;
        margin: 0 auto 15px;
        display: table
    }

    footer .pull-left {
        float: none;
        margin: 0 auto;

    }

    nav input, nav select {
        margin-bottom: 7px
    }

    #top-header {
        position: relative
    }

    #top-header .fa-bars.clicker {
        display: table
    }

    #top-header .menu {
        display: none;
        position: absolute;
        background: #205867;
        z-index: 9999999;
        top: 100%;
        min-width: 280px;
        padding: 15px
    }

    #top-header .menu li {
        display: block;
        padding: 8px 0
    }

    #top-header .menu li.dis {
        display: none
    }
}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 480px) {
    .slider .item img {
        height: auto;
        min-height: 145px
    }

    header ul li {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 380px) {
    .fa-bars.clicker {
        padding-left: 20px
    }

    #top-header ul li {
        margin-left: 15px;
        font-size: 14px
    }

    header ul {
        float: none;
        display: table;
        margin: 0 auto
    }

    header ul li.register {
        float: none !important;
        margin: 30px auto 0;
        display: table
    }

    .workers .block {
        width: 100% !important
    }
}

/*# sourceMappingURL=style.css.map */

.rate_area {
    padding: 0 5px;
}

.rate_area li form {
    display: inline;
}

.rate_area li form button {
    background: transparent;
    border: 0;
    outline: 0;
}

.rate_area i {
    color: #5a5a5a;
    padding: 5px;
}

.like_btn {
    color: #3c763d;
}

.dislike_btn {
    color: #a94442;
}

.like_btn .is_active,
.dislike_btn .is_active {
    color: #272626;
}