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

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

*, .job_filters .search_jobs div, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

* a, * img, a h1, a h2, a h3, a h4, button {
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }

body, html {
    overflow-x: hidden
}
.latest, .site {
    position: relative
}
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}
a, abbr, acronym, address, applet, big, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}
dl, table {
    margin-bottom: 20px
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.boxed, .get-quote, .site, .top-search {
    overflow: hidden
}

*, :after, :before {
    box-sizing: border-box
}

body {
    line-height: 1.6;
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    color: #999
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block
}

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

caption, td, th {
    font-weight: 400;
    text-align: left;
    padding: 10px 0
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

a:focus, input:focus, textarea:focus {
    outline: 0
}

a:active, a:hover {
    outline: 0;
    text-decoration: none
}

a:hover {
    color: #868686
}

a img {
    border: 0
}

@media screen and (min-width: 38.75em) {
    ol, ul {
        margin-left: 0
    }

    blockquote > ol, blockquote > ul, li > ol, li > ul {
        margin-left: 1.3333em
    }
}

a {
    text-decoration: none;
    color: #003164
}

figure, img, video {
    max-width: 100%;
    vertical-align: top;
    height: auto
}

audio, canvas, video {
    display: inline;
    zoom: 1
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

p {
    margin-bottom: 1.5em
}

.top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 992px) {
    .text-right {
        padding: 0 !important;
    }
}

@media (max-width: 1024px) {
    .header01 #site-navigation .menu > li a {
        padding: 20px 9px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none
    }

    .en_title {
        font-size: 9px !important;
        margin-bottom: 2px !important;
        line-height: 12px !important;
    }

    .ar_title {
        font-size: 9px !important;
        line-height: 16px !important;
    }

    .btn_link {
        text-align: left !important;
    }

    .projects_btn p, .section-title {
        font-size: 17px !important;
    }

    .logo {
        height: auto !important;
    }

    .img_news img
    {
        margin-bottom: 20px;
    }

    .clients_btn
    {
        display: none;
    }
    .img_speaker {
        margin-top: 20px;
        text-align: center;
    }
    .ui.secondary.menu
    {
        overflow-y: scroll;
    }

    .form_login
    {
        margin-bottom: 50px !important;
    }

}

@media (min-width: 667px) {
    .en_title {
        font-size: 15px !important;
        margin-bottom: 5px !important;
        line-height: 20px !important;
    }

    .ar_title {
        font-size: 15px !important;
        line-height: 16px !important;
    }


}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none
    }
}

.row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#comments .comment > div:after, #comments .comment > div:before, .clr:after, .clr:before, .page .comment > div:after, .page .comment > div:before, .recent-posts__item:after, .recent-posts__item:before {
    content: " ";
    display: table
}

#comments .comment > div:after, .clr:after, .mini-cart .widget_shopping_cart_content .cart_list li:after, .page .comment > div:after, .recent-posts__item:after {
    clear: both
}

#blog-archive .eg-blog-archive-element-31:before, #blog-archive .eg-blog-archive-element-32:before, #blog-archive .eg-home-blog-element-31:before, #blog-archive .eg-home-blog-element-32:before, #blog-archive-2c .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-32:before, #home-blog .eg-home-blog-element-31:before, #home-blog .eg-home-blog-element-32:before, #site-navigation .menu li:hover > .children li.menu-item-has-children:after, #site-navigation .menu li:hover > .children li.page_item_has_children:after, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .menu li:hover > .sub-menu li.page_item_has_children:after, #site-navigation .menu > li.menu-item-has-children > a:after, #site-navigation .menu > ul > li.page_item_has_children > a:after, .aboutus_list ul li:before, .clients_btn .clients_btn_left > i:before, .clients_btn .clients_btn_right > i:before, .icf, .mini-cart .mini-cart__button .mini-cart-icon:before, .next-project a:after, .ourservices_btn .ourservices_btn_left > i:before, .ourservices_btn .ourservices_btn_right > i:before, .page .eg-home-blog-element-31:before, .page .eg-home-blog-element-32:before, .prev-project a:before, .projects_btn .projects_btn_left > i:before, .projects_btn .projects_btn_right > i:before, .quote2:before, .quote:before, .sidebar .better-menu-widget ul li.menu-item-has-children:after, .sidebar .recent-posts-list:hover > .recent-posts-thumb:before, .single-post .single-post-nav .next-post .next-post-text:after, .single-post .single-post-nav .prev-post .prev-post-text:before, .site-footer .menu li a:before, .social-menu .menu li a:before, .testimonials_wrapper blockquote:before, .tm_bread_crumb li a:after, .top-search form:before, ul.style1 li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

#home-our-projects .filter-wrapper .filterbutton, #our-projects .filter-wrapper .filterbutton, #site-navigation .menu > li, #site-navigation .menu > ul > li, .clients_btn .clients_btn_left, .clients_btn .clients_btn_right, .header01 #site-navigation, .header07 #site-navigation, .header08 #site-navigation, .header11 #site-navigation, .header12 #site-navigation, .home_news .home_news_btn a, .home_news .home_news_btn button, .home_whatweare .consulting img, .home_whatweare .home_whatweare_btn > button, .home_whatweare a, .mini-cart .mini-cart__button, .mini-cart .mini-cart__button .mini-cart-icon, .ourservices_btn .ourservices_btn_left, .ourservices_btn .ourservices_btn_right, .projects_btn .projects_btn_left, .projects_btn .projects_btn_right, .recent-posts__item .recent-posts__thumb a:before, .recent-posts__item .recent-posts__thumb:after, .recent-posts__item .recent-posts__thumb:before, .search-box .search-form, .search-box i, .search-box i:after, .search-box i:before, .search-box input[type=search], .services-consultation .consulting p img, .sidebar .better-menu-widget ul li, .sidebar .better-menu-widget ul li ul.sub-menu, .sidebar .better-menu-widget ul li ul.sub-menu li a, .sidebar .better-menu-widget ul li.current-menu-item ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-parent ul.sub-menu, .sidebar .better-menu-widget ul li:hover ul.sub-menu, .sidebar .recent-posts-list .recent-posts-thumb img, .site-footer .menu li, .tran, a, button, input, input[type=button], input[type=reset], input[type=submit], select, textarea {
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

.boxed {
    max-width: 1200px;
    margin: auto
}

.site {
    background-color: #fff;
    z-index: 2
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.gray {
    color: #858585
}

.container:after, .container:before, .row:after, .row:before {
    display: none
}

.latest:before, .tp-caption.t2:before {
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.latest:before {
    display: block;
    z-index: 1;
    opacity: .9
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.scrollup, .text-center {
    text-align: center
}

.search-btn {
    cursor: pointer
}

.top-search {
    background: #282828;
    display: none
}

.top-search form {
    position: relative
}

.top-search form input {
    margin: 0;
    background: 0 0;
    border: none;
    padding: 15px 0 15px 24px;
    font-size: 16px
}

.top-search form input:focus {
    border: none
}

.top-search form:before {
    content: "\f002";
    position: absolute;
    top: 17px;
    font-size: 14px
}

.entry-footer {
    margin-top: 20px
}

.entry-footer .share span {
    margin-left: 10px
}

.hentry {
    margin-bottom: 40px
}

.scrollup {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #075192;
    position: fixed;
    bottom: -60px;
    right: 30px;
    z-index: 9999;
    cursor: pointer
}

.scrollup:hover {
    background: #666;
    color: #fff;
}

.scrollup.show {
    bottom: 30px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

h1, h2, h3, h4 {
    color: #111
}

.quote2:before, .quote:before {
    content: "\f10d";
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #999;
    text-align: center
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 16px
}

.quote:before {
    font-size: 30px;
    position: absolute;
    bottom: 40px;
    right: 10px
}

.quote2 {
    position: relative
}

.quote2:before {
    font-size: 30px;
    position: absolute;
    top: -1px;
    left: 0;
    background-color: #fff
}

.quote2:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 30px 0 0;
    border-color: #FFF transparent transparent;
    position: absolute;
    top: -1px;
    left: 60px
}

.quote3 .sub {
    font-style: italic
}

@media (min-width: 992px) {
    .get-quote .btn {
        margin-top: 50px
    }
}

.home_whatweare .home_whatweare_btn > button, .home_whatweare a {
    background: 0 0;
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid #075192;
    color: #075192;
    font-size: 13px;
    font-weight: 400;
    font-family: Roboto
}

.home_whatweare .home_whatweare_btn > button:hover, .home_whatweare a:hover {
    border-bottom: 1px solid #333;
    color: #333
}

.home_whatweare h3 {
    margin-bottom: 1.3em;
    font-weight: 700
}

.home_whatweare p {
    margin-bottom: 1.2em
}

.home_whatweare .home_consulting {
    margin-bottom: 10px
}

.home_whatweare .consulting {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.home_whatweare .consulting p {
    margin-bottom: 0
}

.home_whatweare .consulting:hover img {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5)
}

.home_whatweare .consulting .info:before {
    background: #000;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .7
}

.home_whatweare .consulting .info div {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase
}

.home_whatweare .consulting .info div h4 {
    color: #FFF;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400
}

.home_whatweare .consulting .info div h5 {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0
}

.home_whatweare .consulting .info div a {
    padding: 4px 0;
    font-weight: 400;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 12px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #fff;
    outline: 0
}

.home_whatweare .consulting .info div a:hover {
    color: #999;
    border-bottom: 1px solid #999
}

.projects_btn {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.projects_btn p {
    font-size: 26px;
    color: #111;
    padding: 0;
    margin: 0
}

.projects_btn .projects_btn_left, .projects_btn .projects_btn_right {
    position: absolute;
    margin: 0 4px 0 0;
    padding: 8px 10px;
    background: #FFF;
    color: #AEAEAE;
    display: inline-block;
    cursor: pointer
}

.projects_btn .projects_btn_left:hover, .projects_btn .projects_btn_right:hover {
    background: #999;
    color: #FFF
}

.projects_btn .projects_btn_left {
    top: 0;
    right: 50px
}

.projects_btn .projects_btn_left > i:before {
    content: "\f104"
}

.projects_btn .projects_btn_right {
    top: 0;
    right: 0
}

.projects_btn .projects_btn_right > i:before {
    content: "\f105"
}

.project-template-9 .big-title, .project-template-9 .big-title--single {
    margin: 0
}

.project-nav {
    color: #999;
    font-size: 16px;
    padding: 20px 0;
    margin: 50px 0 0;
    border-top: 1px solid #DDD
}

.project-nav .left {
    text-align: left;
    padding: 0
}

.project-nav .right {
    text-align: right;
    padding: 0
}

.project-nav .center {
    text-align: center;
    padding: 0
}

.prev-project a:before {
    content: '\f104';
    margin-right: 20px
}

.next-project a:after {
    content: '\f105';
    margin-left: 20px
}

.clients_btn .clients_btn_left > i:before, .ourservices_btn .ourservices_btn_left > i:before {
    content: "\f104"
}

.project-title {
    font-size: 26px;
    font-weight: 700;
    color: #111;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #DDD;
    display: inline-block
}

.project-desc {
    color: #999;
    font-size: 15px
}

.single-project-description {
    color: #999;
    margin-bottom: 20px;
    font-size: 15px
}

.single-project-description .heading-title {
    font-size: 26px;
    font-weight: 400;
    padding: 0 0 20px;
    margin: 0 0 20px;
    color: #000;
    border-bottom: 1px solid #ddd
}

.project-meta {
    margin-bottom: 20px;
    font-size: 15px
}

.project-meta .heading-title {
    font-size: 26px;
    font-weight: 400;
    padding: 0 0 20px;
    margin: 0 0 20px;
    color: #000;
    border-bottom: 1px solid #ddd
}

.project-meta .meta-title {
    color: #000
}

.project-meta .meta-value {
    color: #999
}

.project-list .owl-item li {
    width: 100%
}

.project-entry-media img {
    width: 100%;
    height: auto
}

.project-entry-cover .project-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid transparent;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: transparent solid 0
}

.project-entry-cover:hover .project-overlay {
    opacity: 1
}

.project-list .owl-item li img {
    height: 280px;
    width: 263px;
}

.our-projects-categories {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
    border: none;
    text-decoration: underline !important;
}

.our-projects-popup, .our-projects-title {
    padding: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
    display: block;
    color: #fff
}

.our-projects-title {
    display: inline-block;
    float: none;
    clear: both;
    margin: 0;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -283, 0, -.002, 1)
}

.our-projects-categories, .our-projects-popup {
    float: none;
    margin: 0;
    text-align: center;
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    display: inline-block
}

.project-list li:hover .our-projects-title, .project-masonry li:hover .our-projects-title {
    opacity: 1;
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: translate(0, 0)
}

.our-projects-popup {
    clear: none;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -317, 0, 1)
}

.project-list li:hover .our-projects-popup, .project-masonry li:hover .our-projects-popup {
    opacity: 1;
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: translate(0, 0)
}

.our-projects-categories, .our-services-readmore {
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

.our-projects-categories {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-family: Roboto;
    font-weight: 400;
    font-style: italic;
    text-decoration: none;
    text-transform: none;
    clear: both;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: matrix3d(1, 0, 0, 0, 0, 0, -1, .000833333, 0, 1, 0, 0, 0, 0, 0, 1)
}

.our-services-readmore, .our-services-url {
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

.home-blog-popup, .our-services-readmore, .our-services-url {
    -o-transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

.our-projects-categories a {
    border-bottom: 1px solid #fff;
    padding-bottom: 1px
}

.project-list li:hover .our-projects-categories, .project-masonry li:hover .our-projects-categories {
    opacity: 1;
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: translate(0, 0)
}

.our-projects-container {
    background-color: rgba(216, 186, 134, 0.59);
}

.our-projects-wrapper .project-content {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    text-align: center
}

.clients_btn {
    padding-bottom: 20px;
    position: relative
}

.clients_btn p {
    font-size: 26px;
    color: #111;
    padding: 0;
    margin: 0
}

.clients_btn .clients_btn_left, .clients_btn .clients_btn_right {
    position: absolute;
    margin: 0 4px 0 0;
    padding: 8px 10px;
    background: #EEE;
    color: #AEAEAE;
    display: inline-block;
    cursor: pointer
}

.clients_btn .clients_btn_left:hover, .clients_btn .clients_btn_right:hover {
    background: #999;
    color: #FFF
}

.home-blog-popup a, .home-clients-title {
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
    display: block
}

.clients_btn .clients_btn_left {
    top: 0;
    right: 50px
}

.clients_btn .clients_btn_right {
    top: 0;
    right: 0
}

.clients_btn .clients_btn_right > i:before {
    content: "\f105"
}

.client-list {
    list-style: none
}

.client-list li {
    width: 100%
}

.client-list li .client-media-cover-wrapper {
    border: 1px solid #ddd;
    height: 90px;
    padding: 5px;

}
.client-list li .client-media-cover-wrapper:hover{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    /*box-shadow: 0 50px 35px rgba(0, 3, 25, .08);*/
}

.home-clients-title {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    clear: both;
    margin: 0;
    padding: 0;
    border-radius: 0;
    position: absolute;
    top: 40%;
    font-family: Roboto;
    text-transform: uppercase;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s
}

.client-entry-cover:hover .client-overlay, .client-list li:hover .home-clients-title {
    opacity: 1
}

.home-clients-container {
    background-color: rgba(0, 47, 102, .75)
}

.home_news .home_news_btn a, .home_news .home_news_btn button {
    font-size: 14px;
    color: #075192;
    border: 1px solid #075192;
    background: 0 0;
    padding: 11px 15px;
    text-transform: uppercase;
    letter-spacing: .05em
}

.home_news .home_news_btn a:hover, .home_news .home_news_btn button:hover {
    background: #075192;
    color: #fff
}

#blog-archive .eg-home-blog-element-31:before, #home-blog .eg-home-blog-element-31:before, .page .eg-home-blog-element-31:before {
    content: '\f017';
    margin-right: 8px
}

#blog-archive .eg-home-blog-element-32:before, #home-blog .eg-home-blog-element-32:before, .page .eg-home-blog-element-32:before {
    content: '\f086';
    margin-right: 8px
}

#blog-archive .eg-home-blog-element-32:after, #home-blog .eg-home-blog-element-32:after, .page .eg-home-blog-element-32:after {
    content: ' Comment'
}

#blog-archive .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-31:before {
    content: '\f017';
    margin-right: 8px
}

#blog-archive .eg-blog-archive-element-32:before, #blog-archive-2c .eg-blog-archive-element-32:before {
    content: '\f086';
    margin-right: 8px
}

#blog-archive .eg-blog-archive-element-32:after, #blog-archive-2c .eg-blog-archive-element-32:after {
    content: ' Comment'
}

.home_quote_btn {
    line-height: 40px
}

.home_quote_btn a, .home_quote_btn button {
    color: #003164;
    background: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 12px 15px;
    font-family: Roboto
}

.home_quote_btn a:hover, .home_quote_btn button:hover {
    background: 0 0;
    color: #fff
}

@media screen and (max-width: 1199px) {
    .home_quote_txt > div {
        text-align: center
    }

    .home_quote_btn, .ourservices_btn {
        text-align: center;
        margin-top: 20px
    }

    #home_our_projects {
        background-image: none
    }
}

.news-list .owl-item li, .news-list-2 .owl-item li, .site-top {
    width: 100%
}

.recent-posts.type_2 h3 {
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 20px
}

.recent-posts.type_2 .entry-meta {
    margin-bottom: 20px
}

.recent-posts.type_2 .entry-meta span {
    padding-right: 10px
}

.recent-posts.type_2 .entry-meta i {
    margin-right: 5px
}

.recent-posts.type_2 .entry-excerpt {
    color: #858585
}

.news-list {
    list-style: none
}

.news-list .home-blog-comment:before, .news-list .home-blog-date:before, .news-list-2 .home-blog-comment:before, .news-list-2 .home-blog-date:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.news-list .home-blog-date:before, .news-list-2 .home-blog-date:before {
    content: '\f017';
    margin-right: 8px
}

.news-list .home-blog-comment:before, .news-list-2 .home-blog-comment:before {
    content: '\f086';
    margin-right: 8px
}

.home-blog-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    z-index: 2;
    display: block;
    color: #d8ae66;
}

.home-blog-title a:hover {
    color: #333;
}

.home-blog-popup a {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 17px;
    border-radius: 60px;
    border: 2px solid #fff
}

.home-blog-comment, .home-blog-date {
    font-size: 13px;
    line-height: 20px;
    color: #888;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0);
    font-weight: 400;
    z-index: 2;
    clear: both;
    position: relative;
    float: none
}

.home-blog-comment, .home-blog-content, .home-blog-date, .home-blog-desc, .home-blog-readmore a {
    padding: 0;
    border-radius: 0
}

.home-blog-popup .fa-search:before {
    margin: 0 4px
}

.home-blog-date {
    margin: 0 20px 0 0
}

.home-blog-comment {
    margin: 0
}

.home-blog-desc {
    font-size: 15px;
    line-height: 24px;
    color: #777;
    font-weight: 400;
    display: block;
    text-align: left;
    clear: both;
    margin: 10px 0;
    position: relative;
    z-index: 2;

}

.home-blog-readmore a {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    background-color: rgba(0, 10, 0, 0);
    z-index: 2;
    display: block;
    text-transform: uppercase;
    color: #075192 !important;
    border-bottom: 1px solid #075192
}

.home-blog-readmore a:hover {
    color: #333 !important;
    border-bottom: 1px solid #333;
}

.home-blog-title {
    display: block;
    text-align: left;
    clear: both;
    margin: 20px 0 10px;
    position: relative
}

.home-blog-popup {
    display: inline-block;
    float: none;
    clear: none;
    margin: 0 10px 0 0;
    text-align: center;
    position: absolute;
    left: 40%;
    top: 35%;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: matrix3d(.8, 0, 0, 0, 0, 0, .8, -.000666667, 0, -1, 0, 0, 0, 0, .001, .999999)
}

.news-grid li:hover .home-blog-popup, .news-list li:hover .home-blog-popup, .news-list-2 li:hover .home-blog-popup {
    opacity: 1;
    transform-origin: 50% 50% 0;
    transform-style: flat;
    transform: translate(0, 0)
}

.home-blog-readmore {
    display: inline-block;
    float: none;
    clear: both;
    margin: 0;
    position: relative
}

.home-blog-container {
    background-color: rgba(216, 186, 134, 0.59)
}

.news-list li:hover .home-blog-container, .news-list-2 li:hover .home-blog-container {
    opacity: 1
}

.home-blog-content {
    border: none
}

.news-entry-media img {
    width: 100%;
    height: 175px !important;
}

.site-branding {
    z-index: 1;
    padding: 10px;
}

.extra-info > div {
    padding: 0 15px;
    text-align: left
}

.extra-info i {
    display: inline-block;
    font-size: 30px;
    float: left
}

.extra-info span {
    font-weight: 600;
    color: #777
}

.extra-info h3 {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 400
}

@media (min-width: 992px) {
    .site-top .social-menu {
        display: inline-block;
        position: relative
    }

    .site-top .social-menu ul {
        position: relative;
        z-index: 2
    }
}

.header01 #site-navigation .menu, .header07 #site-navigation .menu, .header08 #site-navigation .menu {
    text-align: left
}

.header01 #site-navigation .menu > li a, .header01 #site-navigation .menu > ul > li a, .header07 #site-navigation .menu > li a, .header07 #site-navigation .menu > ul > li a, .header08 #site-navigation .menu > li a, .header08 #site-navigation .menu > ul > li a {
    padding: 45px 0;
    display: inline-block
}

.header01 #site-navigation .menu > ul > li:hover:after, .header07 #site-navigation .menu > li.current-menu-item:after, .header07 #site-navigation .menu > li:hover:after, .header07 #site-navigation .menu > ul > li.current-menu-item:after, .header07 #site-navigation .menu > ul > li:hover:after, .header08 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > li:hover:after .header01 #site-navigation .menu > ul > li.current-menu-item:after, .header08 #site-navigation .menu > ul > li.current-menu-item:after .header01 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > ul > li:hover:after .header01 #site-navigation .menu > li:hover:after {
    width: 100%;
    opacity: 1
}

.header01 #site-navigation .menu > li:after, .header01 #site-navigation .menu > ul > li:after, .header07 #site-navigation .menu > li:after, .header07 #site-navigation .menu > ul > li:after, .header08 #site-navigation .menu > li:after, .header08 #site-navigation .menu > ul > li:after {
    content: '';
    position: absolute;
    background: #868686;
    width: 0;
    height: 1px;
    bottom: 40px;
    left: 0;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

.header01 .nav-left, .header07 .nav-left, .header08 .nav-left {
    padding-left: 0;
    padding-right: 0
}

.header01 .nav-right, .header07 .nav-right, .header08 .nav-right {
    text-align: right;
    padding-left: 0
}

.header01 .mini-cart, .header07 .mini-cart, .header08 .mini-cart {
    padding: 0;
    display: inline-block;
    margin: 0
}

.header01 .search-box, .header07 .search-box, .header08 .search-box {
    display: inline-block;
    margin: 0 0 0 20px;
    color: #868686
}

.header01 .search-box i:after, .header01 .search-box i:before, .header07 .search-box i:after, .header07 .search-box i:before, .header08 .search-box i:after, .header08 .search-box i:before {
    left: 1px
}

.header01 .home_quote .home_quote_btn button, .header07 .home_quote .home_quote_btn button, .header08 .home_quote .home_quote_btn button, .header10 .home_quote .home_quote_btn button {
    color: #003164
}

.header10 .main-navigation, .header10 .site-header {
    background: #fff
}

@media (min-width: 992px) {
    .header01 .site-branding img, .header07 .site-branding img, .header08 .site-branding img, .header10 .site-branding img {
        position: relative;
        z-index: 1;
        max-width: none
    }

    .header01 .extra-info > div, .header07 .extra-info > div, .header08 .extra-info > div, .header10 .extra-info > div {
        padding: 35px 15px 0
    }

    .header01 .top-menu .menu-item, .header07 .top-menu .menu-item, .header08 .top-menu .menu-item {
        padding: 10px 0 10px 20px
    }
}

@media (min-width: 1200px) {
    .header01 #site-navigation.headroom--not-top, .header07 #site-navigation.headroom--not-top, .header08 #site-navigation.headroom--not-top {
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
        position: fixed;
        top: 0;
        left: 0
    }

    .header01 #site-navigation.headroom--not-top .menu > li:after, .header07 #site-navigation.headroom--not-top .menu > li:after, .header08 #site-navigation.headroom--not-top .menu > li:after {
        bottom: 30px
    }

    .header01 #site-navigation.headroom--not-top .menu > li > a, .header07 #site-navigation.headroom--not-top .menu > li > a, .header08 #site-navigation.headroom--not-top .menu > li > a {
        padding: 35px 0
    }

    .header01 #site-navigation.headroom--not-top .site-branding, .header07 #site-navigation.headroom--not-top .site-branding, .header08 #site-navigation.headroom--not-top .site-branding {
        padding: 20px 0 20px 15px
    }
}

.site-footer .widget-title {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400
}

.site-footer .widget-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

#site-navigation, .page .container, .single .container, .top-menu {
    position: relative
}

.site-footer, .site-top {
    border-width: 0;
    border-style: solid;
    font-weight: 400
}

.site-footer .widget-title span {
    position: relative;
    display: inline-block;
    padding: 10px 10px 10px 0
}

.site-footer .footer-logo {
    display: block
}

.site-footer .col-md-4 {
    margin-bottom: 30px
}

.site-footer .widget img {
    margin: 18px 0 20px
}

.site-footer .widget p {
    margin-bottom: 10px
}

.site-footer .social-menu .menu {
    margin-top: 20px
}

.site-footer .social-menu .menu li {
    margin: 0 15px 0 0
}

.site-footer .social-menu .menu li a:before {
    font-size: 20px
}

.site-footer .menu {
    font-size: 0
}

.site-footer .menu li {
    vertical-align: top;
    margin-bottom: 10px;
    list-style-type: none;
    font-size: 15px;
    display: block
}

.menu-item, .page_item, .top-menu {
    display: inline-block
}

.site-footer .menu li:hover {
    -webkit-transform: translate(6px, 0);
    -moz-transform: translate(6px, 0);
    -ms-transform: translate(6px, 0);
    -o-transform: translate(6px, 0)
}

.site-footer .menu li a:before {
    content: "\f105";
    margin-right: 10px
}

.office p {
    margin-bottom: 10px
}

.office i {
    font-size: 16px;
    width: 35px
}

.copyright {
    overflow: hidden;
    line-height: 1;
    padding: 40px 0
}

#about-pages .esg-entry-content, .snap-content {
    overflow: auto
}

.copyright .center {
    text-align: center
}

@media (min-width: 768px) {
    .site-footer .menu li {
        display: inline-block;
        width: 50%
    }
}

@media screen and (max-width: 1199px) {
    .site-footer {
        background-image: none
    }
}

.site-footer {
    font-size: 15px;
    padding: 50px 0 20px;
    margin: 0;
    border-color: #000;
    background-color: #075ba5;
}

.copyright .right, .site-footer, .site-footer a {
    color: #ffffff
}

.site-footer .widget-title, .site-footer a:hover {
    color: #fff
}

.copyright, .copyright a {
    color: #ffffff
}

.copyright {
    background-color: #034178
}

.top-menu {
    z-index: 1
}

.top-menu .menu-item {
    padding: 5px
}

.social-menu .menu li {
    display: inline-block;
    margin-left: 10px;
    width: auto
}

.social-menu .menu li:hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.social-menu .menu li:before {
    display: none
}

.social-menu .menu li a {
    font-size: 0
}

.social-menu .menu li a:before {
    font-size: 16px;
    display: inline-block
}

.social-menu .menu li a[href*=facebook]:before {
    content: "\f09a"
}

.social-menu .menu li a[href*=twitter]:before {
    content: "\f099"
}

.social-menu .menu li a[href*=instagram]:before {
    content: "\f16d"
}

.social-menu .menu li a[href*=youtube]:before {
    content: "\f16a"
}

.social-menu .menu li a[href*="plus.google.com"]:before {
    content: "\f0d5"
}

.social-menu .menu li a[href*=flickr]:before {
    content: "\f16e"
}

.social-menu .menu li a[href*=dribbble]:before {
    content: "\f17d"
}

.social-menu .menu li a[href*=foursquare]:before {
    content: "\f180"
}

.social-menu .menu li a[href*=linkedin]:before {
    content: "\f0e1"
}

.social-menu .menu li a[href*=tumblr]:before {
    content: "\f173"
}

.social-menu .menu li a[href*=feed]:before {
    content: "\f09e"
}

.social-menu .menu li a[href*=vimeo]:before {
    content: "\f194"
}

#site-navigation {
    z-index: 999;
    width: 100%;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px
}

#site-navigation .menu li:hover > .children, #site-navigation .menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
    z-index: 999
}

#site-navigation .menu li:hover > .children > li, #site-navigation .menu li:hover > .sub-menu > li {
    margin-right: 0;
    line-height: 3px;
    padding: 0;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
}

#site-navigation .menu li:hover > .children li.menu-item-has-children:after, #site-navigation .menu li:hover > .children li.page_item_has_children:after, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .menu li:hover > .sub-menu li.page_item_has_children:after {
    content: '\f105';
    position: absolute;
    right: 15px
}

#site-navigation .menu li:hover > .children .children, #site-navigation .menu li:hover > .children .sub-menu, #site-navigation .menu li:hover > .sub-menu .children, #site-navigation .menu li:hover > .sub-menu .sub-menu {
    left: 100%;
    top: 0
}

#site-navigation .menu li.mega-menu {
    position: static
}

#site-navigation .menu li.mega-menu:after {
    display: none
}

#site-navigation .menu li.mega-menu .sub-menu {
    width: 100%;
    position: absolute;
    bottom: 0
}

#site-navigation .menu li.mega-menu .sub-menu > li {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    padding: 20px
}

#site-navigation .menu li.mega-menu .sub-menu > li:hover {
    background: #fff
}

#site-navigation .menu li.mega-menu .sub-menu > li .wpb_text_column li {
    margin-bottom: 0
}

#site-navigation .menu li.mega-menu .sub-menu > li .wpb_text_column li i {
    width: 20px
}

#site-navigation .menu > li.menu-item-has-children, #site-navigation .menu > ul > li.page_item_has_children {
    margin-right: 124px;
}

#site-navigation .menu > li.menu-item-has-children > a, #site-navigation .menu > ul > li.page_item_has_children > a {
    position: relative
}

#site-navigation .menu > li.menu-item-has-children > a:after, #site-navigation .menu > ul > li.page_item_has_children > a:after {
    content: '\f107';
    position: absolute;
    right: -17px
}

#site-navigation .menu > li, #site-navigation .menu > ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    line-height: 1
}

#site-navigation .menu > li a, #site-navigation .menu > ul > li a {
    position: relative;
    z-index: 1
}

#site-navigation .children, #site-navigation .sub-menu {
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 2;
    opacity: 0;
    margin: 0;
    width: 200px;
    visibility: hidden;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    font-family: Roboto
}

#site-navigation .children li a, #site-navigation .menu > li > .sub-menu li a {
    padding: 5px
}

@media (min-width: 992px) {
    .top-menu .menu-item {
        padding: 15px 30px 15px 0
    }
}

#site-navigation .menu > li > a, #site-navigation .menu > ul > li > a, .search-box i:after, .search-box i:before {
    color: #AAA
}

#site-navigation .menu > li.current-menu-item > a, #site-navigation .menu > li > a:hover, .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .search-box:hover i:after, .search-box:hover i:before {
    color: #fff;
    background: #075192;
    padding: 0 10px;
}

#site-navigation.dark .menu > li.current-menu-item > a, #site-navigation.dark .menu > li > a:hover, #site-navigation.dark .mini-cart .mini-cart__button .mini-cart-icon:hover:before, #site-navigation.dark .search-box:hover i:after, #site-navigation.dark .search-box:hover i:before, .header03 #site-navigation .menu > li.current-menu-item > a, .header03 #site-navigation .menu > li > a:hover, .header03 #site-navigation .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header03 #site-navigation .search-box:hover i:after, .header03 #site-navigation .search-box:hover i:before {
    color: #fff
}

#site-navigation.dark .menu > li.current-menu-item:after, #site-navigation.dark .menu > li:hover:after, .header03 #site-navigation .menu > li.current-menu-item:after, .header03 #site-navigation .menu > li:hover:after, .main-navigation {
    background-color: #fff
}

#site-navigation .children li a, #site-navigation .sub-menu li a {
    font-weight: 400;
    font-size: 14px
}

#site-navigation .children li a, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .sub-menu li a {
    color: #868686
}

#site-navigation .children li a:hover, #site-navigation .children li:hover > a, #site-navigation .menu li:hover > .children li.page_item_has_children:hover:after, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:hover:after, #site-navigation .sub-menu li a:hover, #site-navigation .sub-menu li:hover > a, .header06 #site-navigation .menu > li.current-menu-item > a, .header06 #site-navigation .menu > li > a:hover, .header06 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header06 .search-box:hover i:before, .header07 #site-navigation .menu > li.current-menu-item > a, .header07 #site-navigation .menu > li > a:hover, .header07 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header07 .search-box:hover i:before, .header08 #site-navigation .menu > li.current-menu-item > a, .header08 #site-navigation .menu > li > a:hover, .header08 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header08 .search-box:hover i:before, .search-box:hover i:after {
    color: #fff
}

#site-navigation .menu > li, #site-navigation .menu > ul > li {
    padding: 0 4px;
    margin: 0;
}

#site-navigation .children li, #site-navigation .sub-menu li {
    position: relative;
    display: block;
    text-align: left;
    padding: 10px;
    background-color: #fff
}

.site-header, .site-top {
    padding: 0;
    margin: 0
}

.main-navigation.dark {
    background-color: #111
}

.header05 .main-navigation {
    background-color: #EEE
}

.header08 .main-navigation {
    background-color: #222
}

.header06 #site-navigation .menu > li.current-menu-item:after, .header06 #site-navigation .menu > li:hover:after, .header07 #site-navigation .menu > li.current-menu-item:after, .header07 #site-navigation .menu > li:hover:after, .header08 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > li:hover:after {
    background-color: #fff
}

#site-navigation .children li:hover, #site-navigation .sub-menu li:hover {
    background-color: #0760ad
}

.site-top a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    color: #777
}

.site-top a:hover {
    color: #075192
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 80px;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-controls {
    text-align: center
}

.owl-controls .owl-dot {
    position: relative;
    z-index: 99;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
    background-color: rgba(255, 255, 255, .4);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.snap-content, .snap-drawer, .snap-drawers {
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0
}

.owl-controls .owl-dot.active {
    background-color: #FFF
}

.snap-content {
    right: 0;
    left: 0;
    width: auto;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.snap-drawers {
    right: 0;
    left: 0;
    width: auto;
    background-color: #fff
}

.snap-drawer {
    right: auto;
    left: auto;
    width: 265px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.snap-drawer-left, .testi:before {
    left: 0;
    z-index: 1
}

.snap-drawer-right {
    right: 0;
    z-index: 1
}

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
    display: none
}

.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {
    width: 100%
}

#open-left {
    line-height: 1;
    cursor: pointer;
    color: #868686
}

@media (min-width: 992px) {
    .snap-drawers {
        display: none
    }
}

.snap-drawers .menu > ul, .snap-drawers .mobile-menu > ul {
    padding: 20px
}

.snap-drawers .menu > ul li, .snap-drawers .mobile-menu > ul li {
    display: block
}

.snap-drawers .menu > ul li a, .snap-drawers .mobile-menu > ul li a {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
    color: #075192
}

.snap-drawers .menu > ul li:last-child, .snap-drawers .mobile-menu > ul li:last-child {
    border: none
}

.snap-drawers .menu > ul li li, .snap-drawers .mobile-menu > ul li li {
    margin-left: 20px
}

/*****************/
.site-top {
    font-size: 18px;
    color: #777;
    line-height: 30px;
}

.logo {
    height: 95px;
}

.en_title {
    font-family: 'HelveticaNeueW23-Reg';
    text-align: center;
    font-size: 19px;
    margin-bottom: 10px;
}

.ar_title {
    font-family: 'HelveticaNeueW23-Reg';
    text-align: center;
    font-size: 23px;
}

.main-menu {
    color: #fff;
    border-color: #ddd;
    background-color: #034178;
}

.header01 #site-navigation .menu > li a {
    padding: 20px 10px !important;
}

.tp-mask-wrap {
    display: none;
}

.btn_link {
    background: #075192 !important;
    display: block !important;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.btn_link i {
    margin-right: 5px;
}

.img_about img {
    height: 410px !important;
    margin-top: 29px;
}

.img-about2 img {
    height: 150px;
}

.myportfolio-container.minimal-light {
    margin-top: 0;
}

.clients_btn {
    top: -75px;
    padding-bottom: 0 !important;
}

.ui.secondary.menu .active.item, .ui.secondary.menu a.item:hover {
    box-shadow: none;
    background: #075192 !important;
    color: rgb(255, 255, 255);
    border-radius: 0 !important;
}

.ui.secondary.menu li{
    list-style: none;
}

/*****************/
.socail_header {
    padding: 0;
    margin: 0;
}

.socail_header li {
    float: left;
    list-style: none;
    text-align: center;
    line-height: 40px;
    padding: 0;
    margin: 0;
    display: inline-flex;
    margin-left: 10px;

}

.socail_header li a {
    border: 1px solid #075192;
    color: #ffffff !important;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-size: 17px;
    background: #075192;
}

.socail_header li a:hover {
    border: 1px solid #9c8c72;
    color: #ffffff !important;
    background: transparent;
}
.footer_social {
    margin-top: 20px;
}
.footer_social ul li
{
    display: inline-block;
    list-style: none;
    margin: 0 30px 0 0;
    font-size: 20px;
}


.main_content
{
    min-height: 400px;
    padding-bottom: 100px;
    padding-top: 30px;
}

.breadcrumb_web
{
    margin-bottom: 30px;
    color: #075192;
}
.breadcrumb_web a
{
    font-weight: bold;
    color: #075192;
}
.breadcrumb_web a:hover
{
    color: #999;
}

.content_page
{
    line-height: 30px !important;
}
.content_page p
{
    line-height: inherit !important;
}

.img_page
{
    margin-bottom: 30px;
}

.clear_all
{
    clear: both;
}

.line_block
{
    border-bottom: 1px  dashed #075192 ;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 90%;
}

.sub_news_inner
{
    font-size: 24px;
    color: #999;
    margin-bottom: 30px;
    text-align: center;
}
.title_news
{
    font-size: 18px;
    color: #075192;
    margin-bottom: 10px;

}
.title_news a
{
    color: #075192;
}

.title_news a:hover
{
    color: #333;
}
.more_news
{
    margin-top: 10px;
}
.img_news img
{
    border-radius: 5px;
}



.title_video
{
    font-size: 20px;
    margin-top: 10px;
    color: #075192;
}

.video_item
{
    margin-bottom: 30px;
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

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


.img_gallery
{
    border: 1px solid rgba(0, 3, 25,.08);
    margin-bottom: 50px;
    box-shadow: 0 3px 15px rgba(0, 3, 25, .08);
    border-radius: 5px ;
}
.img_gallery img
{
    width: 100%;
    height: 230px;
    border-radius: 5px ;
    padding: 1px;
}

.gllaery_img
{
    overflow: hidden;
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.img_gallery:hover .gllaery_img  img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    position: relative;
    overflow: hidden;

}

.img_gallery:hover
{
    box-shadow:none;
}
.title_gallery
{
    font-size: 17px;
    margin-top: 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;

}


.img_gallery_inner img
{
    width: 100%;
    height: 230px;
    margin-bottom: 30px;
    border-radius: 5px;
}


/*****************/
.blk_speaker {
    border: 1px solid rgba(0, 3, 25, .08);
    margin-bottom: 50px;
    box-shadow: 0 3px 15px rgba(0, 3, 25, .08);
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 15px;
}
.img_speaker
{
    width: 100%;
    height: 270px;
    margin-bottom: 10px;
    border-radius: 5px ;
}

.img_speaker img{
     width: 100%;
    height: 270px;
}

.name_speaker
{
    font-size: 16px;
    min-height: 50px;
    text-align: center;
    margin-bottom: 10px;
    color: #075192;
}

.country_speaker
{
    font-size: 14px;
    text-align: center;
    font-style: italic;
}

.img_speaker
{
    overflow: hidden;
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.blk_speaker:hover .img_speaker  img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    position: relative;
    overflow: hidden;
    

}

.blk_speaker:hover
{
    box-shadow:none;
}





/***************/
.tiltle_form h2 {
    margin-bottom: 20px;
    color: #9c8c72;
}

.gform_wrapper
{
    margin-top: 0 !important;
}

.gform_fields li{
    padding: 0 !important;
    margin: 0 !important;
}
/*.gfield_label*/
/*{*/
    /*display: none !important;*/
/*}*/
.ui.form select
{
    color: #9E9E9E !important;
    font-weight: 400 !important;
}

.medium , .textarea , .form_main  input[type=text] ,.form_main  input[type=password],select{
    background: #f7f7f7 !important;
    font-size: 15px;
    font-weight: 100;
    width: 100% !important;
    height: 54px;
    line-height: 54px;
    color: #bababa;
    margin-bottom: 10px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 2px solid transparent !important;
    padding-left: 15px !important;
    transition: all 0.3s linear;
}

.medium:hover , .textarea:hover ,  .form_main  input[type=text]:hover ,.form_main  input[type=password]:hover{
    border: 2px solid #075192 !important;
    background: rgba(167, 132, 98, 0.12) !important;
}
.gform_button , .btn_plan ,.btn_plan2,.form_main button
{
    background: #075192 !important;
    font-size: 16px;
    font-weight: 400;
    height: 54px;
    line-height: 54px;
    color: #fff !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: 2px solid transparent;
    display: block;
    padding: 0 94px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gform_button:hover ,.btn_plan:hover ,.btn_plan2:hover, .form_main button:hover{
    background-color: #90836e !important;
    -webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    -ms-transition: all 0.5s !important;
    -o-transition: all 0.5s !important;
    transition: all 0.5s !important;
}
.btn_plan , .btn_plan2
{
    margin-top: 20px;
    font-size: 20px;
    padding: 0 50px !important;
    display: inline-flex;
}
.btn_plan:focus , .btn_plan2:focus {outline:0;}


.btn_plan2 i
{
    margin-left: 15px;
    margin-top: 15px;
}

.gform_wrapper .gform_footer
{
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper .gfield_required  , .gform_wrapper div.validation_error , .gform_wrapper .top_label .gfield_label
{
    display: none !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none; }

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error .quantity .quantity_fld button:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .quantity .quantity_fld .gform_wrapper li.gfield_error button:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .cart_list ul li.gfield_error .left_data .quantity_fld button:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .cart_list ul .gform_wrapper li.gfield_error .left_data .quantity_fld button:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error .quantity .quantity_fld select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .quantity .quantity_fld .gform_wrapper li.gfield_error select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .cart_list ul li.gfield_error .left_data .quantity_fld select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .cart_list ul .gform_wrapper li.gfield_error .left_data .quantity_fld select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 2px solid #E0B4B4 !important;
    background: #FFF6F6;
    color: #9F3A38 !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
    border: none !important;
}

/****************/
.desc_program
{
    margin-bottom:30px;
    line-height: 30px;
}
.desc_program p
{
    line-height: 30px;
}
.block_program a
{
    width: 100%;
    display: block;
    background: #075192;
    line-height: 50px;
    margin-bottom: 15px;
    border-radius: 10px;
    padding-left: 15px;
    color: #fff;
}
.block_program a i
{
    float: right;
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
    font-size: 30px;
}
.block_program a:hover {
    background-color: #90836e !important;
}


/*********/
.nomp
{

    padding: 0 !important;
}

.welcome
{
    margin-bottom: 30px;
    line-height: 35px;
}
.exit
{
    text-align: right;
}
.exit a{
    text-decoration: underline;
    color: #db2828;
}

.name_user
{
    font-style: italic;
    color: #075192;
}
.data_user
{
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 35px;
}

.pdf_page
{
    padding-bottom: 100px;
}
.line_pdf
{
    border-bottom: 1px solid rgba(34,36,38,.15);
    margin-top: 20px;
    margin-bottom: 20px;
}


#myModal {
    position: absolute;
    left:35%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: -25%;
    margin-top: -25%;
    /*
    This doesn't work
    margin-left: -25%;
    margin-top: -25%;
    */
    width: 80%;
    height: 80%;
    text-align: center;
}


.modal-dialog
{
    width: auto !important;

}

.close:focus, .close:hover
{
    outline: none;
}

.desc_pop
{
    text-align: justify;
    direction: rtl;
    line-height: 30px;
    margin-top: 20px;
    float: left;
    width: 75%;
    font-family: 'HelveticaNeueW23-Reg';
}

.img_pop
{
    float: right;
}
.img_pop img
{
    height: 250px;
    width: 250px;
}


.prince-desc
{
    text-align: justify;
    direction: rtl;
    line-height: 30px;
    font-family: 'HelveticaNeueW23-Reg';
    font-size: 16px;
}
.prince-desc p{
    line-height: 28px !important;
}
.img_prince img
{
    height: 410px !important;
}

.border_line_p {
    border-bottom: 1px solid #ddd;
}

.logo2 img{
    height: 73px;
    margin-left: 20px;
}
.text_top
{
    font-size: 17px;
    font-weight: bold;
    text-align: center;

}


.timer_web{
margin-top: 30px;
    padding: 0;
    margin-bottom: 15px;
}

.logo-baha
{
    width: 83px;
    height: 83px;
    margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
#site-navigation .menu > li.menu-item-has-children, #site-navigation .menu > ul > li.page_item_has_children {
    margin-right: 85px;
}
}