/* shabnam */
@font-face {
    font-family: 'shabnam';
    src: url('fonts/shabnam.eot?#') format('eot'), /* IE6–8 */
    url('fonts/shabnam.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/shabnam.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    font-weight: normal;
    font-style: normal;
}


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

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

@font-face {
    font-family: 'shabnam';
    src: url('fonts/Shabnam-Light.eot');
    src: url('fonts/Shabnam-Light.eot#iefix') format('embedded-opentype'), url('fonts/Shabnam-Light.woff') format('woff'), url('fonts/Shabnam-Light.ttf') format('truetype'), url('fonts/Shabnam-Light.svg#CartoGothicStdBook') format('svg');
    font-weight: lighter;
    font-style: normal;
}


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


body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
}

body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover, .widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carouselul li a .title, .content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc, .post-nav.minimal a i {
    color: #60615f;
}

#menu > ul > li > a, .action_button, #overlay-menu ul li a {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
}

#Subheader .title {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
}

h1, h2, h3, h4, .text-logo #logo {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
}

h5, h6 {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
    letter-spacing: 0px;
}

blockquote {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
}


tspan {
    font-family: "Lalezar";
    letter-spacing: 0px;
}


a:hover {
    text-decoration: none !important;
}



#menu > ul > li > a, a.button.action_button, #overlay-menu ul li a {
    letter-spacing: 0;
}

.lang-select {
    display: none !important;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #04e5e8;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #125ad3;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #1ca900;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#Wrapper, #Footer {
    direction: rtl;
}

h1, h2, h3, h4 {
    font-family: "Lalezar";
    letter-spacing: 0px;
}

h5, h6 a, h6 i {
    color: #1ca900;
}





#Subheader .title {
    font-family: "Lalezar";
    margin-bottom: 5px !important;
    font-size: 52px;
}

#Subheader h4 {
    font-family: "shabnam";
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
}

#Intro .intro-title {
    font-family: "Lalezar";
    margin-bottom: 5px !important;
    font-size: 52px;
}

#Intro h4 {
    font-family: "shabnam";
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 32px;
    text-align-last: center;
    text-align: justify;
    margin: 0 50px;
}


p {
    text-align: justify;
}


.section-one {
    padding: 0 4% 0 0;
}

.post-excerpt {
    text-align: justify;
    height: 150px;
    overflow: hidden;
}


.icon-cat i {
    color: #125ad3;
    font-size: 50px;
}

.quick_fact .number {
    color: #fff;
}

.more-project {
    padding: 0 0 0 10%;
}

.bg-project-right {
    background-color: #125ad3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px;
    padding-bottom: 40px;
    text-align: right;
    color: #fff;
}

    .bg-project-right h2, .bg-project-right h2 a, .bg-project-left h2, .bg-project-left h2 a {
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,05);
    }

    .bg-project-right h4, .bg-project-left h4 {
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,05);
        font-family: "shabnam";
        font-weight: bold;
        font-size: 21px;
        line-height: normal;
    }


.dec-project-right {
    padding: 0px 0 0 0;
}


.bg-project-left {
    background-color: #125ad3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px;
    padding-bottom: 40px;
    text-align: left;
    color: #fff;
}

.dec-project-left {
    padding: 0px 0 0 0;
}

.fa-li {
    right: 1em;
    font-size: 1.2em;
    top: 0px;
}

.fa-ul {
    list-style-type: none;
    margin-right: 2.5em;
    padding-right: 0;
}

    .fa-ul li {
        list-style: none !important;
        padding-right: 50px;
        margin-bottom: 20px !important;
    }

        .fa-ul li:after {
            content: "";
            width: 70px;
            height: 1px;
            overflow: hidden;
            background: rgba(0,0,0,.08);
            position: absolute;
            right: 0;
            bottom: -11px;
        }

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.faq .question:before {
    content: "";
    width: 60px;
    height: 100%;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.faq .question:after {
    content: "";
    width: 60px;
    height: 100%;
    background: rgba(0, 0, 0, .03);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.faq .question .title .num {
    font-weight: 700;
    position: absolute;
    right: 17px;
    top: 20px;
    font-weight: bold;
    left: auto;
    color: #39aa20;
    font-size: 20px;
}

.faq .question .answer {
    padding: 0 80px 20px 20px;
}

.faq .question .title {
    padding: 20px 80px 20px 40px;
}

    .faq .question .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus {
        left: 15px;
        right: auto;
    }

.dec-project {
    padding-bottom: 20px;
}

.answer h5 {
    color: #60615f;
    margin-bottom: 5px;
}

    .answer h5 small {
        font-size: 80%;
        font-weight: bold;
        color: #60615f;
    }

.chart_box .chart .num {
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 3;
    width: 100%;
    font-size: 37px;
    line-height: 50px;
    font-weight: bold;
}

.table-project dl > dt, .table-project dl > dd {
    font-size: 13px;
    padding: 6px 0;
    text-align: right;
    width: 50%;
}


.single-photo-wrapper .image_frame {
    margin-right: 0 !important;
}

.blog_wrapper img.scale-with-grid {
    width: 100%;
    height: 250px;
}

.grid .post-photo-wrapper {
    width: 100%;
    float: none;
    height: 250px;
    overflow: hidden;
}

.post-title {
    height: 58px;
    overflow: hidden;
}

.author-date span {
    font-size: 12px;
}

.post-header .title_wrapper {
    margin-right: 0;
}

.highlight-left:after, .highlight-right:after {
    background: #1ca900;
}

ul.clients .client_wrapper {
    background: none;
}

    ul.clients .client_wrapper:hover {
        background: none;
    }

#Footer ul li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f104';
    font-size: 10px;
    color: rgb(18, 90, 211);
    margin: 0 0 0 5px;
    font-weight: bold;
}

.socail li {
    display: inline;
    list-style: outside none none;
    padding: 0 3px;
    font-size: 20px;
}

#Footer .socail li a:hover {
    text-decoration: none;
}

#Footer .socail li:before {
    content: '';
}


#input-assigned-0 {
    display: none;
}

.help-block-error {
    color: #dc6d6d;
}

.swal-footer {
    text-align: center;
}

.swal-button {
    border-radius: 0;
}

.title-client {
    position: relative;
    bottom: -25px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    font-size: 12px;
}

    .title-client a {
        color: #000;
    }


ul.clients .client_wrapper {
    padding: 13px 15px;
    margin: 17px 17px 48px;
}

.image_frame .image_wrapper .image_links {
    background: rgba(41,145,214,.8);
}

    .image_frame .image_wrapper .image_links a {
        color: #fff;
    }

        .image_frame .image_wrapper .image_links a:hover {
            background: #fff;
            color: #2991d6;
        }



.image_frame .image_wrapper .image_links {
    height: 40px;
}

    .image_frame .image_wrapper .image_links a {
        font-size: 18px;
        line-height: 48px;
    }

.one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li, .four-fifth.column_portfolio_grid li, .five-sixth.column_portfolio_grid li, .vc_col-sm-9 .portfolio_grid li, .vc_col-sm-10 .portfolio_grid li, .vc_col-sm-12 .portfolio_grid li {
    width: 33%;
}


#linkcrm li {
    margin-bottom: 39px !important;
}

    #linkcrm li a {
        color: #fff;
        padding-right: 40px;
    }

    #linkcrm li:after {
        background: rgba(255, 255, 255, 0.83);
    }

    #linkcrm li i {
        font-size: 28px;
    }

#ServiceFirstPage h3 a {
    color: #000;
}

#ServiceFirstPage h5 a {
    color: #1ca900;
}

#StatisticsFirstPage .hr_narrow {
    background-color: rgba(255, 255, 255, 0.5882352941176471);
}

.morelink + i {
    vertical-align: sub;
    padding-right: 5px;
}

#FirstPageProjectsChart h5 {
    height: 81px;
    overflow: hidden;
}

#FirstPageProjectsChart p {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ContentListFooter li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#Footer li {
    margin-bottom: 10px;
}

.widget-area:before {
    background: rgba(0, 0, 0, 0) !important;
}

.projects-title h1 {
    font-size: 23px;
    line-height: normal;
}

.mcb-wrap-inner h3 {
    font-family: "shabnam";
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
}

.mcb-wrap-inner ul li {
    list-style: circle;
    list-style-position: inside;
}

.entry-title a {
    font-size: 21px;
}

.post-excerpt {
    margin-top: 10px;
    font-size: 14px;
}

.blockquote blockquote {
    padding: 0;
    margin: 0;
    padding-bottom: 30px;
    margin: 30px 0;
    padding-right: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

    .blockquote blockquote::before {
        content: '\f10e';
        font-family: 'Font Awesome 5 Pro';
        font-weight: bold;
        color: rgba(0, 0, 0, .1);
        font-size: 58px;
        position: absolute;
        top: 15px;
        right: 0;
        text-align: justify;
    }

.no-style li {
    list-style: none !important;
}

.AboutFirstPage .resume i {
    float: left;
}

.get_in_touch ul li {
    padding: 13px 0 13px 0px;
}

.btn-projects span:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f104';
    font-size: 10px;
    color: #fff;
    font-weight: bold;
}

.btn-projects-view:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f104';
    font-size: 12px;
    color: #0040ab;
    font-weight: bold;
    margin-right: 2px;
}

.client_wrappers {
    text-align: center;
    background: #f9f9f9;
    margin: 0 10px;
    padding-top: 14px;
    padding-bottom: 6px;
}

.Recent_posts ul li .desc {
    margin-right: 80px;
    margin-left: 0;
}

.Recent_posts ul li a:hover .desc:after {
    width: 4px;
}

.Recent_posts ul li a:hover h6, .Recent_posts ul li a:hover .desc .date {
    color: #000 !important;
}

.Recent_posts ul li .photo {
    float: right;
}

.powered-by {
    float: left;
}

    .powered-by img {
        height: 12px !important;
    }

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
    font-family: "shabnam", Arial, Tahoma, sans-serif;
    width: 100%;
}

.input-icon {
    position: relative;
}

    .input-icon i {
        position: absolute;
        top: 12px;
        left: 10px;
    }

.btn {
    background-color: #4CAF50;
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

    .btn:hover {
        color: #fbfbfb;
    }

.error {
    color: red;
}


.help-block {
    color: #6cbbc5;
}

.content_slider a.slider_next {
    right: 0;
}

.content_slider a.slider_prev {
    left: 0;
}

.content_slider a.button {
    font-size: 19px;
}

.tparrows.tp-rightarrow:before {
    content: '\f105' !important;
}

.tparrows.tp-leftarrow:before {
    content: '\f104' !important;
}

.tparrows:before {
    font-family: 'Font Awesome 5 Pro' !important;
}

span.tp-bullet-title {
    display: none;
}

span.tp-bullet-title {
    display: none;
}


.AboutFirstPage {
    padding-top: 60px;
    padding-bottom: 60px;
}

#StatisticsFirstPage {
    padding-top: 120px;
    padding-bottom: 70px;
}

.ProjectsFirstPage {
    padding-top: 120px;
    padding-bottom: 60px;
}

#clientsslider .one-fourth {
    padding: 107px 0 59px;
    margin: 0;
}

#honors h2 {
    color: #fff;
}

#honors p.big {
    color: #fff;
    text-align: center;
}

#honors .one-second {
    padding: 80px 5% 40px;
}

#map .column-margin-0px {
    margin-top: -110px;
}

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
    color: #fffdfd;
    background: transparent;
}

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

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.chart .num{
    font-size: 30px !important;
    font-weight: bold;
}


@media only screen and (max-width: 1239px) and (min-width: 960px) {
    .section_wrapper, .container, .with_aside .content_wrapper {
        max-width: 859px;
    }
}


@media only screen and (max-width: 1366px) and (min-width: 1239px) {
    .section_wrapper, .container, .with_aside .content_wrapper {
        max-width: 900px;
    }
}

@media (max-width: 767px) {
    .AboutFirstPage .one-fourth {
        display: none;
    }

    .AboutFirstPage {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .alignright {
        float: left;
        margin: 15px 15px 0px 0px;
    }

    #StatisticsFirstPage, .ProjectsFirstPage {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #clientsslider {
        padding-bottom: 15px;
    }

        #clientsslider .one-fourth {
            padding: 20px 0 0;
            margin: 0;
            text-align: center;
        }


        #clientsslider ul.clients .client_wrapper {
            padding: 13px 15px;
            margin: 0 10px 0;
        }

    #honors h2 {
        color: #1c2636;
    }

    #honors p.big {
        color: #9E9E9E;
        text-align: center;
    }

    #honors .one-second {
        padding: 27px 0 5px;
    }

    #honors .honors {
        padding: 0px 0 10px;
    }


    #map .column-margin-0px {
        margin-top: 0px;
    }

    .highlight-left .wrap:first-child, .highlight-right .wrap:last-child {
        background: none;
    }

    .powered-by {
        float: none;
        margin-bottom: 10px;
    }

    #Subheader .title {
        font-size: 25px;
    }

    #Subheader h4 {
        font-size: 16px;
    }

    .bg-project-right, .bg-project-left {
        padding: 20px;
        margin-bottom: 20px;
    }

        .bg-project-right h4, .bg-project-left h4 {
            font-size: 16px;
        }

        .bg-project-right .no_line, .bg-project-left .no_line {
            margin: 0 auto 0 !important;
        }

    .bg-project-left {
        text-align: right;
    }

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

    .list-projects {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .faq .question:after, .faq .question:before {
        width: 48px;
    }

    .faq .question .title {
        padding: 10px 52px 10px 34px;
    }

        .faq .question .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus {
            left: 8px;
            right: auto;
        }

    .faq .question .answer {
        padding: 0 54px 20px 15px;
    }

    #Subheader.Subheader-detail {
        display: none;
    }

    .cover-details {
        padding-left: 0 !important;
    }

        .cover-details .image_wrapper:first-child {
            width: auto !important;
            height: 150px;
        }

    .projects-title {
        padding: 20px 10px 20px !important;
    }

        .projects-title h1 {
            font-size: 18px;
        }

    .body-project {
        padding: 10px 0 !important;
    }

    #Intro .intro-title {
        font-size: 30px;
    }

    #Intro h4 {
        font-size: 15px;
        line-height: 25px;
        text-align-last: center;
        text-align: center;
        margin: 0 10px;
    }

    .column_column ul, .column_column ol, .column_helper ul, .column_helper ol, .column_visual ul, .column_visual ol, .mfn-acc ul, .mfn-acc ol, .ui-tabs-panel ul, .ui-tabs-panel ol, .the_content_wrapper ul, .the_content_wrapper ol, .post-excerpt ul, .post-excerpt ol {
        margin: 0 0 15px 0;
    }

    #Aboutus .one-fifth.column {
        width: 5%;
    }

    #Aboutus .three-fifth.column {
        width: 81%;
    }

    #HumanCapital h5 {
        margin-bottom: 10px !important;
    }

    .column, .columns {
        margin: 0 1% 10px;
    }

    ul.clients .client_wrapper {
        padding: 0 10px;
        margin: 0 17px 92px;
    }

    .title-client {
        bottom: 0;
        line-height: 17px;
    }

    #linkcrm {
        padding: 35px 10px !important;
        width: 211px !important;
    }

    .sidebar.sidebar-1.four.columns {
        display: none;
    }

    .blockquote blockquote::before {
        font-size: 35px;
        top: 8px;
    }

    .widget-area {
        margin: 0 auto !important;
    }
}


.btn-block { padding:20px; }
.btn-block .btn--label { font-size:21px; font-weight:bold;}

.LTR { direction:ltr !important }
input[type="email"] { padding-left:30px;}

.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    opacity: 1;
    right: 0;
    background: #252525;
    background-repeat: no-repeat !important;
}