/* 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;
}

.text-nowrap {
    padding: 0 7px;
    height: 42px;
    overflow: hidden;
    font-weight: bold;
}

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

.counter .number {
    font-family: Roboto;
    font-weight: bold;
    color: #f15100;
}

#Wrapper, #Footer {
    direction: rtl;
}

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


#Subheader .title {
    font-family: "shabnam";
    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: "shabnam";
    font-size: 52px;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0,0,0,1)
}

#Intro h3 {
    font-family: "shabnam";
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 32px;
    text-align-last: center;
    text-align: justify;
    margin: 0 50px;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0,0,0,1)
}


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




hr.hr_left {
    margin-right: 0;
}

hr.hr_right {
    margin-left: 0;
}

hr.hr_narrow {
    width: 15%;
}

hr.hr_color {
    color: #f05323;
    background: #f05323;
}

hr.hr_color_dark {
    color: #000;
    background: #000;
}

hr.hr_color_secoundary {
    color: #fdcf09;
    background: #fdcf09;
}

hr.hr_color_light {
    color: #fff;
    background: rgba(255,255,255,.6);
}

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

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


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

.gallery-item dd {
    margin-left: 0;
}

.gallery-item .desc {
    text-align: center;
    font-weight: bold;
    padding: 10px;
}


#back_to_top {
    line-height: 44px;
}

#Footer .footer_copy a#back_to_top {
    color: #f15100;
    border-color: #f15100;
    position: absolute;
    left: -42px;
}

#Footer a:hover {
    color: #f15100;
}

#GlobalMap {
    background: #202020;
}

    #GlobalMap .TitleWrapper h2, #GlobalMap .TitleWrapper h4 {
        color: #fff;
    }


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

@-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);
    }
}

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



.quick_fact .number {
    color: #fff;
}

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

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


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

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

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

.post-photo-wrapper .post-title {
    height: 98px;
    overflow: hidden;
}

.Postbody {
    font-size: 15px;
}

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


.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%;
}



#FirstpageAboutIcons {
    text-align: center
}

    #FirstpageAboutIcons i {
        display: block;
        font-size: 23px;
        color: #f15100;
        margin-bottom: 8px;
    }

    #FirstpageAboutIcons a {
        display: block;
        font-size: 14px;
        color: #000;
        margin-bottom: 26px;
        word-spacing: -2px;
    }


#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-left: 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;
}

#Footer .footer_copy {
    background: #202020;
}

#Footer {
    background: #424242 url(../images/footerBG.png) no-repeat center center;
    border-top: 5px solid #f15100;
}

.map {
    height: 200px;
    width: 100%;
}


#FooterFirstCol {
    border-left: 1px solid rgba(255, 255, 255, .5);
    padding: 0 0 20px 8%;
    margin-top: 10px;
    text-align: center;
}

    #FooterFirstCol hr {
        margin: 20px auto;
        width: 80%;
        background: rgba(255, 255, 255, .5);
    }

    #FooterFirstCol h3 {
        font-size: 19px;
        margin-bottom: 5px;
    }

    #FooterFirstCol p {
        font-size: 14px;
        line-height: 16px;
    }

    #FooterFirstCol #EmailNewsletter {
        background: rgba(255,255,255,0);
        border-radius: 2px;
        border: 2px solid #fff;
    }

    #FooterFirstCol #NewsletterSubmit {
        background: rgba(255,255,255,.3);
        margin: 0;
        padding: 10px;
    }

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

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




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

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

.blockquote blockquote {
    padding: 0;
    margin: 0;
    padding-bottom: 60px;
    margin: 30px 0;
    padding-right: 80px;
    border-bottom: 1px solid #ccc;
}

    .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;
        left: auto;
        text-align: justify;
    }

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

.AboutFirstPage .resume i {
    float: left;
}

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

ul.clients .client_wrapper {
    background: none;
}

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

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


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


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


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

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

.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-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;
}

.faq .question:before {
    content: "";
    width: 60px;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: 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;
    }

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

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

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

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

    #linkcrm li a {
        color: #fff;
    }

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

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

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

.fa-ul {
    list-style-type: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
}

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

.fa-li {
    right: 10px;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

#Footer, #Footer .widget_recent_entries ul li a {
    color: #ccc;
}

#linkcrm .fa-li {
    right: 1em;
}

#linkcrm ul {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#ServiceFirstPage h3 {
    height: 58px;
    overflow: hidden;
    margin-bottom: 0;
}

#ServiceFirstPage h5 {
    height: 84px;
    overflow: hidden;
    margin-bottom: 0;
}

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



.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, 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;
}

.content_slider a.slider_next {
    left: 0;
}

.content_slider a.slider_prev {
    right: 0;
}

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

.error {
    color: red;
}

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

.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;
}

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

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

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

#Intro h4 {
    color: #fff;
    letter-spacing: -1px;
    font-size: 21px;
    line-height: 32px;
    text-align-last: center;
    text-align: justify;
    margin: 0 65px;
}

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

.highlight-right:after {
    right: 0 !important;
    left: auto !important;
}

blockquote {
    background: none !important;
}


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

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

.post-header h2 {
    font-weight: bold;
    font-size: 26px;
    line-height: 40px;
    word-spacing: -2px;
}

.blockquote blockquote {
    font-size: 21px;
    word-spacing: -3px;
    text-align: justify;
    line-height: 35px;
}

.body {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.7em;
}

.ProductItem {
    margin-bottom: 0px;
}

    .ProductItem h3 {
        display: none;
    }

    .ProductItem .body {
        margin: -50px 60px 0;
    }

        .ProductItem .body p {
            word-spacing: -2px;
            font-size: 1em;
        }

        .ProductItem .body h4 {
            font-weight: bold;
            word-spacing: -2px;
            font-size: 1em;
            margin-bottom: 5px;
        }

        .ProductItem .body li {
            list-style: none;
            word-spacing: -2px;
            font-size: 1em;
            margin-bottom: 0;
        }

            .ProductItem .body li:before {
                font-family: 'Font Awesome\ 5 Pro';
                content: "\f00c";
                font-size: .8em;
                font-weight: normal;
                margin-left: 5px;
                color: #f15100
            }

        .ProductItem .body ul {
            margin: 0;
        }

.sidebar .widget-area {
    padding-top: 0;
}

#Subheader {
    background-repeat: repeat;
    background-color: #424242;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236b6b6b' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.post-excerpt {
    text-align: justify;
}

.entry-title a {
    word-spacing: -2px;
    font-size: 19px !important;
}

.post-item {
    float: right;
}

.posts_group.grid .post-desc-wrapper {
    height: 207px;
    overflow: hidden;
    border-bottom: 2px rgba(0, 0, 0, .05) solid;
}


.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;
}

.bg-project-left .fa-angle-left:before {
    content: "\f105" !important;
}


.fa-long-arrow-alt-left:before {
    content: "\f30b" !important;
}

.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;
}

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

dl > dd {
    margin-right: 0;
}

dl > dt {
    display: block;
    float: left;
    width: 100px;
    font-weight: 700;
}


#Action_bar {
    color: rgba(255, 255, 255, .7) !important;
    position: relative !important;
    font-size: 12px;
}

    #Action_bar .social {
        padding: 10px 0 !important;
    }

    #Action_bar i {
        color: rgba(255, 255, 255, .7);
        vertical-align: middle !important;
    }

    #Action_bar .social li a, #Action_bar li a {
        color: rgba(255, 255, 255, .7);
        font-size: 12px;
    }

        #Action_bar li a:hover {
            color: rgba(255, 255, 255, .9);
        }

    #Action_bar .social li.lang-select {
        display: none;
    }

    #Action_bar .social li.lang {
        border: 1px solid #f05323;
        padding: 3px 5px 0;
    }

    #Action_bar li.lang a {
        color: #f05323;
    }

        #Action_bar li.lang a:hover {
            color: rgba(240, 83, 35, 0.6);
        }

.header-transparent #Top_bar:not(.is-sticky) {
}

.header-transparent #Top_bar:not(.is-sticky) {
    position: absolute;
    top: inherit;
    background: rgba(0, 0, 0, 0.3) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

    .header-transparent #Top_bar:not(.is-sticky) .menu > li > a:after {
        background: #fff;
        top: auto;
        bottom: 0px;
    }

.header-transparent #Top_bar.is-sticky .menu > li > a:after {
    background: #f15100;
}

.Laboratory {
    border-left: 1px solid #f15100;
    padding: 0 0 20px 8%;
}

@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky .menu > li > a:after {
        top: auto;
        bottom: 0;
    }
}

.header-transparent #Top_bar:not(.is-sticky) .menu > li > a span {
    color: #ffffff;
    font-size: 1.2em;
}

#Top_bar .menu > li > a span {
    border: 0px solid #fff !important;
    font-weight: bold;
    padding: 0 15px !important;
}

#Top_bar .logo {
    margin: 10px 0 0 30px;
}

@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky .logo {
        margin: 0 0 0 30px;
        padding: 0;
    }
}

#FirstpageIntro h4 {
    font-size: 18px;
    letter-spacing: 0;
    color: #f05323;
}

#FirstpageIntro h3 {
    font-size: 34px;
    letter-spacing: 0;
    color: #000;
    font-weight: bold;
}

#FirstpageIntro h5 {
    font-size: 17px;
    line-height: 25px;
    margin-top: 25px;
    letter-spacing: 0;
}

#FirstpageIntro p {
    text-align: justify;
}

#FirstpageIntro .IntroTxt {
    padding-left: 50px;
}

#FirstpageIntro .VidLink, #FirstpageIntro .VidLink p, #FirstpageIntro .VidLink a {
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

    #FirstpageIntro .VidLink i {
        font-size: 86px;
    }

#FirstpageIntro #VidBox {
    display: none;
}

#FirstpageIntro .counterPnl .column {
    border-top: 1px solid rgba(0, 0, 0, .1);
    transition: 0.5s border ease-in-out;
}

    #FirstpageIntro .counterPnl .column:hover {
        border-top: 1px solid rgba(241, 82, 1, 0.53);
    }

    #FirstpageIntro .counterPnl .column i {
        color: rgba(0, 0, 0, .1);
        font-size: 120px;
        width: inherit;
        height: inherit;
        transition: 0.4s font-size ease-in-out;
    }

    #FirstpageIntro .counterPnl .column:hover i {
        font-size: 125px;
    }

    #FirstpageIntro .counterPnl .column .desc_wrapper {
        margin-top: -58px;
    }

        #FirstpageIntro .counterPnl .column .desc_wrapper .number-wrapper {
            margin-bottom: 45px;
        }

    #FirstpageIntro .counterPnl .column .icon_wrapper {
        margin-bottom: 0;
        margin-top: 30px;
    }

    #FirstpageIntro .counterPnl .column .desc_wrapper .title {
        font-size: 17px;
        line-height: 20px;
        margin: 10px 0;
        color: #424242;
        text-align: center;
        font-weight: 600;
        font-family: "shabnam";
        letter-spacing: 0;
    }

    #FirstpageIntro .counterPnl .column .desc_wrapper p {
        font-size: 13px;
        letter-spacing: 0;
    }


.SloganWrapper {
    background: #000;
}

    .SloganWrapper video {
        opacity: .65;
    }

    .SloganWrapper h3 {
        line-height: 120%;
        font-size: 48px;
        font-family: shabnam;
        font-weight: normal;
        position: relative;
        margin: 80px 0 0;
    }

        .SloganWrapper h3:before {
            content: '\f10e';
            font-family: 'Font Awesome 5 Pro';
            font-weight: bold;
            color: rgba(255, 255, 255, 0.8);
            font-size: 58px;
            position: absolute;
            top: -60px;
            right: 50%;
            margin-right: -40px;
            text-align: justify;
        }

        .SloganWrapper h3:after {
        }


.trailer_box .desc h2 {
    color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 21px;
    position: relative;
}

.trailer_box:hover .desc h2 {
    bottom: 10px;
    transition: all .3s ease-in-out !important;
}

.trailer_box .desc .subtitle {
    font-size: 13px;
}

.trailer_box:hover .desc .subtitle {
    bottom: 10px;
    font-size: 13px;
}

.counter {
    background-image: none;
}

    .counter .desc_wrapper .title {
        font-size: 17px;
        line-height: 20px;
        margin: 10px 0;
        font-weight: bold;
        color: #424242;
    }




.icons-list-sm.flag li {
    border: 1.5px solid #f15100;
    border-radius: 50%;
}

    .icons-list-sm.flag li:hover {
        border: 1.5px solid #003f7d;
    }


.icons-list-sm li, .icons-list-md li {
    list-style: none;
    display: inline-block;
    padding: 5px;
}

    .icons-list-sm li img {
        max-height: 32px;
        max-width: 32px;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .icons-list-md li img {
        max-height: 64px;
        max-width: 64px;
        vertical-align: middle;
    }

a {
    color: #f15100;
}

    a:hover {
        color: #d64901;
    }


.widget_mfn_recent_comments ul li {
    padding-bottom: 12px;
}

.offer a.button .button_label {
    padding: 11px 20px;
    background: #f15100;
    color: #fff;
}

.offer a.button:hover .button_label {
    background: #f15100c4;
}



table tr:hover td {
    background: #f15100;
    color: #fff;
}






.chart_box .chart .num {
    font-family: Ubuntu;
    font-weight: 100;
    font-size: 30px;
}

.trenders li a {
    color: #ccc;
}

.trenders p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Recent_posts ul li .desc h6 {
    height: 39px;
    overflow: hidden;
    letter-spacing: 0;
    font-size: 14px;
}

.Recent_posts ul li span.date {
    font-size: 12px;
}

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


.offer .offer_li .desc_wrapper {
    float: right;
    width: 310px;
    margin: 75px 0 0;
}

.offer .offer_li .info_wrapper {
    float: left;
    width: 300px;
    margin: 120px 0 0;
}

    .offer .offer_li .info_wrapper h5 {
        font-weight: bold;
    }

    .offer .offer_li .info_wrapper .fa-ul {
        font-size: 14px;
        letter-spacing: 0;
    }

        .offer .offer_li .info_wrapper .fa-ul li {
            margin-bottom: 15px !important;
            padding-left: 20px;
        }

            .offer .offer_li .info_wrapper .fa-ul li span.fa-li {
                right: 0;
                width: 10px;
            }

            .offer .offer_li .info_wrapper .fa-ul li:after {
                right: 20px;
                bottom: -8px;
            }

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    text-align: center;
}

    #loader img {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s 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);
    }
}

.powered-by {
    float: left;
}

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

#Footer .footer_copy .one {
    padding: 20px 0;
    margin-bottom: 0;
}

#Footer .footer_copy .copyright {
    width: auto;
    text-align: right;
    font-size: 0.9em;
    color: rgba(255, 255, 255, .5);
    margin: 0;
}

#Footer .fa-ul li:after {
    background: rgba(255,255,255,.08);
}




.timeline_items li h3:before, .timeline_items:after, .timeline .post-item:before {
    right: 35px;
}

.post-title h5 {
    margin-bottom: 0;
}


#FirstPageIntroVideoZone {
    height: 750px;
    width: 555px;
    position: relative;
    display: block;
}


.mfn-main-slider {
    direction: ltr !important;
    margin-top: -40px;
}



@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;
    }

    .header-transparent #Top_bar:not(.is-sticky) .menu > li > a span {
        color: #ffffff;
        font-size: 1em;
    }

    #Top_bar .menu > li > a span {
        padding: 0 5px !important;
    }
}

@media (max-width: 1366px) {
    #FirstPageIntroVideoZone {
        width: 100%;
    }
}


@media only screen and (max-width: 1239px) {
    #Top_bar #menu ul li a span {
        color: #000;
    }
}


@media (max-width: 767px) {

    .timeline .post-item {
        padding-left: 0;
        background: none;
        border-bottom: 1px solid #ccc;
        padding: 0;
        margin-bottom: 29px;
    }

    ul.clients .client_wrapper .gs-wrapper {
        width: 100%;
        height: 186px;
        position: relative;
    }

    ul.clients .client_wrapper {
        padding: 10px 15px;
        margin: 10px;
        background: rgba(0, 0, 0, .01);
        text-align: center;
        line-height: 0;
        height: auto;
        line-height: unset;
        position: unset;
    }

    #Footer .footer_copy .copyright {
        text-align: center;
    }

    .Laboratory {
        border-left: none;
        border-bottom: 1px solid #f15100;
        padding: 0 0 0px 0;
        margin-bottom: 20px;
    }

    .chart_box {
        margin-top: 20px;
    }

    #FooterFirstCol #EmailNewsletter {
        margin-bottom: 20px !important;
    }

    .SloganWrapper h3 {
        font-size: 20px;
    }

        .SloganWrapper h3:before {
            font-size: 50px;
        }

    #Footer .footer_copy a#back_to_top {
        left: 0;
    }

    .AboutFirstPage .one-fourth {
        display: none;
    }

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

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

    #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;
        padding-bottom: 20px;
    }

    .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 {
            right: 8px;
            left: auto;
        }

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

    #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 17px;
    }

    .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;
    }

    .blockquote blockquote {
        padding: 0;
        margin: 0;
        padding-bottom: 0;
        padding-right: 36px;
    }

    .mfn-main-slider {
        margin-top: 0;
    }

    .header-transparent #Top_bar:not(.is-sticky) {
        position: unset;
        top: inherit;
        background: rgba(0, 0, 0, 0.3) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    #Top_bar, #Action_bar {
        background: rgba(0, 0, 0, 0.3) !important;
    }

        #Action_bar .contact_details {
            display: none;
        }

        #Top_bar .logo {
            position: static;
            float: right;
            width: 100%;
            text-align: right;
            margin: 0;
        }

            #Top_bar .logo #logo {
                padding: 0 !important;
                margin: 10px 27px;
            }

        #Top_bar #menu {
            padding-bottom: 0;
        }

    #FooterFirstCol {
        border-left: none;
        padding: 0 0 0px 0;
    }


    .mfn-main-slider {
        margin-top: 0;
    }
}

/* Slider */

#rev_slider_1_1 .zeus .tp-bullet {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 13px;
    height: 13px;
    border: 2px solid rgb(255,255,255);
}

    #rev_slider_1_1 .zeus .tp-bullet:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        border-radius: 50%;
        background-color: rgb(255,255,255);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }

    #rev_slider_1_1 .zeus .tp-bullet:hover:after, #rev_slider_8_1 .zeus .tp-bullet.selected:after {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

#rev_slider_1_1 .zeus .tp-bullet-image, #rev_slider_8_1 .zeus .tp-bullet-imageoverlay {
    width: 135px;
    height: 60px;
    position: absolute;
    background: #000;
    background: rgba(0,0,0,0.5);
    bottom: 13px;
    margin-bottom: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 4px;
}

#rev_slider_1_1 .zeus .tp-bullet-title, #rev_slider_8_1 .zeus .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#rev_slider_1_1 .zeus .tp-bullet-title {
    color: rgb(255,255,255);
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 45px;
    width: 135px;
    vertical-align: middle;
}

#rev_slider_1_1 .zeus .tp-bullet:hover .tp-bullet-title, #rev_slider_8_1 .zeus .tp-bullet:hover .tp-bullet-image, #rev_slider_8_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px) translateX(-50%);
    transform: translateY(0px) translateX(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical .tp-bullet-image, #rev_slider_8_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay {
    bottom: auto;
    margin-right: 10px;
    margin-bottom: 0px;
    left: 13px;
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image {
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical .tp-bullet-title, #rev_slider_8_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical .tp-bullet-title {
    bottom: auto;
    left: 100%;
    margin-left: 10px;
}

#rev_slider_1_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title, #rev_slider_8_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image, #rev_slider_8_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay {
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image, #rev_slider_8_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay {
    bottom: auto;
    margin-right: 10px;
    margin-bottom: 0px;
    right: 13px;
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image {
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title, #rev_slider_8_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateX(0px) translateY(-50%);
    -webkit-transform: translateX(0px) translateY(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title {
    bottom: auto;
    right: 100%;
    margin-right: 10px;
}

#rev_slider_1_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image, #rev_slider_8_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay {
    bottom: auto;
    top: 13px;
    margin-top: 10px;
    margin-bottom: 0px;
    right: 0px;
    transform: translateY(0px) translateX(-50%);
    -webkit-transform: translateX(0px) translateX(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image {
    transform: scale(1) translateY(0px) translateX(-50%);
    -webkit-transform: scale(1) translateY(0px) translateX(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title, #rev_slider_8_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateY(0px) translateX(-50%);
    -webkit-transform: translateY(0px) translateX(-50%);
}

#rev_slider_1_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title {
    bottom: auto;
    top: 13px;
    margin-top: 20px;
}

#rev_slider_1_1_wrapper .tp-loader.spinner2 {
    background-color: #FFFFFF !important;
}

#rev_slider_1_1 .tp-bannertimer {
    background: #f05323 !important;
}



#map {
    /*padding: 80px 0 0;*/
    background-color: #fff;
}

.TitleWrapper {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 20px;
}

.TitleWrapper {
    background-image: url("../images/TitleBG-1.png");
    background-repeat: no-repeat;
    background-position: top center;
    padding: 30px;
}

    .TitleWrapper h2 {
        font-size: 3em;
        /*font-family: roboto;*/
        letter-spacing: 0;
        line-height: 40px;
    }

    .TitleWrapper h4 {
        font-size: 1.5em;
        line-height: 26px;
        /*font-family: roboto;*/
        letter-spacing: 0;
        margin: 0;
    }

.trailer_box a {
    height: 258px;
}

.image_frame a {
    display: block;
}

.map-location {
    background-image: url("../images/map-dark.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%;
    padding: 0;
    background-color: #fff;
    height: 620px;
    top: -75px;
}

.pointer {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 21px;
    padding: 0px;
    position: absolute;
    width: 21px;
}

    .pointer:hover {
        z-index: 1;
    }

    .pointer span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        float: right;
        font-family: Arial;
        font-size: 21px;
        font-weight: normal;
        height: 100%;
        line-height: 21px;
        position: relative;
        text-align: center;
        width: 100%;
        background: #000;
    }

.address {
    right: 50%;
    margin-right: -92px;
    opacity: 0;
    padding: 20px 0 0;
    position: absolute;
    top: 15px;
    -webkit-transform: perspective(200px) rotateX(90deg);
    -moz-transform: perspective(200px) rotateX(90deg);
    -ms-transform: perspective(200px) rotateX(90deg);
    -o-transform: perspective(200px) rotateX(90deg);
    transform: perspective(200px) rotateX(90deg);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 150px;
    direction: ltr !important;
}

    .address:before {
        border-bottom: 10px solid #fff;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        content: "";
        left: 50%;
        margin-left: -26px;
        position: absolute;
        top: 10px;
    }

    .address .sub-countries {
        padding: 2px;
        margin: 2px;
        border-top: 1px solid #fafafa;
        font-size: 12px;
    }

        .address .sub-countries img {
            max-width: 25px !important;
            margin-right: 5px;
            vertical-align: middle;
        }

.pointer:hover .address {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pointer:hover .address {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.address ul {
    background: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    float: right;
    list-style: outside none none;
    padding: 20px 20px 15px;
    width: 100%;
}

    .address ul li, .widget .address ul li {
        color: #666666;
        font-size: 19px;
        line-height: 32px;
        padding: 0;
        text-align: center;
        font-family: Roboto;
        font-weight: 400;
        letter-spacing: 1px;
        text-align: center;
    }

        .address ul li img {
            width: 32px;
        }

        .address ul li:before, .widget .address ul li:before {
            display: none;
        }

.pointer:before {
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #EF4036;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pointing 1s infinite;
    -moz-animation: pointing 1s infinite;
    -ms-animation: pointing 1s infinite;
    -o-animation: pointing 1s infinite;
    animation: pointing 1s infinite;
}

.photo_box .image_frame {
    margin-bottom: 8px;
}

.with_aside .Media .sidebar.columns {
    width: 30%;
}

.with_aside .Media .sections_group {
    width: 70%;
}

.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;
}

.FirstPageNewsSpecial .desc a, .FirstPageNewsSpecial .summary {
    text-align: right;
}

.listcheck li:before {
    font-family: 'Font Awesome\ 5 Pro';
    content: "\f00c";
    font-size: .8em;
    font-weight: normal;
    margin-left: 5px;
    color: #f15100;
}


.list_item.lists_3 .list_icon i {
    font-size: 50px;
}

.column_attr h5 {
    color: #f0582a;
}

ul.clients li .client_wrapper img {
    border: 1px solid #ccc;
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 25%;
}

.list_item {
    margin-bottom: 10px;
}

    .list_item .list_right {
        margin-right: 74px;
    }

    .list_item.lists_4 .list_right {
        padding-top: 17px;
    }

    .list_item .circle {
        width: 60px;
        height: 60px;
        line-height: 65px;
        border-width: 1px;
        border-style: solid;
        font-size: 20px;
        font-weight: 700;
        overflow: hidden;
        text-align: center;
        float: right;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-image: none;
        -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08);
        box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08);
    }


.label-container {
    display: inline-block;
    position: relative;
    padding-right: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 22px;
}

    /* Hide the browser's default radio button */
    .label-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2px;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.label-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.label-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.label-container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.post-excerpt {
    margin-bottom: 32px;
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    margin-bottom: 10px;
}

#HumanCapital .one-sixth.column {
    width: 11.666%;
}

    #HumanCapital .one-sixth.column h5, #HumanCapital .one-fifth.column h5 {
        color: #000;
        font-weight: bold;
        margin-bottom: 5px;
    }

.accordion .question .title:before {
    content: "";
    width: 49px;
    height: 100%;
    border-width: 0 0 0 1px;
    border-style: solid;
    position: absolute;
    right: 0 !important;
    left: auto !important;
    top: 0;
    z-index: 1;
}

.accordion .question .title {
    padding: 14px 60px 14px 0 !important;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    border-width: 0;
    border-style: solid;
    cursor: pointer;
    background: #f1f1f1;
    background-repeat: repeat-x;
    background-position: left top;
}

    .accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus {
        font-size: 17px;
        line-height: 17px;
        display: block;
        position: absolute;
        right: 15px !important;
        left: auto !important;
        top: 20px;
        width: 20px;
        height: 20px;
        text-align: center;
        color: rgba(0, 0, 0, .25);
    }

.checkmarkicon li:before {
    font-family: 'Font Awesome\ 5 Pro';
    content: "\f00c";
    font-size: .8em;
    font-weight: normal;
    margin-left: 5px;
    color: #f15100;
}

.mfn-acc ul li {
    list-style: none;
}


@-webkit-keyframes pointing {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    25% {
        -webkit-transform: scale(1.3);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: scale(1.7);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@keyframes pointing {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    25% {
        transform: scale(1.3);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.7);
        opacity: 0.3;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-ms-keyframes pointing {
    0% {
        -ms-transform: scale(1);
        opacity: 1;
    }

    25% {
        -ms-transform: scale(1.3);
        opacity: 0.6;
    }

    50% {
        -ms-transform: scale(1.7);
        opacity: 0.3;
    }

    100% {
        -ms-transform: scale(2);
        opacity: 0;
    }
}

@-o-keyframes pointing {
    0% {
        -o-transform: scale(1);
        opacity: 1;
    }

    25% {
        -o-transform: scale(1.3);
        opacity: 0.6;
    }

    50% {
        -o-transform: scale(1.7);
        opacity: 0.3;
    }

    100% {
        -o-transform: scale(2);
        opacity: 0;
    }
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
}




/* The Close Button */
.close {
    color: #aaaaaa;
    float: left;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.recaptcha {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#productData dl > dd {
    margin-left: 0;
    margin-right: 110px;
}

#productData dl > dt {
    display: block;
    float: right;
    width: 100px;
    font-weight: 700;
}

@media (max-width: 992px) {
    .modal-content {
        width: 80%;
    }

    .recaptcha {
        flex-direction: column
    }
}

@media (max-width: 768px) {

    .modal-content {
        width: 80%;
    }

    .recaptcha {
        flex-direction: column
    }
}


.modal-body .close {
    background: #fff;
    text-align: center;
    padding: 10px;
    color: red;
}