/*-----------------------------------------------------------------------------------

    

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    1. Job Category Style
    2. Job Post Style
    3. Fun Factor Area
    4. Working Area
    5. Testimonial Area
    6. Blog Area
    7. Home Two Style
    8. About Page
    9. Single Job Post Page
    10. Candidates Page
    11. Blog Page
    12. Register/Login  Page
    13. Contact Page
    14. Other Page CSS


-----------------------------------------------------------------------------------*/


.response .com {
    border: 1px solid #cccccc;
    background-color: #dde3ed;
}

    .response .com h4 {
        margin-top: auto;
        float: right;
        font-size: 18px;
    }

.coment-form {
    color: #6a6c6c;
    text-align: right;
    border: 1px solid;
    padding: 10px;
    margin-top: 40px;
}


.foter {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
    
}

.foter li {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
}

.foter -li {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
}


.foter h1 {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
}

.foter div{
        position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
    text-align:right;
    direction:rtl;
}



/*----------------------------------------*/
/*  1. Job Category Style
/*----------------------------------------*/
.owl-stage-outer .img-icon > img {
    width: auto;
}

.category-item {
    align-items: center;
    box-shadow: 0 0 5px 1px #ddd;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    margin: 5px;
    min-height: 200px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
}

.img-icon {
    display: inline-block;
}

.category-item > h5, .cat-text > h5 {
    color: #696969;
    font-family: montserratsemi_bold;
    margin-bottom: 10px;
    margin-top: 20px;
    transition: all 0.3s ease-in-out;
}

.category-item > h6, .cat-text > h6 {
    font-family: montserratregular;
    transition: all 0.3s ease-in-out;
}

.category-item:hover {
    ;
    background: #26ae61 none repeat scroll 0 0;
    box-shadow: 0 0 5px 1px #ddd;
}

    .category-item:hover > h5, .category-item:hover > h6 {
        color: #fff;
    }

/*----------------------------------------*/
/*  2. Job Post Style
/*----------------------------------------*/
.post-tab {
    align-items: center;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    margin: auto auto 60px;
    overflow: hidden;
}

    .post-tab a {
        border: 1px solid #ddd;
        color: #696969;
        font-family: montserratregular;
        font-size: 14px;
        padding: 18px 22px;
        transition: all 0.3s ease-in-out;
        border-left: none;
    }

        .post-tab a.active, .post-tab a:hover {
            background: #26ae61;
            color: #fff;
            border-color: #26ae61;
        }

        .post-tab a:last-child {
            border-radius: 0 14px 14px 0;
        }

        .post-tab a:first-child {
            border-left: 1px solid #ddd;
            border-radius: 14px 0px 0px 14px;
        }

.single-job-post {
    box-shadow: 0 0 6px 1px #ddd;
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
}

.address {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

    .address > h6 {
        font-family: montserratregular;
        margin-bottom: 15px;
    }

    .address > p {
        margin-bottom: 5px;
    }

.img-icon {
    align-items: center;
    display: flex;
}

.button-box {
    display: flex;
    align-items: flex-end;
    width: 213px;
}

.job-title {
    position: relative;
}

    .job-title:after {
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 4px;
    }

.single-job-post:hover .job-title {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

    .single-job-post:hover .job-title:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

.job-title a {
    display: block;
}

    .job-title a img {
        border: 1px solid #E5E5E5;
    }

.job-title h4 {
    font-family: "montserratregular";
}

.job-title h5 {
    color: #646464;
    font-family: "montserratsemi_bold";
}

.address span {
    color: #6d6d6d;
    line-height: 24px;
}

.time-payment span {
    color: #6d6d6d;
    font-family: "montserratsemi_bold";
    font-size: 18px;
    line-height: 24px;
}

.stime-payment a.button {
    padding: 0;
    text-align: center;
    width: 121px;
    font-size: 14px;
}

.single-job-post:last-child {
    border-bottom: 1px solid #e3e3e3;
}

a.button.large-button {
    line-height: 33px;
    padding: 0 30px;
}
/*----------------------------------------*/
/*  3. Fun Factor Area
/*----------------------------------------*/
.fun-factor-area {
    background-position: center center;
    background-size: cover;
    padding: 125px 0;
}

.single-fun-factor h3 {
    color: #fff;
    font-family: montserratregular;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
}

.single-fun-factor > h1 {
    color: #fff;
    font-family: montserratregular;
    font-size: 36px;
    margin-bottom: 6px;
}

/*----------------------------------------*/
/*  4. Working Area
/*----------------------------------------*/
.work-item {
    margin-bottom: 30px;
    padding: 0 20px;
    text-align: center;
}

    .work-item .img-icon {
        border-radius: 100%;
        box-shadow: 0 0 8px 0 #ddd;
        height: 115px;
        justify-content: center;
        margin: auto;
        width: 115px;
        background: #fff;
    }

    .work-item > h5 {
        color: #555555;
        font-family: montserratsemi_bold;
        margin-bottom: 30px;
        margin-top: 38px;
    }

.work-shap {
    background: rgba(0, 0, 0, 0) url("images/icons/work-shap.png") no-repeat scroll center 13px;
}
/*----------------------------------------*/
/*  5. Testimonial Area
/*----------------------------------------*/
.testimonial-carousel .testimonial-img > img {
    border: 3px solid #ffffff;
    border-radius: 50%;
    height: 143px;
    margin: auto;
    width: 143px;
}

.testimonial-name {
    font-size: 16px;
}

.testimonial-text {
    position: relative;
}

    .testimonial-text::after {
        color: #fff;
        content: "\f1b2";
        font-family: material-design-iconic-font;
        font-size: 50px;
        height: 31px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: -5px;
        z-index: 9;
    }

    .testimonial-text p {
        font-size: 20px;
        font-weight: 400;
        line-height: 38px;
    }
/*----------------------------------------*/
/*  6. Blog Area
/*----------------------------------------*/
.blog-text > h4 {
    color: #262626;
    font-family: montserratregular;
    font-size: 24px;
    margin-bottom: 15px;
}

.blog-image {
    margin-bottom: 35px;
}

.blog-text > h4:hover a {
    color: #26ae61;
}

.box-hover a {
    display: block;
    position: relative;
}

.box-hover > a:after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.hover-effect:hover .box-hover > a:after {
    bottom: 20px;
    left: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 20px;
    top: 20px;
}

.hover-effect:hover .box-hover.hover-large > a:after {
    bottom: 88px;
    top: 88px;
}

.blog-image img {
    width: 100%;
}

.blog-date {
    display: inline-block;
    font-family: "montserratregular";
    height: 66px;
    line-height: 24px;
    text-align: center;
    width: 77px;
}

.blog-post-info > span {
    color: #7a7a7a;
    display: inline-block;
    font-family: montserratregular;
    font-size: 12px;
    margin-right: 26px;
    position: relative;
    text-transform: uppercase;
}

    .blog-post-info > span + span::before {
        background: #c3c3c3 none repeat scroll 0 0;
        bottom: 5px;
        color: #7a7a7a;
        content: "";
        font-size: 30px;
        height: 2px;
        left: -18px;
        position: absolute;
        width: 5px;
        z-index: 2;
    }

.blog-post-info {
    display: inline-block;
    margin-bottom: 20px;
}

.blog-text > p {
    font-size: 14px;
    line-height: 26px;
}

/*----------------------------------------*/
/*  7. Home Two Style
/*----------------------------------------*/
.search-catestyle2 .job-search-content.text-center {
    background: #34495e none repeat scroll 0 0;
    border-radius: 100px;
    padding: 60px 130px;
}

.search-catestyle2 {
    margin-top: -90px;
    position: relative;
    z-index: 99;
}

.category-item {
    align-items: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
}

.category-item2 {
    box-shadow: 0 0 5px 1px #ddd;
    display: flex;
    margin: 5px 5px 30px;
    padding: 20px 30px;
    transition: all 0.3s ease-in-out 0s;
    border-right: 3px solid transparent;
    cursor: pointer;
}

.cat-text {
    padding-left: 25px;
}

    .cat-text > h5 {
        margin-top: 0;
    }

.category-item2:hover {
    border-right: 3px solid #26ae61;
}

.all-job-post2 .single-job-post {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 10px 10px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
}

.all-job-post2 .img-icon {
    align-items: center;
    background: #f2f2f2 none repeat scroll 0 0;
    display: flex;
    padding: 15px 20px;
}

.all-job-post2 .single-job-post:hover {
    box-shadow: 0 0 6px 1px #ddd;
}

.all-job-post2 .address {
    flex-grow: 70;
    padding: 0 0 0 30px;
    width: 260px;
}

.all-job-post2 .button-box {
    display: block;
    width: auto;
}

.all-job-post2 .address > h6 {
    margin-bottom: 7px;
}

.all-job-post2 .address > p {
    color: #26ae61;
    margin-bottom: 0;
}

.loaction {
    flex-grow: 50;
}

    .loaction > p {
        margin-bottom: 0;
        line-height: 24px;
    }

        .loaction > p i {
            font-size: 20px;
            margin-right: 10px;
        }

.job-post-area2 .section-title {
    margin-bottom: 28px;
}

.post-tab2 {
    display: flex;
    justify-content: center;
    margin-bottom: 55px;
}

    .post-tab2 a {
        color: #696969;
        margin: 0 4px;
        position: relative;
    }

        .post-tab2 a::before {
            border: 1px solid #ddd;
            border-radius: 100%;
            content: "";
            height: 18px;
            left: -7px;
            position: absolute;
            top: 5px;
            width: 18px;
        }

        .post-tab2 a.active:before {
            background: #26ae61;
            border-color: #26ae61;
        }

.work-shop2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.work-item .img-icon {
    position: relative;
}

.img-icon > span {
    background: #26ae61 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

/*----------------------------------------*/
/*  8. About Page
/*----------------------------------------*/

.breadcrumb-text {
    z-index: 9;
    position: relative;
}

.breadcrumb-bar .breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: flex;
    justify-content: center;
    padding: 0;
}

.breadcrumb-text h2 {
    font-family: montserratsemi_bold;
    line-height: 25px;
    margin-bottom: 15px;
    color: #333;
}

.breadcrumb-bar li {
    color: #333;
    font-family: "montserratregular";
    font-size: 15px;
    margin: 0 10px;
    position: relative;
}

.breadcrumb-bar .breadcrumb > li:not(:last-child)::before {
    border-radius: 50%;
    color: #333;
    content: "/";
    display: inline-block;
    font-family: "Material-Design-Iconic-Font";
    font-size: 14px;
    position: absolute;
    right: -11px;
    top: -1px;
}

.breadcrumb-bar .breadcrumb > li + li:before {
    display: none;
}

.breadcrumb-bar a {
    color: #333;
}

    .breadcrumb-bar a:hover {
        color: #26ae61;
    }

.abt-img {
    padding-right: 30px;
}

.abt-content > h4 {
    align-self: flex-start;
    border-bottom: 1px solid #ddd;
    font-family: montserratsemi_bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

    .abt-content > h4 span {
        border-bottom: 1px solid #26ae61;
        color: #26ae61;
        padding-bottom: 3px;
        font-family: montserratbold;
    }

.abt-content p strong {
    font-weight: 600;
}

.abt-content > p:last-child {
    margin-bottom: 0;
}

.single-team {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.team-img img {
    width: 100%;
}

.team-content {
    background: #26ae61 none repeat scroll 0 0;
    bottom: -86px;
    padding: 20px 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.single-team:hover .team-content {
    bottom: 0;
}

.team-content > h5 {
    color: #fff;
    font-family: montserratsemi_bold;
}

.team-content h6 {
    color: #fff;
    font-family: poppins;
    font-size: 14px;
    margin-top: 5px;
}

.abt-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
/*----------------------------------------*/
/*  9. Single Job Post Page
/*----------------------------------------*/
.job-search-content.brd-style {
    margin: 80px auto auto;
    max-width: 900px;
}

.loadmorebtn {
    margin-top: 20px;
    text-align: center;
}

    .loadmorebtn .button {
        background: #26ae61 none repeat scroll 0 0;
        border-radius: 0;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 145px;
    }

        .loadmorebtn .button::after {
            background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
        }

.area-title .single-job-post {
    box-shadow: 0 0 6px 1px #ddd;
    display: flex;
    margin-bottom: 60px;
    padding: 20px;
    position: relative;
}

.title {
    border-bottom: 2px solid #ddd;
    color: #434343;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 14px;
    text-transform: capitalize;
}

    .title > span {
        border-bottom: 2px solid #26ae61;
        padding-bottom: 10px;
    }

.single-job-form {
    margin-bottom: 57px;
}

.mark-icon, .number {
    line-height: 28px;
    position: relative;
}

    .mark-icon:after {
        content: "";
        font-family: "Material-Design-Iconic-Font";
        font-size: 18px;
        left: 0;
        position: absolute;
        top: -1px;
        color: #26ae61;
    }

    .number > span {
        display: inline-block;
        font-family: "montserratregular";
        width: 20px;
    }

.single-info label {
    color: #525252;
    font-family: "montserratsemi_bold";
    font-size: 14px;
    width: 160px;
    line-height: 34px;
}

.single-info input {
    font-size: 12px;
    color: #a2a2a2;
    font-family: 'montserratlight';
    height: 36px;
    border: 1px solid #DEDEDE;
    background: #fff;
}

    .single-info input.dark-border {
        border-color: #a2a2a2;
    }

.area-title > h2, .border-title {
    border: 1px solid #525252;
    color: #525252;
    font-family: "montserratregular";
    font-size: 24px;
}

.border-title {
    font-size: 16px;
    border: 1px solid #A2A2A2;
}

.background-title {
    font-size: 16px;
    color: #fff;
    font-family: "montserratregular";
}

.title > span.lg {
    padding: 7px 46px;
}

.title > span.medium {
    padding: 7px 31px;
}

.text-style span {
    color: #525252;
    display: inline-block;
}

.text-style {
    background: #f0f0f0 none repeat scroll 0 0;
}

textarea.textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    font-size: 12px;
    color: #a2a2a2;
    font-family: 'montserratlight';
    height: 150px;
    border: 1px solid #DEDEDE;
    resize: none;
}

    textarea.textarea.small {
        height: 120px;
    }

.uploader, .photo-uploader {
    position: relative;
    height: 36px;
    border: 1px solid #dedede;
    width: 310px;
}

.photo-uploader {
    width: 79.1%;
}

#fileupload > input, .fileupload #fileupload {
    -moz-appearance: none;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.filename {
    color: #a2a2a2;
    cursor: default;
    display: block;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 34px;
    overflow: hidden;
    padding: 0 10px;
    width: 65%;
}

.action {
    color: #5e5e5e;
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    text-align: right;
    float: right;
    line-height: 34px;
    padding-right: 14px;
    font-family: 'montserratlight';
}

    .action i {
        font-size: 12px;
        margin-right: 7px;
    }

.photo-uploader .action {
    color: #ffffff;
    font-family: "montserratregular";
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 102px;
}

.max-size {
    color: #a2a2a2;
    font-family: "montserratlight";
    font-size: 12px;
    line-height: 36px;
}
/*----------------------------------------*/
/*  10. Candidates Page
/*----------------------------------------*/

.canditates-area .button-box {
    align-items: center;
    width: auto;
}

.canditates-area .address {
    width: 50%;
}

.canditates-area .img-icon img {
    width: 100%;
}

.canditates-area .button-box a {
    background: #ececec none repeat scroll 0 0;
    color: #696969;
    width: 135px;
    text-align: center;
}

    .canditates-area .button-box a:hover {
        color: #fff;
    }

.canditates-area .address p span {
    color: #26ae61;
}

/*----------------------------------------*/
/*  11. Blog Page
/*----------------------------------------*/

.blog-posts .single-blog {
    margin-bottom: 50px;
}

.sidebar-widget-title h4 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 15px;
    color: #333;
    font-family: "montserratregular";
    font-size: 24px;
    line-height: 21px;
}

    .sidebar-widget-title h4 span {
        border-bottom: 2px solid #26ae61;
        padding-bottom: 9px;
    }

.search-container input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #efefef;
    color: #333;
    font-size: 12px;
    font-weight: 300;
    height: 40px;
    padding: 0 88px 0 17px;
}

.search-container > form {
    position: relative;
}

.search-container button {
    background: #26ae61 none repeat scroll 0 0;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0;
}

.sidebar-widget-lists > li a {
    color: #616161;
}

    .sidebar-widget-lists > li a:hover {
        padding-left: 5px;
    }

.recent-post-item h5 {
    font-family: "montserratregular";
}

.recent-post-item span {
    color: #616161;
}

.recent-post-item h5 a:hover {
    color: #26ae61;
}

.blog-post-info > span.l-text {
    font-size: 14px;
}

.blog-text > h5.l-text {
    font-size: 24px;
}

.tags-and-links {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}

    .tags-and-links span {
        color: #333;
        font-weight: 500;
        font-size: 16px;
    }

.tags > li {
    display: inline-block;
}

    .tags > li a {
        color: #444;
        padding: 0px 2px;
        line-height: 21px;
    }

        .tags > li a:hover {
            color: #26ae61;
        }

.tags {
    display: inline-block;
}

.social-links {
    display: inline-block;
}

.tags-and-links .social-links a {
    color: #333;
    height: auto;
    margin: 0 0 0 10px;
    padding: 0;
}

    .tags-and-links .social-links a i {
        font-size: 14px;
        line-height: 17px;
    }

    .tags-and-links .social-links a:hover {
        background: transparent;
        color: #26ae61;
    }

.comments {
    color: #4c4c4c;
}

h4.title {
    color: #4c4c4c;
    font-family: "montserratregular";
    font-size: 24px;
    position: relative;
}

    h4.title:after {
        bottom: 2px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 73px;
    }

.author-image {
    border: 2px solid #eaeaea;
    border-radius: 2px;
    float: left;
    height: 67px;
    margin-right: 23px;
    width: 67px;
}

    .author-image > img {
        width: 100%;
    }

.comment-text {
    border-bottom: 1px solid #f0f0f0;
}

.author-info > h4 {
    display: inline-block;
    font-family: "montserratregular";
    font-size: 18px;
    line-height: 21px;
}

    .author-info > h4 a {
        color: #4c4c4c;
    }

span.reply a:hover {
    color: #2D3E50;
}

.comment-time, span.reply {
    float: right;
    font-family: "montserratregular";
    line-height: 22px;
}

span.comment-time {
    padding-right: 3px;
    position: relative;
}

.comment-text > p {
    color: #4c4c4c;
    font-weight: 300;
    line-height: 20px;
}

.single-comment.comment-reply {
    padding-left: 131px;
}

.comments .single-comment:last-child {
    margin-bottom: 0;
}

.reply > a {
    color: #26ae61;
}
/*----------------------------------------*/
/*  12. Register/Login  Page
/*----------------------------------------*/
.single-info label.lg-text {
    font-family: "montserratregular";
    font-size: 16px;
}

p.panel-title {
    color: #414141;
    font-size: 14px;
    font-weight: 500;
}

.conditions {
    color: #959595;
    font-family: "montserratlight";
    font-size: 14px;
}

    .conditions input[type="radio"], input[type="checkbox"] {
        border: 1px solid #e3e3e3;
        height: 17px;
        margin: 0 10px 0 0;
        padding: 0;
        position: relative;
        top: -1px;
        width: 20px;
    }

        .conditions input[type="radio"]:focus, input[type="checkbox"]:focus {
            outline: 0 none;
        }

.modal .modal-header {
    border: 0 none;
    min-height: auto;
    padding: 0;
}

.modal {
    background: rgba(0, 0, 0, 0) url("images/bg/login.jpg") no-repeat scroll center center / cover;
    z-index: 99999;
}

.modal-dialog {
    bottom: 0;
    color: #ffffff;
    height: 432px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 465px;
}

    .modal-dialog.register {
        height: 555px;
    }

.modal-body {
    padding: 0;
}

.form-pop-up-content {
    background: #ffffff none repeat scroll 0 0;
}

    .form-pop-up-content .area-title h2 {
        border-color: #cccccc;
        display: inline-block;
        font-size: 18px;
    }

    .form-pop-up-content .area-title h2 {
        border-color: #cccccc;
        display: inline-block;
        font-size: 18px;
    }

.form-box > input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #959595;
    font-family: "montserratlight";
    height: 43px;
    padding: 0 16px;
}

.modal-dialog button.close {
    background: green none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    height: 28px;
    line-height: 0;
    margin: 0;
    opacity: 1;
    padding: 1px;
    position: absolute;
    right: -31px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 30px;
}

.modal-content {
    border: medium none;
}

.modal-dialog button.close span i {
    font-size: 25px;
}

.modal-dialog button.close:after {
    display: none;
}

.form-pop-up-content span a {
    color: #959595;
    font-family: "montserratlight";
    font-size: 12px;
}

.remember {
    color: #959595;
    font-family: "montserratlight";
    font-size: 12px;
}

    .remember input[type="checkbox"] {
        height: 14px;
        margin-right: 6px;
        position: relative;
        top: -1px;
        width: 15px;
    }

.form-pop-up-content button {
    background: #26ae61 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 43px;
    width: 136px;
}

.signup-form #form-pop-up {
    height: 598px;
    top: 47.2%;
}

.box2 {
    display: flex;
    width: 100%;
}

    .box2 input:first-child {
        margin-right: 7px;
        width: 48%;
    }

    .box2 input:last-child {
        margin-left: 7px;
        width: 48%;
    }
/*----------------------------------------*/
/*  13. Contact Page
/*----------------------------------------*/
.single-contact-info {
    display: flex;
    margin: auto auto 30px;
    max-width: 220px;
}

.contact-form h4 {
    font-family: montserratregular;
    font-size: 24px;
    margin-bottom: 25px;
    padding-left: 15px;
}

.single-contact-icon {
    border-radius: 50%;
    color: #ffffff;
    display: inline-table;
    font-size: 22px;
    margin: auto;
}

    .single-contact-icon i {
        font-size: 20px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border-radius: 100%;
        border: 1px solid #26ae61;
        color: #26ae61;
    }

.single-contact-info:hover .single-contact-icon i {
    background: #26ae61;
    color: #fff;
}

.single-contact-text {
    color: #4c4c4c;
    font-family: montserratlight;
    line-height: 24px;
    width: calc(100% - 50px);
}

.single-contact-text {
    color: #4c4c4c;
    font-family: montserratlight;
    line-height: 24px;
    text-align: left;
    padding-left: 10px;
    width: calc(100% -50px);
}

.contact-form label {
    color: #9a9a9a;
    font-family: "montserratlight";
    font-weight: 300;
}

.contact-form input, .contact-form textarea {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    font-size: 12px;
    height: 40px;
    padding: 10px 20px;
}

.contact-form textarea {
    height: 150px;
    padding-left: 20px;
}

.submit-btn {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    padding: 0 42px;
    background: #26ae61;
}

.contact-form {
    padding-left: 100px;
}

    .contact-form div {
        margin-bottom: 30px;
    }

.followus {
    text-align: center;
    margin-top: 50px;
}

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

    .followus .social-links > a {
        border: none;
        color: #4d4d4d;
        transition: all 0.3s ease-in-out;
    }

        .followus .social-links > a:hover {
            background: transparent;
            color: #26ae61;
        }

    .followus .social-links a i {
        font-size: 20px;
    }

.contact-left {
    padding: 96px 0;
}
/*----------------------------------------*/
/*  14. Other Page CSS
/*----------------------------------------*/
.banner-content h1.border-none:after {
    display: none;
}

.header-logo-menu.stick.semi-transparent {
    background: rgba(46, 63, 81, 0.85) none repeat scroll 0 0;
}

.mb_YTPBar span.mb_OnlyYT {
    left: auto;
    right: 68px;
}

.mb_YTPUrl.ytpicon {
    display: none !important;
}

.box-layout {
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    max-width: 1340px;
}

.box-wrapper {
    background: rgba(0, 0, 0, 0) url("images/bg/pattern.png") repeat fixed 0 0;
}

.box-layout {
    background: #fff none repeat scroll 0 0;
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    max-width: 1340px;
}

    .box-layout .sticky {
        max-width: 1340px;
    }



/*  قسمت اخبار*/

.posts-box {
    background-color: #f5f5f5;
    border-radius: 4px 4px 4px 4px;
    padding: 0 0 10px 0;
    min-height: 315px;
    margin: 10px;
    box-shadow: 0 2px 4px #e6e6e6;
    direction: rtl;
    text-align: right;
}

    .posts-box h2 {
        padding: 7px 15px 1px 0;
        margin-top: 0;
        background-color: #26ae61;
        color: white;
    }

    .posts-box .btn {
        margin-right: .5em;
        margin-top: .6em;
        float:left;
        margin-left:10px;
    }

.posts-box-list article {
    border-bottom: 1px solid #e5e5e5;
    display: table;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

}

.posts-box-list article.even-child, .posts-box-list article:nth-child(even) {
    background-color: whitesmoke;
}

.posts-box-list article:hover {
    background-color: #fffdeb;
}

.posts-box-list article a {
    font-family: Tahoma,"Helvetica Neue",Arial,sans-serif;
    font-size: 13px;
}

    .posts-box-list article a:hover {
        text-decoration: none;
    }

.label, .badge {
    font-weight: normal;
    font-size: 12px;
}

.label-date {
    font-family: "BBCNassim","Times New Roman",Times,serif;
    font-size: 14px;
    float: left;
}







/*show news*/

section {
    margin-bottom: 10px;
}

.search-job {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 20px;
    margin-top: 20px;
    text-align: right;
}

    .search-job h3 {
        color: #c51d1d;
    }

.section-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 5px;
    margin-top: 20px;
}

    .section-box .field {
        position: relative;
        top: -17px;
    }

.headline {
    background: none;
    position: relative;
    top: -27px;
    text-align: right;
}

.section-box .headline {
    top: -17px;
}

section {
    margin-bottom: 10px;
}

.clearfix {
    clear: both;
}

.advTitleRed {
    background-color: #c51d1d !important;
    color: #fff !important;
}

.headline h3, .headline h4 {
    background-color: #E9E9E9;
    color: #bc1e1d;
    display: inline;
    padding: 1px 10px 1px 10px;
    font-family: "Yekan",Arial,Tahoma;
}

.advTitle, .advTitleRed {
    float: left;
    line-height: 30px;
    font-size: 14px;
}





h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 28px;
    line-height: 50px;
}

h2 {
    font-size: 22px;
    line-height: 30px;
}

h3 {
    font-size: 16px;
    line-height: 34px;
}

h4 {
    font-size: 14px;
    line-height: 30px;
}

h5 {
    font-size: 12px;
    line-height: 24px;
}

h6 {
    font-size: 10px;
    line-height: 21px;
}

p {
    margin: 0 0 15px 0;
    line-height: 20px;
}

    p img {
        margin: 0;
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #777;
    }

em {
    font-style: italic;
}

strong {
    font-weight: bold;
    color: #333;
}

small {
    font-size: 80%;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}




.bg-grey .headline h3 {
    border: 2px solid #fff;
}

.bottomline h3 {
    border: 1px solid #ccc;
    display: inline;
    padding: 1px 10px 1px 10px;
    font-family: "Yekan",Arial,Tahoma;
    font-size: 12px;
    color: #666666;
    background-color: #fff;
}
















































/*پاک*/

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}


code {
    padding: 3px 6px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    background: #fcfcfc;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #3f8faf;
}

/* #Basic Styles
================================================== */


#wrapper {
    background: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    width: 1100px;
    padding: 10px 5px;
    margin: auto;
    overflow: hidden;
}

#footer {
    background: #303030;
    width: 1100px;
    padding: 5px;
    margin: 0 auto 20px auto;
}


/* Basic Alginment
================================================== */
.columns img,
.column img {
    height: auto;
    max-width: 100%;
}

.columns.google-map img {
    max-width: none;
}

img, object, video {
    height: auto;
    display: block;
}

img {
    width: auto;
    border: 0;
    margin-left:-2px;
    -ms-interpolation-mode: bicubic;
}

/* Flexible Embeds */
.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

    .embed iframe,
    .embed object,
    .embed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.image-left {
    float: left;
    margin: 0 15px 8px 0;
}

.image-right {
    float: right;
    margin: 0 0 8px 15px;
}

.image-right,
.image-left {
    padding: 4px;
    border: 1px solid #ddd;
    max-width: 100%;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 30px;
    line-height: 50px;
}

h2 {
    font-size: 22px;
    line-height: 30px;
}

h3 {
    font-size: 16px;
    line-height: 34px;
}

h4 {
    font-size: 14px;
    line-height: 30px;
}

h5 {
    font-size: 12px;
    line-height: 24px;
}

h6 {
    font-size: 10px;
    line-height: 21px;
}

p {
    margin: 0 0 15px 0;
    line-height: 20px;
}

    p img {
        margin: 0;
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #777;
    }

em {
    font-style: italic;
}

strong {
    font-weight: bold;
    color: #333;
}

small {
    font-size: 80%;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}




/* #Lists
================================================== */
ul, ol {
    margin: 0;
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}


li {
    line-height: 18px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}


/* #Forms
================================================== */
fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    text-align: right;
    border: 1px solid #d8d8d8;
    padding: 0px 15px;
    outline: none;
    font: 13px, sans-serif;
    font-family: 'Yekan', tahoma, serif;
    line-height: 35px;
    color: #555;
    margin: 0;
    max-width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    margin: 5px 0;
    width: 50%;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        border: 1px solid #ccc;
        color: #666;
    }

textarea {
    min-height: 60px;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 8px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}









/* Author: Vasterad
/*
* Template: Incredible
* URL: http://themeforest.net/user/Vasterad/
*/

/* =================================================================== */
/* Import Section
====================================================================== */


/* =================================================================== */
/* Header
====================================================================== */
#header {
    min-height: 140px;
    margin: 0 5px;
    background: #303030 url(../images/TopHeader.png) no-repeat right bottom;
}

    #header .topmenu a {
        margin-left: 15px;
        background-color: #bc1e1d;
        padding: 0 8px 4px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        color: #fff;
        text-decoration: none;
    }
/* Logo / Tagline
====================================*/


#logo a img {
    float: left;
}

#tagline {
    color: #555;
    border-left: 1px solid #e9e9e9;
    margin: 0 0 0 20px;
    padding: 5px 0 5px 20px;
    float: left;
}

/* Contact Details
====================================*/
#TopHeaderBanner {
    max-height: 85px;
    width: 96%;
    padding: 10px 0 0 15px;
    overflow: hidden;
}

#contact-details {
    float: right;
    text-align: left;
    display: block;
}

    #contact-details li {
        display: inline;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid #e9e9e9;
    }

        #contact-details li:first-child {
            border: none;
            margin-left: 0;
            padding: 0;
        }

    #contact-details i {
        margin-right: 4px;
    }

    #contact-details a {
        color: #666;
    }

        #contact-details a:hover {
            color: #555;
        }


/* Search Form
====================================*/
.search-form .search-text-box {
    position: absolute;
    right: 10px;
    width: 54px;
    background-color: #303030;
    border: none;
    color: transparent;
    font-size: 12px;
    padding: 6px 0;
    cursor: pointer;
    background: url("../images/search-ico.png") 5% 50% no-repeat;
    -moz-transition: 0.4s width ease;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: width;
    -webkit-transition-timing-function: ease;
    -o-transition-duration: 0.4s;
    -o-transition-property: width;
    -o-transition-timing-function: ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .search-form .search-text-box:focus {
        font-size: 12px;
        background-color: #303030;
        padding: 0px 18px 12px 58px;
        width: 150px;
        border: none;
        color: #fff;
        cursor: text;
    }



/* Main Navigation
====================================*/
.selectnav {
    display: none;
    cursor: pointer;
    width: 100%;
    padding: 8px;
    height: 37px;
    float: left;
    font-size: 14px;
    margin: 15px 0;
}

#navigation {
    background: #303030;
    display: block;
    width: 100%;
    float: left;
    max-height: 52px;
    margin: 0 0 10px 0;
}

    #navigation ul,
    #navigation li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline;
    }

        #navigation ul li {
            float: left;
            position: relative;
        }

            #navigation ul li a {
                display: inline-block;
                color: #fff;
                font-size: 13px;
                padding: 10px 16px;
                background: url(../images/navigation-divider.png) no-repeat right 50%;
            }

                #navigation ul li a:hover,
                #current:hover {
                    background: #bc1e1d;
                    color: #fff;
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    -ms-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                }

        #navigation ul ul {
            position: absolute;
            display: none;
            top: 51px;
            left: 0;
            background: #303030;
            z-index: 999;
        }

            #navigation ul ul li a {
                color: #aaa;
            }

                #navigation ul ul li a:hover {
                    color: #fff;
                }

            #navigation ul ul li a {
                display: block;
                width: 150px;
                margin: 0;
                padding: 9px 18px;
                font-family: Arial, sans-serif;
                font-weight: normal;
                font-size: 12px;
                border-bottom: 1px solid #404040;
                background: none;
            }

            #navigation ul ul ul {
                position: absolute;
                top: 0px;
                left: 100%;
                z-index: 999;
            }

                #navigation ul ul ul li a {
                    border-bottom: 1px solid #404040 !important;
                    border-top: 1px solid transparent;
                    background: none;
                }

            #navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {
                border-bottom: 1px solid transparent;
            }

            #navigation ul ul ul li:last-child a {
                border-bottom: 1px solid transparent !important;
            }

        #navigation ul li:hover > ul {
            opacity: 1;
            position: absolute;
            top: 99%;
            left: 0;
        }

        #navigation ul ul li:hover > ul {
            position: absolute;
            top: 0;
            left: 100%;
            opacity: 1;
            z-index: 497;
        }



        #navigation ul ul li:hover > a {
            color: #fff;
        }


/* =================================================================== */






/* Direction Nav
====================================*/





/* =================================================================== */
/* Icon Boxes
====================================================================== */
.icon-box-container {
    margin: 35px 0 15px 0;
    float: left;
}

.icon-boxes-container {
    margin: 10px 0 -5px 0;
    float: left;
}

.icon-box p, .icon-box h3 {
    margin-left: 45px;
}

.icon-box h3 {
    line-height: 34px;
}

.icon-box i {
    float: left;
    margin: -2px 0 50px 0;
}

/* =================================================================== */
/* Miscellaneous Styles
====================================================================== */
.ie-dropdown-fix {
    position: relative;
    z-index: 55;
}





/* Headline
====================================*/
.headline {
    background: url(../images/headline-bg.png) 0 50% repeat-x;
    display: block;
    margin: 0 0 5px 0;
}

.no-margin {
    margin-top: 0;
}

.low-margin {
    margin-top: 15px;
}

.headline h3, .headline h4 {
    background-color: #E9E9E9;
    color: #bc1e1d;
    display: inline;
    padding: 1px 10px 1px 10px;
    font-family: "Yekan",Arial,Tahoma;
}

/* Page Title
====================================*/
#page-title {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    margin: 0 0 25px 0;
}

    #page-title h2 {
        font-weight: normal;
        padding: 11px 0 26px 0;
    }

    #page-title span {
        color: #aaa;
    }

#bolded-line {
    text-indent: -9999px;
    height: 3px;
    width: 105px;
    display: block;
    background: #bc1e1d;
    margin-bottom: -2px;
}


/* =================================================================== */
====================================================================== */


/* Thumbnails
====================================*/





/* =================================================================== */
/* Footer
====================================================================== */
#footer, #footer p, #footer a {
    color: #aaa;
}

    #footer a:hover {
        color: #fff;
    }

.footer-headline {
    background: url(../images/headline-footer-bg.png) 0 50% repeat-x;
    display: block;
    margin: 15px 0 8px 0;
}

.no-margin {
    margin-top: 0;
}

.footer-headline h4 {
    background-color: #303030;
    display: inline;
    padding: 0 10px 0 0;
    color: #fff;
}

/* Links List
====================================*/
.links-list li a {
    color: #a4a4a4;
    display: block;
    padding: 3px 0;
    padding-left: 12px;
    background: url(../images/links-list-arrow-01.png) no-repeat left 47%;
}

.links-list-alt li a {
    color: #666;
    display: block;
    padding: 3px 0;
    padding-left: 12px;
    background: url(../images/links-list-arrow-02.png) no-repeat left 47%;
}

.links-list li a:hover {
    color: #fff;
}

.links-list-alt li a:hover {
    color: #555;
}

.links-list li:first-child a,
.links-list-alt li:first-child a {
    margin: -3px 0 0 0;
}


/* Footer Bottom
====================================*/
#footer-bottom {
    border-top: 1px solid #3c3c3c;
    margin-top: 25px;
    padding: 22px 0;
}

    #footer-bottom a {
        color: #fff;
    }

        #footer-bottom a:hover {
            color: #d4d4d4;
        }


/* Back To Top
====================================*/
#scroll-top-top {
    position: absolute;
    right: 0;
    bottom: 25px;
}

    #scroll-top-top a {
        width: 35px;
        height: 35px;
        display: block;
        background-color: #bc1e1d;
        background-image: url(../images/scroll-top-top.png);
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        #scroll-top-top a:hover {
            background-color: #aaa;
        }


/* =================================================================== */
/* Contact
====================================================================== */

/* Google Map
====================================*/


/* Contact Details
====================================*/
.contact-details li {
    margin: 0 0 15px 0;
}

.contact-details p {
    margin: -5px 0 0 20px;
    line-height: 18px;
}

.contact-details li i {
    float: left;
    margin: 2px 0 0 0;
}


/* Contact Form
====================================*/
.field textarea {
    max-width: 97%;
    min-width: 97%;
    height: 180px;
    margin: 5px 0 15px 0;
}

.field input {
    width: 85%;
    /*display: inline-block;*/
    display: block;
    /*margin: 10px;*/
}

.field select {
    width: 93%;
    display: block;
    /*margin: 10px;*/
}

    .field select.input-large {
        width: 50%;
    }

    .field select.input-xlarge {
        width: 70%;
    }

    .field select.input-xxlarge {
        width: 90%;
    }

    .field select.input-small {
        width: 30%;
    }

.field:focus {
    border: 1px solid #ddd;
}

.field label span {
    color: #bc1e1d;
}

.field .validation-error,
.field .validation-error:focus {
    border: 1px solid #f2c4c2;
    background: #ffeceb;
}

.loading {
    background: url(../images/loader.gif) no-repeat 1px;
    height: 28px;
    width: 28px;
    float: left;
    margin: 5px 0 0 10px;
    display: none;
}

.success-message .notification {
    margin-bottom: 20px;
}

.success-message {
    display: none;
}

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


/* =================================================================== */
/* Blog
====================================================================== */




/* Entry */
a.post-entry {
    color: #5ca20d;
    margin: 3px 0 9px 0;
    display: inline-block;
    padding: 0 12px 0 0;
    background: url(../images/blog-post-entry-01.png) no-repeat right;
    background-position: 100% 50%;
}

    a.post-entry:hover {
        color: #555;
        background: url(../images/blog-post-entry-02.png) no-repeat right;
        background-position: 100% 50%;
    }


/* Pagination
====================================*/
.pagination {
    margin-bottom: -10px;
}

    .pagination li {
        padding: 5px 10px;
        border: 1px solid #ddd;
        display: inline-block;
        float: left;
        background: #fff;
        color: #555;
        margin-right: 1px;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
        box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

.ie7 .pagination li {
    margin-right: 5px;
}

li.current {
    background: #bc1e1d;
    border: 1px solid #bc1e1d;
    color: #fff;
}


/* Widgets
====================================*/
.widget {
    margin-top: 25px;
}

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

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

.search input {
    width: 82%;
    padding-left: 30px;
    color: #555;
    background: url(../images/search-ico-alt.png) no-repeat 5% 54%;
}




/* Blog Post
====================================*/

/* Comments */
.comments-sec {
    float: left;
    width: 100%;
    line-height: 20px;
    margin-top: -15px;
}

ol.commentlist {
    float: left;
    width: 100%;
    margin: 0;
}

    ol.commentlist li {
        float: left;
        border-top: 1px solid #e7e7e7;
        padding: 25px 0 20px 0;
    }

        ol.commentlist li:first-child {
            border: none;
            padding: 25px 0 0px 0;
        }

    ol.commentlist li {
        list-style: none;
    }

ol li ol.childlist {
    float: right;
    width: 89%;
    margin: 0px;
}

ol.commentlist li ol.childlist li:first-child {
    border-top: 1px solid #e9e9e9;
    padding: 25px 0 0 0;
    font-size: 12px;
}

ol.commentlist li ol.childlist li {
    border-top: 1px solid #e9e9e9;
    margin: 25px 0 15px 0;
    font-size: 12px;
}

.comments {
    float: left;
    width: 100%;
}

.comments-amount {
    color: #555;
}

ol li ol.childlist .comment-des {
    float: right;
    width: 89%;
}

.avatar {
    float: left;
}

.comment-des {
    float: right;
    width: 90%;
}

    .comment-des strong {
        float: left;
        padding-right: 5px;
        font-size: 12px;
    }

    .comment-des span {
        float: left;
        color: #555;
    }

.comment-by {
    float: left;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 5px;
    color: #000;
}

.ie7 .comment-by span.reply span {
    display: none;
}

.comment-by span.reply {
    color: #555;
    float: right;
    display: inline;
}

    .comment-by span.reply a {
        float: right;
        height: 17px;
        margin-left: 5px;
        font-weight: normal;
        float: right;
    }

.comment-by span.date {
    color: #555;
    padding-right: 7px;
    float: right;
}

.ie7 .comment-by .date {
    display: none;
}


  
====================================================================== */

/* Buttons
====================================*/
.button,
input[type="button"] {
    padding: 9px 12px;
    display: inline-block;
    border: 0px;
    font-family: "Yekan",Arial,Tahoma;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

input[type="button"] {
    float: left;
}

.button.medium {
    padding: 11px 17px;
    font-size: 14px;
}

.button.gray {
    color: #fff;
    background: #444;
}

    .button.gray:hover {
        background: #bc1e1d;
    }

.button.light {
    color: #fff;
    background: #aaa;
}

    .button.light:hover {
        background: #bc1e1d;
    }

.button.color {
    color: #fff;
    background: #bc1e1d;
    margin-bottom: 4px;
}

    .button.color:hover {
        background: #aaa;
    }

/* Input Button */
input[type="button"] {
    color: #fff;
    background: #bc1e1d;
}

    input[type="button"]:hover {
        background: #aaa;
    }



/* Tabs
====================================*/
.tabs-nav {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .tabs-nav li {
        float: left;
        line-height: 34px;
        overflow: hidden;
        padding: 0;
        position: relative;
        margin: 0 0 -1px 0;
        width: 50%;
    }


        .tabs-nav li a {
            background-color: #fafafa;
            border: 1px solid #ddd;
            /*border-right: none;*/
            border-bottom: 1px solid #ddd;
            color: #555;
            display: block;
            letter-spacing: 0;
            outline: none;
            padding: 0 16px;
            text-decoration: none;
        }

.ie7 .tabs-nav li a {
    height: 35px;
}

.tabs-nav li:first-child a {
    border-left: 1px solid #ddd;
}

.tabs-nav li:last-child a {
    border-right: 1px solid #ddd;
}

.tabs-nav li.active a {
    color: #bc1e1d;
    font-weight: bold;
}

    .tabs-nav li.active a i {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.tabs-nav li i {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.tabs-nav li a:hover {
    background: #fff;
}

.tabs-nav li.active a {
    background: #fff;
    border-bottom: 2px solid #fff;
}

.tabs-container {
    border: 1px solid #ddd;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 99.5%;
    line-height: 19px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

.tab-content {
    padding: 20px;
    overflow: hidden;
}


/* Alert Boxes
====================================*/
.notification {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 14px 40px 14px 18px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

    .notification p {
        margin: 0;
    }

    .notification span {
        font-weight: bold;
    }

    .notification.success {
        background-color: #EBF6E0;
        color: #5f9025;
        border: 1px solid #b3dc82;
    }

    .notification.error {
        background-color: #ffe9e9;
        color: #de5959;
        border: 1px solid #fbc4c4;
    }

    .notification.warning {
        background-color: #FBFADD;
        color: #8f872e;
        border: 1px solid #ded58a;
    }

    .notification.notice {
        background-color: #E9F7FE;
        color: #5091b2;
        border: 1px solid #b6d7e8;
    }

        .notification.success .close,
        .notification.error .close,
        .notification.warning .close,
        .notification.notice .close {
            padding: 0px 14px;
            position: absolute;
            right: 0;
            top: 20px;
            display: block;
            height: 8px;
            weight: 8px;
        }

    .notification.success .close {
        background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat;
    }










/* Social Icons
====================================*/

/* Header Icons */
.social-icons {
    margin: 0;
    float: right;
}

    .social-icons.about {
        float: left;
        margin: 0 0 0 -5px;
    }



    .social-icons li a {
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        height: 28px;
        width: 28px;
    }

    .social-icons li:hover {
        background-position: 0 -38px;
    }

/* Social Widget Icons */
#social a {
    width: 28px;
    height: 28px;
    margin: 0 6px 6px 0;
    display: block;
    float: left;
    text-indent: -9999px;
    background-position: 0 -38px;
}

    #social a img {
        border: none;
    }

/* Icon List */
.amazon {
    background: url(../images/icons/social/amazon.png) no-repeat;
}

.behance {
    background: url(../images/icons/social/behance.png) no-repeat;
}

.blogger {
    background: url(../images/icons/social/blogger.png) no-repeat;
}

.deviantart {
    background: url(../images/icons/social/deviantart.png) no-repeat;
}

.dribbble {
    background: url(../images/icons/social/dribbble.png) no-repeat;
}

.dropbox {
    background: url(../images/icons/social/dropbox.png) no-repeat;
}

.evernote {
    background: url(../images/icons/social/evernote.png) no-repeat;
}

.facebook {
    background: url(../images/icons/social/facebook.png) no-repeat;
}

.forrst {
    background: url(../images/icons/social/forrst.png) no-repeat;
}

.github {
    background: url(../images/icons/social/github.png) no-repeat;
}

.googleplus {
    background: url(../images/icons/social/googleplus.png) no-repeat;
}

.jolicloud {
    background: url(../images/icons/social/jolicloud.png) no-repeat;
}

.last-fm {
    background: url(../images/icons/social/last-fm.png) no-repeat;
}

.linkedin {
    background: url(../images/icons/social/linkedin.png) no-repeat;
}

.picasa {
    background: url(../images/icons/social/picasa.png) no-repeat;
}

.pintrest {
    background: url(../images/icons/social/pintrest.png) no-repeat;
}

.rss {
    background: url(../images/icons/social/rss.png) no-repeat;
}

.skype {
    background: url(../images/icons/social/skype.png) no-repeat;
}

.spotify {
    background: url(../images/icons/social/spotify.png) no-repeat;
}

.stumbleupon {
    background: url(../images/icons/social/stumbleupon.png) no-repeat;
}

.tumblr {
    background: url(../images/icons/social/tumblr.png) no-repeat;
}

.twitter {
    background: url(../images/icons/social/twitter.png) no-repeat;
}

.vimeo {
    background: url(../images/icons/social/vimeo.png) no-repeat;
}

.wordpress {
    background: url(../images/icons/social/wordpress.png) no-repeat;
}

.xing {
    background: url(../images/icons/social/xing.png) no-repeat;
}

.yahoo {
    background: url(../images/icons/social/yahoo.png) no-repeat;
}

.youtube {
    background: url(../images/icons/social/youtube.png) no-repeat;
}


/* Table
====================================*/
table.standard-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

    table.standard-table th {
        border: 1px solid #dddddd;
        border-left: none;
        background-color: #fafafa;
        text-align: left;
        padding: 10px 15px;
        color: #404040;
        vertical-align: top;
        font-size: 14px;
        font-weight: bold;
    }

    table.standard-table td:last-child {
        border-left: 1px solid #ddd;
    }

    table.standard-table th:last-child {
        border-left: 1px solid #ddd;
    }

    table.standard-table td {
        padding: 10px 15px;
        border: #e0e0e0 1px solid;
        border-top: none;
        border-left: none;
    }

    table.standard-table tr:hover td {
        background-color: #fafafa;
    }




/* List Styles
====================================*/
.check_list li,
.plus_list li,
.minus_list li,
.star_list li,
.arrow_list li,
.square_list li,
.circle_list li,
.cross_list li {
    list-style: none;
    margin: 5px 0;
}

.check_list li {
    background: url(../images/icons/list/list_check.png) no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.plus_list li {
    background: url(../images/icons/list/list_plus.png) no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.minus_list li {
    background: url(../images/icons/list/list_minus.png) no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.star_list li {
    background: url(../images/icons/list/list_star.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.arrow_list li {
    background: url(../images/icons/list/list_arrow.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.square_list li {
    background: url(../images/icons/list/list_square.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.circle_list li {
    background: url(../images/icons/list/list_circle.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.cross_list li {
    background: url(../images/icons/list/list_cross.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.search-job {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 20px;
    margin-top: 20px;
    padding-bottom: 30%;
}

    .search-job h3 {
        color: #c51d1d;
    }

.section-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 5px;
    margin-top: 20px;
}

    .section-box .field {
        position: relative;
        top: -17px;
    }

.headline {
    background: none;
    position: relative;
    top: -27px;
}

.section-box .headline {
    top: -17px;
}

section {
    margin-bottom: 10px;
}
/* =================================================================== */
/* Media Queries
====================================================================== */

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 960px) {

    .flexslider.home {
        min-height: 320px;
    }
}

/* Smaller than standard 960 (devices and browsers)
====================================================================== */
@media only screen and (max-width: 959px) {
    #navigation {
        float: none;
    }

    .js .selectnav {
        display: block;
    }

    .js #nav,
    .slide-caption,
    .search-form,
    .search-form-new,
    #tagline,
    .social-icons,
    .widget,
    .widget-alt {
        display: none;
    }

    .topmenu .thirteen {
        display: none;
    }

    .container .three.columns {
        width: 150px !important;
    }

        .container .three.columns span {
            padding-right: 5px;
        }

    .field .col-md-6 {
        width: 100%;
    }

    #contact-details {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 420px) {
    .col-md-6 select {
        width: 93% !important;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #wrapper {
        width: 768px;
        padding: 35px 30px;
    }

    #footer {
        width: 768px;
        padding: 20px 30px 0 30px;
    }

    .client-list img {
        width: 148px;
        height: auto;
    }

    .flickr-widget a,
    .flickr-widget-blog a {
        width: 70px;
        height: 70px;
    }

    ol li ol.childlist .comment-des {
        width: 86%;
    }

    .comment-des {
        width: 87%;
    }

    .five-tables .pricing-table {
        width: 148px;
    }

    .four-tables .pricing-table {
        width: 186px;
    }

    .three-tables .pricing-table {
        width: 248px;
    }

    .two-tables .pricing-table {
        width: 373px;
    }
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {

    #navigation {
        float: none;
    }

    .js .selectnav {
        display: block;
    }

    .js #nav,
    .slide-caption,
    .search-form,
    .search-form-new,
    #tagline,
    .social-icons,
    .widget,
    .widget-alt {
        display: none;
    }

        .social-icons.about {
            display: block;
            margin-bottom: 30px;
        }

    #contact-details {
        text-align: center;
        float: left;
    }

    #wrapper {
        margin: 0 auto;
        padding: 15px 0 30px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    body {
        background: #fff;
    }

    #footer {
        margin: 0 auto;
        padding: 0;
        width: 100% !important;
    }

    #scroll-top-top {
        display: none;
    }

    .icon-box i {
        margin-left: -10px !important;
    }

    .post-meta {
        display: none;
    }

    .post-title h2 {
        line-height: 26px;
        margin-bottom: 15px;
    }

    .post-icon {
        margin-top: 28px;
    }

    #filters,
    #portfolio-navi {
        position: relative;
        text-align: left;
        display: block;
        margin: 0 0 23px 0;
    }

    #portfolio-navi {
        margin: -5px 0 25px 0;
    }

    .portfolio-item {
        margin: 5px 0 25px 0 !important;
    }

    .item-description.related {
        margin-bottom: 30px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    #wrapper, #footer {
        width: 420px;
    }

    .client-list img {
        width: 139px;
        height: auto;
    }

    .flickr-widget a {
        width: 53px;
        height: 53px;
    }

    ol li ol.childlist .comment-des {
        width: 82%;
    }

    .comment-des {
        width: 83%;
    }

    #portfolio-wrapper img {
        min-height: 265px;
    }

    .five-tables .pricing-table,
    .four-tables .pricing-table,
    .three-tables .pricing-table,
    .two-tables .pricing-table {
        width: 209px;
    }

    .col-md-6 select {
        width: 90% !important;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 479px) {

    #wrapper, #footer {
        width: 300px;
    }

    .client-list img {
        width: 149px;
        height: auto;
    }

    ol li ol.childlist .comment-des {
        width: 77%;
    }

    .comment-des {
        width: 78%;
    }

    #portfolio-wrapper img {
        min-height: 189px;
    }

    .five-tables .pricing-table,
    .four-tables .pricing-table,
    .three-tables .pricing-table,
    .two-tables .pricing-table {
        width: 299px;
    }
}

/*******************************Modal ********************************/
.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

@media (min-width: 32em) {

    .modal-box {
        width: 320px;
    }
}

.modal-box .button {
    float: none;
    margin: 10px 0;
}

.modal-box header,
.modal-box .modal-header {
    background-color: #000;
    border-bottom: 1px solid #ddd;
    padding: 1.25em 1.5em;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#validation_dialog header, #validation_dialog .modal-header {
    background-color: #c51d1d;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
    margin: 0;
    color: #fff;
}

.modal-box .modal-body {
    padding: 2em 1.5em;
    text-align: center;
}

#validation_dialog .modal-body {
    padding: 2em 3em;
    text-align: justify;
}

    #validation_dialog .modal-body ul {
        list-style-type: square;
    }

.modal-box footer,
.modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

.rbUserType label {
    display: inline !important;
    padding-right: 10px !important;
}

.LoginButton {
    font-family: 'Yekan' !important;
}

.cpStyle .ten, .cpStyle .five, .cpStyle .four, .cpStyle .eight {
    margin-bottom: 15px;
}

.cpStyle .button {
    width: 255px !important;
}

.cpStyle .ten .button {
    float: none;
}

.GeneralError {
    color: #bc1e1d;
    padding: 0 5px;
}

.GeneralButton {
    padding: 9px 12px;
    display: inline-block;
    border: 0px;
    font-family: "Yekan",tahoma,serif;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    background: #bc1e1d none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin-right: 15px !important;
}

    .GeneralButton:hover {
        background: #aaa;
    }

#MagSearchPanel input {
    width: 200px;
}

#MagSearchPanel select {
    width: 200px;
}

.calender {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../images/calendar.gif') !important;
    padding: 0 10px !important;
    margin: 0 !important;
}

.PanelLinks a {
    width: 200px !important;
    text-align: center;
}

.PanelLinks .four.columns {
    margin-bottom: 15px;
}

.Header, .MainHeader {
    font-size: 12pt;
    font-weight: bold;
    color: #bc1e1d;
    line-height: 2;
}

.Header, .MainHeaderBlack {
    font-size: 12pt;
    font-weight: bold;
    line-height: 2;
}



.MainHeader:visited {
    color: #bc1e1d;
}

.UserMenu {
    display: none;
}

.UserMenuChild {
    background-color: #404040;
    color: #fff;
    display: none;
}

    .UserMenuChild a {
        color: #fff;
        padding: 5px 10px 5px 0;
        background-color: Transparent !important;
        border: none !important;
    }

.UserMenuChildLink hover {
    background-color: Transparent !important;
}

.UserMenuChild li {
    line-height: 170%;
    padding: 5px !important;
}

    .UserMenuChild li:hover {
        background-color: #606060;
    }

.UserMenuChild {
    border: solid 1px #404040;
}
/**************************Accordion**************************************/

/*************************Custom css*******************************/
.RightSide {
    background-color: #396f91;
}

.userInfo {
    color: #c51d1d;
    background-color: #e9e9e9;
}

    .userInfo h3 {
        color: #c51d1d;
    }

.col-md-3, .col-md-9, .col-md-4, .col-md-8, .col-md-7, .col-md-5, .col-md-12, .col-md-2, .col-md-10, .col-md-1 {
    position: relative;
    float: right;
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
        text-align: right;
        direction: rtl;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

.clearfix {
    clear: both;
}

.AsideMenu {
    width: 100%;
}

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

        .AsideMenu ul li {
            background-color: #396f91;
            color: #fff;
        }

            .AsideMenu ul li a {
                color: #fff;
                padding: 10px 10px 10px 0;
                display: block;
            }

            .AsideMenu ul li label {
                color: #fff;
                padding: 10px 10px 10px 0;
                display: block;
                margin: 0;
                font-size: 13px;
            }

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

            .AsideMenu ul div ul li {
                background-color: #9dc0d3;
                color: #000;
                border-top: solid 1px #fff;
                margin: 0;
            }

                .AsideMenu ul div ul li a {
                    color: #000;
                    padding: 10px 18px 10px 0;
                    background: url(../images/arrow-left-black.png) no-repeat right;
                    margin-right: 20px;
                }

                    .AsideMenu ul div ul li a:hover {
                        background: url(../images/arrow-left-red.png) no-repeat right;
                    }

.PriceList {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    margin: 20px 0;
}

    .PriceList tr th {
        background-color: #a0a0a0;
    }

    .PriceList tr th, .PriceList tr td {
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
        text-align: center;
        padding: 5px;
    }

.error {
    color: Red;
}

input.error {
    border: solid 1px red;
}

.register_gender {
    float: left;
}

    .register_gender label {
        display: inline !important;
        padding: 0 7px 0 15px;
    }



.AdvsList img {
    float: right;
    padding-left: 7px;
}



.GeneralCheckBox {
    float: right;
    margin-left: 10px;
}

    .GeneralCheckBox input {
        float: right;
        margin-left: 10px !important;
        width: auto !important;
        margin-top: 5px !important;
    }

#EmployerAdSkin1_chkDegree label {
    float: right;
    margin-left: 10px !important;
    width: auto !important;
}

.JobAgency .field input {
    width: 63%;
}

    .JobAgency .field input[type="checkbox"], #employerAd .field input[type="radio"],
    .JobAgency .field input[type="radio"], .news-search input[type="checkbox"] {
        margin: 3px 0 0 0;
        float: right;
        width: 30%;
    }

.ja-items {
    background-color: #f4f4f4;
    border: solid 1px #b5b5b5;
    margin-bottom: 15px;
}

    .ja-items .ja-Title {
        background-color: #e9e9e9;
        border-bottom: solid 1px #b5b5b5;
    }

        .ja-items .ja-Title .col-md-8 {
            color: #bc1e1d;
        }

            .ja-items .ja-Title .col-md-8 label {
                padding-right: 10px;
                padding-top: 5px;
                font-size: 10pt;
            }

        .ja-items .ja-Title .ja-type {
            color: #bc1e1d;
            text-align: center;
            padding-top: 6px;
        }

        .ja-items .ja-Title .ja-province {
            color: #fff;
            background-color: #bc1e1d;
            padding-top: 6.5px;
            text-align: center;
        }

    .ja-items .col-md-12 {
        color: #000;
    }

        .ja-items .col-md-12 .ja-content {
            padding: 5px 15px;
        }

            .ja-items .col-md-12 .ja-content i {
                padding-left: 10px;
                font-size: 14pt;
                color: #bc1e1d;
            }

.paging {
    padding: 0 5px;
}

.mag-aitems {
    background-color: #e1e1e1;
    border: 2px solid #f0f0f0;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

    .mag-aitems a {
        color: #000;
        text-decoration: none;
    }

        .mag-aitems a:hover {
            text-decoration: underline;
        }

    .mag-aitems img {
        border: 1px solid #f0f0f0;
    }

.no-top {
    top: 0;
}

.EmployerSkin .field select, .EmployerSkin .field input {
    margin: 0;
}

.EmployerSkin .field select {
    width: 91%;
}

.smsQuery label {
    float: right;
    padding-top: 5px;
}

.smsQuery select, .smsQuery input {
    float: left;
    margin: 0;
    width: 65%;
}

.EmployeePage .button {
    width: -moz-available !important;
}
/*.five_firstpage{width:315px !important;}*/



#checks span {
    text-align: right;
    padding: 5px;
}

.Degree input[type="checkbox"] {
    float: right;
    width: 24px;
    margin: 3px 0 0 0;
}

.Degree lable {
    float: right;
    text-align: right;
    width: 90%;
}

.Degree td {
    width: 25%;
}

.EmployeePackage label {
    font-weight: bold;
}

.magazine-page {
    border-top: solid 1px #ddd;
}

    .magazine-page a {
        padding: 2px 8px;
    }

        .magazine-page a:hover {
            background-color: #bc1e1d;
            color: #fff;
        }

.magazine-pdf img {
    position: relative;
    right: 7px;
    top: -35px;
}

.AdvsList .field p {
    margin-bottom: 5px;
}

.input-xxxlarge {
    float: right;
    margin: 0 !important;
    width: 60%;
}

.Display {
    display: block;
}

.NoDisplay {
    display: none;
}

.highlightTable tr td {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding-right: 10px;
}

.highlightTable {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin: 30px 0;
}

.GeneralDropDown, .GeneralTextBox, .GeneralLTRTextBox {
    width: 100%;
}

.ApplicationForm .col-md-3 {
    padding-top: 5px;
}

.ApplicationForm input[type="text"], .ApplicationForm input[type="password"], .ApplicationForm input[type="email"], .ApplicationForm textarea, .ApplicationForm select {
    margin: 0;
}

.faq-list {
    width: 90%;
    padding-right: 20px;
}

    .faq-list a {
        padding-bottom: 5px;
        display: block;
    }

.ImageSpace {
    margin: 0 15px;
    width: 139px;
    border: 1px solid #e2e2df;
}

.NewsListTitle {
    color: #bc1e1d;
}

.NewsList {
    line-height: 18px;
    list-style: inside none square;
    color: #bc1e1d;
}



.GeneralLTRTextBox {
    height: 18px;
    font-family: 'Yekan', Arial, Helvetica, sans-serif;
    font-size: 8pt;
    direction: ltr;
    border: 1px solid #CCC;
    width: 90%;
}

.imgProfile {
    max-width: 100px;
    max-height: 100px;
}

.box-view {
    border: solid 1px #ccc;
    margin-bottom: 15px;
    padding: 5px;
    width: 98% !important;
}

    .box-view div {
        line-height: 2;
    }

.SubscriptionForm label {
    display: inline !important;
    padding-left: 10px;
}

.SmallRegister label {
    padding-top: 7px;
    margin-bottom: 0;
}

.SmallRegister input[type="text"], .SmallRegister input[type="password"], .SmallRegister input[type="email"], .SmallRegister textarea, .SmallRegister select {
    width: 80%;
}

.register_gender label {
    padding-top: 0;
}

.pagging span {
    background-color: #bc1e1d;
    color: #fff;
    padding: 0 4px;
}

/***************package list**********/
.packagetable {
    border: 1px solid #e3e3e3 !important;
    overflow: hidden;
    text-align: center;
}

    .packagetable th {
        text-align: center !important;
        background-color: #ccc !important;
    }

.selectradiopack {
    width: 100%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .well hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
    }
/*******************/
.ac-container label span {
    font-size: 17px;
}

    .ac-container label span:hover {
        color: #bc1e1d;
    }
/***********************/
.datepick {
    display: inline-block !important;
}
/**************application table****/
.tblApp, .tblAppHorizontal {
    border: 1px solid #dddde4;
    /*border-right: #dddde4 1px solid;
    border-top: #dddde4 1px solid;
    border-left: #dddde4 1px solid;
    border-bottom: #dddde4 1px solid;*/
    width: 100%;
    border-collapse: collapse;
}

    .tblApp tr td, .tblAppHorizontal tr td {
        border: 1px solid #dddde4;
        padding: 5px;
    }

    .tblApp .headerTd {
        width: 25%;
        background-color: #303030;
        color: #fff;
    }

    .tblAppHorizontal .headerTd {
        background-color: #303030;
        color: #fff;
    }
/*************paging style*********/
a.Repeater {
    color: #333;
    float: right;
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 5px 15px;
    text-decoration: none;
    background-color: #eee;
    transition: all 200ms ease-in-out 0s;
}


    a.Repeater:hover {
        background-color: #bc1e1d;
        color: #fff;
    }


a.RepeaterSelected {
    background-color: #bc1e1d;
    color: #fff;
    float: right;
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 5px 15px;
    text-decoration: none;
}

.PReap {
    float: right;
    margin-left: 0.2px;
    margin-right: 0.2px;
    margin-top: 0.4em;
}

/************media query for customTbl****/
@media (max-width: 767px) {

    .customTbl .col-md-8, .customTbl .col-md-3, .customTbl2 .col-md-8, .customTbl2 .col-md-3 {
        float: none;
        height: auto;
        overflow: hidden;
        width: 95%;
    }

    .customTbl input, .customTbl2 input {
        width: 90%;
    }
}
/**************************/
.advTitle, .advTitleRed {
    float: left;
    line-height: 30px;
    font-size: 14px;
}

.advTitleRed {
    background-color: #c51d1d !important;
    color: #fff !important;
}
/**********************/
.Poll {
    overflow: hidden;
    padding: 5px;
}

    .Poll input {
        float: right;
    }

    .Poll label {
        float: right;
    }
/*************multimedia*********/
.bg-grey {
    background-color: #E9E9E9 !important;
}

    .bg-grey .headline h3 {
        border: 2px solid #fff;
    }

    .bg-grey .field {
        overflow: hidden;
        margin-top: 50px;
    }

        .bg-grey .field .three.columns {
            margin: 0 10px;
        }

        .bg-grey .field .picture img {
            border: 2px solid #ddd;
        }

.bottomline {
    float: left;
    left: 10px;
    position: relative;
    background: none;
    top: -57px;
}

    .bottomline h3 {
        border: 1px solid #ccc;
        display: inline;
        padding: 1px 10px 1px 10px;
        font-family: "Yekan",Arial,Tahoma;
        font-size: 12px;
        color: #666666;
        background-color: #fff;
    }

.top-back, .bottom-back {
    background: transparent url("../images/MN-icon.jpg") repeat-x right;
    position: relative;
    min-height: 30px;
    top: 30px;
}

.bottom-back {
    top: -25px;
    width: 86.5%;
}

.top-back .headline {
    top: -3px;
    margin: 0 22px 0 0;
}

    .top-back .headline h3 {
        border: 3px solid #fff;
        padding: 1px 16px;
    }


.item-description h5 {
    background: transparent url("../images/icons/square.png") no-repeat scroll 100% 35%;
    padding-right: 15px;
}

.item-description p {
    background: transparent url("../images/icons/triangle.png") no-repeat scroll 100% 15%;
    padding-right: 15px;
}

.media {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: right;
    margin: 8px;
}

    .media:last-of-type {
    }

#mediaList {
    overflow: hidden;
}

.media img {
    width: 164px;
    height: 105px;
}

.media .item-description {
    overflow: hidden;
    padding-right: 20px;
}

    .media .item-description h5 {
        background-position: 100% 60%;
    }

.date {
    float: left;
    margin-top: 5px;
    text-align: left;
}

#writtenList {
    padding: 4px;
    overflow: hidden;
}

    #writtenList .two.columns {
        width: 130px;
        margin: 0 6px;
    }

    #writtenList img {
        /* width: 120px;
        height: 180px;*/
        width: 160px;
        height: 220px;
    }

.media-slides li, .written-slides li {
    overflow: hidden;
    padding: 5px;
    margin-bottom: 5px;
}

.media-slides img {
    width: 110px;
    height: 70px;
}

.media-slides .caption {
    padding-right: 120px;
    padding-top: 5px;
}

    .media-slides .caption h3 {
        font-size: 12px;
        line-height: 17px;
    }

.flowplayer {
    margin: 0 auto;
    width: 95%;
}

    .flowplayer #PlayerControl {
        display: block;
        height: 315px;
    }

    .flowplayer object {
        height: 100%;
    }

.written-slides .item-description {
    padding-right: 90px;
}

    .written-slides .item-description h5 {
        background-position-y: 65%;
        margin-bottom: 0;
    }

.written-slides img, #articleList img {
    width: 75px;
    height: 110px;
}

.article {
    overflow: hidden;
    padding: 0 10px;
}

    .article img {
        /* height: 350px;
        width: 300px;*/
        height: 330px;
        width: 240px;
    }

.article-caption {
    padding: 50px 260px 0 10px;
}
/***********Start*********2017.05.16*******************/
#DynPageListFirstPage .four {
    margin-right: 0;
    margin-left: 6px;
}

#DynPageListFirstPage div:last-child {
    margin-right: 0;
    margin-left: 0;
}

#DynPageListFirstPage .details {
    border-bottom: 1px dotted #8c8c8c;
    border-top: 1px dotted #8c8c8c;
    min-height: 130px;
    margin: 10px 0;
}
/***********End*********2017.05.16*********************/
#popup2 {
    top: 70px !important;
}

@media (max-width: 801px) {
    .ac-container label {
        padding: 0 5px 0 0;
    }

    .ac-title {
        display: none;
    }

    .ac-container label:hover:after,
    .ac-container input:checked + label:hover:after {
        background: none;
        width: 45px;
        height: 30px;
        top: 0;
        left: 0;
    }

    .ac-lable-p-dark {
        margin-left: 0;
        margin-bottom: 0;
    }

    .ac-lable-p {
        padding: 5px 0;
        font-size: 7pt;
        margin-left: 0;
        margin-bottom: 0;
    }

    .container .three.columns span {
        padding-right: 0;
    }
}

@media (max-width: 361px) {
    .ac-lable-p-dark {
        margin-left: 0;
        margin-bottom: 0;
        font-size: 7pt;
        padding: 5px 2px;
    }

    .ac-title-a {
        font-size: 10pt;
        width: 50%;
        /*overflow: hidden;
        position: absolute;
        height: 30px;*/
    }

    .ac-container label {
        height: auto;
    }

    .topmenu a {
        margin-left: 0 !important;
        padding: 0 3px 4px !important;
    }

    .container .three.columns span {
        font-size: 8pt;
        padding-right: 0;
    }
}

#footer {
    padding-top: 35px;
}

    #footer h3 {
        color: #aaa;
    }

    #footer p {
        line-height: 2em;
        text-align: justify;
        padding: 0 10px;
    }

    #footer .container .column, #footer .container .columns {
        margin: 0;
    }

    #footer .footer-info i {
        margin: 3px 0 0 5px;
    }

    #footer .footer-info p {
        margin: 0;
    }

.flex-active-slide .news-caption p {
    text-align: justify;
}

.footer-menu a {
    display: block;
}











/* #Base 960 Grid
================================================== */

.container {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
}



    .container .column,
    .container .columns {
        float: left;
        display: inline;
        margin-left: 5px;
        margin-right: 5px;
    }

.row {
    margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
    margin-left: 0;
}

.column.omega, .columns.omega {
    margin-right: 0;
}

/* Base Grid */
.container .one.column,
.container .one.columns {
    width: 80px;
}

.container .two.columns {
    width: 165px;
}

.container .three.columns {
    width: 160px;
}

.container .four.columns {
    width: 265px;
}

.container .five.columns { /*width: 330px;*/
    width: 310px;
}

.container .six.columns {
    width: 340px;
}

.container .seven.columns {
    width: 400px;
}

.container .eight.columns {
    width: 460px;
}

.container .nine.columns {
    width: 520px;
}

.container .ten.columns {
    width: 640px; /*overflow:hidden;*/
}

.container .eleven.columns {
    width: 640px;
}

.container .twelve.columns {
    width: 700px;
}

.container .thirteen.columns {
    width: 730px;
}

.container .fourteen.columns {
    width: 820px;
}

.container .fifteen.columns {
    width: 915px;
}

.container .sixteen.columns {
    width: 1090px;
}

.container .one-third.column {
    width: 300px;
}

.container .two-thirds.column {
    width: 620px;
}

/*New*/
.field .col-md-6 {
    width: 50%;
    float: right;
}

.field .col-md-12 {
    width: 100%;
    float: right;
}

/* Offsets */
.container .offset-by-one {
    padding-left: 60px;
}

.container .offset-by-two {
    padding-left: 120px;
}

.container .offset-by-three {
    padding-left: 180px;
}

.container .offset-by-four {
    padding-left: 240px;
}

.container .offset-by-five {
    padding-left: 300px;
}

.container .offset-by-six {
    padding-left: 360px;
}

.container .offset-by-seven {
    padding-left: 420px;
}

.container .offset-by-eight {
    padding-left: 480px;
}

.container .offset-by-nine {
    padding-left: 540px;
}

.container .offset-by-ten {
    padding-left: 600px;
}

.container .offset-by-eleven {
    padding-left: 660px;
}

.container .offset-by-twelve {
    padding-left: 720px;
}

.container .offset-by-thirteen {
    padding-left: 780px;
}

.container .offset-by-fourteen {
    padding-left: 840px;
}

.container .offset-by-fifteen {
    padding-left: 900px;
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px;
    }

        .container .column,
        .container .columns {
            margin-left: 5px;
            margin-right: 5px;
        }

    .column.alpha, .columns.alpha {
        margin-left: 0;
        margin-right: 5px;
    }

    .column.omega, .columns.omega {
        margin-right: 0;
        margin-left: 5px;
    }

    .alpha.omega {
        margin-left: 0;
        margin-right: 0;
    }

    .container .one.column,
    .container .one.columns {
        width: 28px;
    }

    .container .two.columns {
        width: 76px;
    }

    .container .three.columns {
        width: 124px;
    }

    .container .four.columns {
        width: 172px;
    }

    .container .five.columns {
        width: 220px;
    }

    .container .six.columns {
        width: 268px;
    }

    .container .seven.columns {
        width: 316px;
    }

    .container .eight.columns {
        width: 364px;
    }

    .container .nine.columns {
        width: 412px;
    }

    .container .ten.columns {
        width: 460px;
    }

    .container .eleven.columns {
        width: 508px;
    }

    .container .twelve.columns {
        width: 556px;
    }

    .container .thirteen.columns {
        width: 604px;
    }

    .container .fourteen.columns {
        width: 652px;
    }

    .container .fifteen.columns {
        width: 700px;
    }

    .container .sixteen.columns {
        width: 748px;
    }

    .container .one-third.column {
        width: 236px;
    }

    .container .two-thirds.column {
        width: 492px;
    }

    /* Offsets */
    .container .offset-by-one {
        padding-left: 48px;
    }

    .container .offset-by-two {
        padding-left: 96px;
    }

    .container .offset-by-three {
        padding-left: 144px;
    }

    .container .offset-by-four {
        padding-left: 192px;
    }

    .container .offset-by-five {
        padding-left: 240px;
    }

    .container .offset-by-six {
        padding-left: 288px;
    }

    .container .offset-by-seven {
        padding-left: 336px;
    }

    .container .offset-by-eight {
        padding-left: 384px;
    }

    .container .offset-by-nine {
        padding-left: 432px;
    }

    .container .offset-by-ten {
        padding-left: 480px;
    }

    .container .offset-by-eleven {
        padding-left: 528px;
    }

    .container .offset-by-twelve {
        padding-left: 576px;
    }

    .container .offset-by-thirteen {
        padding-left: 624px;
    }

    .container .offset-by-fourteen {
        padding-left: 672px;
    }

    .container .offset-by-fifteen {
        padding-left: 720px;
    }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container {
        width: 300px;
    }

        .container .columns,
        .container .column {
            margin: 0;
        }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column {
            width: 300px;
        }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen {
            padding-left: 0;
        }
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */




/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}