/*
Theme Name: Allston
Theme URI: http://allston.elated-themes.com
Description: A Contemporary Theme for Interior Design and Architecture
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Text Domain: allston
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.1.3
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
#whattheysay {
    height: 400px!important;
}

.flexslider {
    background: none!important;
    border: none!important;
}
.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {
    background-color: transparent!important;
    color: #ffffff!important;
}
.flex-caption p {
    text-align: center!important;
}
.eltdf-title-holder {
    display: none!important;
}
.flex-direction-nav a {
    color: rgba(255, 255, 255, 0.8) !important;
}
.eltdf-content .eltdf-content-inner>.eltdf-full-width>.eltdf-full-width-inner {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.eltdf-page-header {
    position: absolute!important;
    top: 0!important;
}
.eltdf-page-header .eltdf-menu-area {
    background-color: transparent!important;
    border-bottom: none!important;
}
.portfolio-filter {
    position: absolute!important;
    top: 20% !important;
    right: 7% !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
.showFilter {
    visibility: visible!important;
    opacity: 1!important;
}
.portfolio-filter select {
    display: inline-block;
    border: 2px solid #bbb;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #f8f8f8;

    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .portfolio-filter select {
        padding-right:30px;
    }
}
.portfolio-filter select:focus {
    -webkit-box-shadow: 0 0 3px 1px #c00;
    -moz-box-shadow: 0 0 3px 1px #c00;
    box-shadow: 0 0 3px 1px #c00;
}
.portfolio-filter select:after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    padding: 0 7px;
    background: #bbb;
    color: white;

    pointer-events:none;

    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.portfolio-filter select:after {
    content: none;
}
.portfolio-filter input[type=submit] {
    padding:5px;
    border:2px solid #bbb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.portfolio-filter input[type=submit]::after {
    content: "New text";
    text-indent: 0;
    display: block;
    line-height: initial;
}

@media screen and (max-width: 768px) {
    .portfolio-filter {
        display: none;
    }
}


#magicnumbers {
    padding: 100px 0px!important;
    background-attachment: fixed!important;
    height: 450px!important;
}

.single-portfolio-item .eltdf-content {
    margin-top: 100px!important;
}
.single-portfolio-item  .eltdf-container-inner {
    width: 100% !important;
}
.single-portfolio-item .eltdf-grid-row {
    margin-left: 0!important;
    margin-right: 0!important;
}
.single-portfolio-item .eltdf-ps-image {
    margin-bottom: 0!important;
}
.single-portfolio-item .eltdf-ps-image img {
    width: 100% !important;
}
@media screen and (max-width: 1026px) {
    .single-portfolio-item .eltdf-content {
        margin-top: 0px!important;
    }
}
select#ofportfolio-category {
    background-color: transparent!important;
    border-radius: 0!important;
    border: 1px solid grey!important;
    color: #fff!important;
    padding: 5px!important;
}
.eltdf-logo-wrapper a img {
    height: auto!important;
}
.tp-fullwidth-forcer,
.rev_slider,
.rev_slider_wrapper {
    height: 620px!important;
}

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
.eltdf-logo-wrapper a{height: 36px!important;}.slides li .flex-caption{width: 60%;margin: auto!important;}
.eltdf-st-title{text-transform:uppercase!important;}
.vc_gitem-post-data-source-post_title h4{text-transform:uppercase;font-size: 17px;letter-spacing: .05em;margin-bottom: 0px;font-weight:600;text-align: center!important;}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    text-align: center!important;color: #000!important;
    background-color: #ffffff!important;border: 1px solid #000000!important;
    border-radius: 0px!important;font-weight: 600!important;
    text-transform: uppercase!important;font-size: 12px!important;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover {
    color: #000000!important;
    background-color: #ffffff!important;
    border: 1px solid rgb(243, 193, 8) !important;
}
.vc_btn3-container.vc_btn3-left{text-align: left!important;text-align: center!important;}
.vc_gitem-post-data {margin-bottom: 15px!important;text-align: center!important;}
.vc_btn3.vc_btn3-size-md {font-size: 14px!important;padding-top: 10px!important;padding-bottom: 10px!important;padding-left: 20px!important;padding-right: 20px!important;}

.eltdf-eh-item-content .eltdf-eh-custom-7559{padding: 16%!important;}
.vc_custom_1524577705794 .eltdf-eh-item-inner .eltdf-eh-item-content{
    padding:100px!important;}
@media screen and (max-width: 992px) {
.eltdf-elements-holder.eltdf-two-columns .eltdf-eh-item {width: 100%!important;}
#menu-immotek-menu-1 {display: block;}
.eltdf-vertical-align-containers {
    background-color: transparent!important;
}
    .vc_custom_1524577705794 .eltdf-eh-item-inner .eltdf-eh-item-content {
        padding: 50px!important;
    }
}
.eltdf-eh-item-inner h1{text-transform:uppercase!important;font-weight:400!important;}
.eltdf-eh-item-inner .eltdf-eh-custom-1941 div{margin-bottom: 10px!important;}

.magic-numbers-container_1 h5,
.magic-numbers-container_2 h5
{
    font-size:14px!important;font-weight:normal!important;text-transform:uppercase!important;margin-top: 30px!important;
}
.magic-numbers-container_1 .plugin_counter_1,
.magic-numbers-container_2 .plugin_counter_2
{
    font-size:45px!important;
}
.magic-numbers-container_2,
.magic-numbers-container_1{
    width: 90%!important;text-align: center!important;margin: auto!important;
}

/*HP blc projets*/
.vc_gitem-is-link{height: 270px;}
.eltdf-section-title-holder .eltdf-separator-holder{margin: 22px 0 0!important;}
.eltdf-eh-custom-5804 h3{line-height:40px!important;}
#magicnumbers{padding: auto!important;min-height: 450px!important;}
#magicnumbers.vc_custom_1574759100102 {
    background-position: 0px 0px!important;background-size: cover!important;}
.eltdf-swaying-image{
    /*background-image: url("http://immotek.dev-projet.com/wp-content/uploads/2019/11/villa_C_Gammarth_Page_0.jpg") !important;*/
    background-size: cover !important;
}
@media only screen and (max-width: 768px){
    .vc_row.vc_column-gap-15 > .vc_column_container {
        padding: 7.5px 6% 7.5px 27.5px!important;
    }
}
/*HP what they say*/
#whattheysay .wpb_wrapper .vc_empty_space{height: 10px!important;}
.flex-direction-nav a.flex-next:before {
    content: '\e04b' !important;
    font-family: linea-arrows-10!important;
}
.flex-direction-nav a:before {
    content: '\e03f' !important;
    font-family: linea-arrows-10!important;
}
.flexslider {
    box-shadow: none!important;
}
.flex-control-paging li a {
    width: 9px!important;
    height: 9px!important;
    background: rgba(255, 255, 255, 0.5)!important;
}
.flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 0.9)!important;
}
.flex-control-nav li {
    margin: 0 10px!important;
}
#whattheysay.vc_custom_1572950940887 {
    background-size: cover !important;
    /*background-image: linear-gradient(90deg,#00000054,#00000017),url(https://images.unsplash.com/photo-1524190952534-79b1f7d6ad5c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1867&q=80) !important;*/
    background-color: #11111361!important;
    background-blend-mode: overlay!important;
}
#whattheysay .flex-direction-nav a {top: 30%!important;}
#whattheysay {
    min-height: 400px!important;
}
/*footer*/
.eltdf-icon-widget-holder {margin: 0!important;display: flex!important;line-height: 38px!important;
    font-weight: 100!important;align-items: center!important;color: rgb(162, 162, 162)!important;}
.eltdf-social-icon-widget-holder .eltdf-social-icon-widget {font-size: 23px;margin-right: 13px!important;line-height: 61px!important;}
.vc_col-sm-4 .wpb_content_element .wpb_text_column .wpb_wrapper{
    margin: 0px!important;
}
.vc_row.vc_column-gap-15>.vc_column_container {
    padding: 7.5px 4% 7.5px 7.5px!important;
}
.magic-numbers-container h5 {margin-bottom: -10px!important;}
/*Page projects*/
.slotholder:before{content: ""!important;height: 900px!important;width: 100%!important;position: absolute;
    z-index: 10000!important;background-image: linear-gradient(#0000004f, transparent, transparent)!important;}
.wpb_content_element .wpb_wrapper h5{text-align: center!important;color: gray!important;margin-top: 12px!important;}
.eltdf-st-inner{margin-bottom: 0px!important;}
.eltdf-fullscreen-portfolio-grid-holder:before{content:""!important;position:absolute!important;width:100%!important;height:100%!important;z-index:1!important;
    /*background-image: linear-gradient(#0000002b, #00000080)!important;*/
    background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 35%, rgba(4,4,4,0.3) 100%);

}
.postform .level-0{color:#717171!important;}.postform option{color:#000000!important;}
.eltdf-fullscreen-portfolio-grid-holder .eltdf-fpg-item .eltdf-pli-title {color: #fff!important;margin: 4px 0 0!important;text-transform: uppercase!important;font-size: 16px!important;letter-spacing: 1.5px!important;font-weight: 500!important;}
.eltdf-fpg-item-table-cell{text-align: right!important;}
.filter{border: 0!important;height: 27px!important;display:none!important;}.showFilter{visibility: visible!important;opacity: 1!important;}
select#ofportfolio-category{background-color: #ffffff!important;color: #000!important;border-radius: 0!important;padding: 5px 15px!important;border: 1px solid #0e0e0e00!important;}
.eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-svg-path path, .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-svg-path>* {fill: #ffffff!important;}
.page-id-4589 .eltdf-logo-wrapper a img.eltdf-light-logo {
    opacity: 1 !important;}
.page-id-4589 .eltdf-logo-wrapper a img.eltdf-normal-logo {
    opacity: 0 !important;}
.eltdf-dark-header .eltdf-page-header>div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-dark-logo {
    opacity: 0!important;}
#a-propos .vc_column-inner {
    padding-top: 0!important;
}
/**/


/*HP Projects Listings images force - first 3 projects*/
/*.vc_gitem-zone .vc-zone-link[title="Ecole primaire Avicenne"]{*/
/*    background-image: url(https://i.pinimg.com/originals/1e/76/9e/1e769e5b518e6d0b6bb9f78831fa19c9.jpg);*/
/*    background-size: cover;*/
/*}*/
/*.vc_gitem-zone .vc-zone-link[title="The Russelior – Hammamet"]{*/
/*    background-image: url(http://tgv.com.tn/tgv/wp-content/uploads/2018/05/Russelior.jpg);*/
/*    background-size: cover;*/
/*}*/
/*end of HP lists projects*/

/*slider height*/
.tp-fullwidth-forcer, .rev_slider, .rev_slider_wrapper {
    height: 750px!important;
}

/*slider arrows*/
.hesperiden.tparrows.tp-leftarrow:before {
    content: "\e03f";margin-left: 3px!important;
}
.hesperiden.tparrows.tp-rightarrow:before {
    content: "\e04b";margin-left: -3px!important;
}
.hesperiden.tparrows:before {
    display: block!important;
    font-family: "linea-arrows-10"!important;
    line-height: 57px!important;
    font-size: 33px!important;
}
.hesperiden.tparrows {
    width: 50px!important;
    height: 50px!important;
    line-height: 57px!important;
    border: 1px solid #fff!important;border-radius: inherit!important;
    background-color: transparent!important;
    color: #fff!important;margin: 40px 0px 0px 0px!important;
}
.hesperiden.tparrows::before {
    line-height: 51px!important;font-size: 33px!important;
}

/*A propos*/

#a-propos .eltdf-eh-item-content.eltdf-eh-custom-9224 div{
    font-size: 40px!important;font-weight:500!important;color: black!important;
    display: flex!important;flex-direction: column-reverse!important;float:left!important;
    width: 33%!important;margin: 20px 0px 50px 0px !important;
    justify-content: flex-end!important;margin-top: 20px!important;}
#a-propos .eltdf-eh-item-content.eltdf-eh-custom-9224 div h3{
    font-family: Raleway,sans-serif!important;font-size: 14px!important;
    font-weight:400!important;width:60%!important;letter-spacing: normal!important;margin-bottom: 0!important;}



#a-propos .wpb_wrapper .wpb_content_element p{
    margin: 0!important;
}
#a-propos .one_pr {

}
.eltdf-iwt.eltdf-iwt-icon-left .eltdf-iwt-icon {
    top: -4px!important;
}
.eltdf-iwt .eltdf-iwt-title-text {
    display: block!important;font-size: 16px!important;font-weight: 500;color: black!important;
}
.wpb_content_element{
    padding: 0px 0px 0px 0px!important;
}
/*meet our happ clients*/
@media only screen and (max-width: 1600px) and (min-width: 1367px)
{
    .eltdf-eh-item-content.eltdf-eh-custom-8689 {
        padding: 132px 330px 26px !important;
    }
}
/*page prtfolio--> single project*/
.single-portfolio-item .eltdf-content{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.single-portfolio-item .eltdf-menu-area .eltdf-logo-wrapper a img.eltdf-light-logo {
    opacity: 1 !important;
}

.single-portfolio-item .eltdf-menu-area .eltdf-main-menu>ul>li>a {
    color: #ffffff !important;
}
.single-portfolio-item .eltdf-menu-area .eltdf-search-opener{
    color: #ffffff !important;
}
.single-portfolio-item .eltdf-menu-area .eltdf-side-menu-button-opener-svg-path{
    color: #ffffff !important;
}
.single-portfolio-item .blc_info_pr{
    z-index: 1!important;
    position: absolute!important;
    bottom: 16%!important;
    left: 5%!important;
    width: 80%!important;
    margin: auto!important;
}
.single-portfolio-item .blc_info_pr h1{
    font-size: 34px;font-family: "Open Sans",sans-serif!important;
    text-transform: uppercase!important;
    color: #fff;margin:0!important;
}
.single-portfolio-item .blc_info_pr span{
    font-size: 20px!important;
    font-family: "Open Sans", sans-serif!important;
    text-transform: uppercase!important;
    color: rgb(228, 228, 228)!important;
    margin: 0px!important;
    font-weight: 300!important;
    letter-spacing: 3px!important;
}
/*project detail*/

/*global titles*/
.eltdf-section-title-holder .eltdf-st-title {
    display: block!important;
    margin: 0!important;
    font-weight: 400!important;
}
.single-portfolio-item .eltdf-grid-row {
    width: 95% !important;
    margin: auto!important;
}

.echo_plugin_form button {
    padding: 8px 35px!important;
    margin-left: auto!important;
    border: 1px solid rgb(243, 191, 31)!important;
    border-radius: 0px!important;
    background: #f3bf1f!important;
    color: black!important;
    text-transform: uppercase!important;
    margin-top: 14px!important;
    font-weight: 600!important;
    font-family: "Open Sans", sans-serif!important;
    font-size: 13px!important;
    cursor: pointer!important;
    transition: all 0.3s!important;
}
.echo_plugin_form button:hover {
    background: rgb(255, 255, 255)!important;
    border: 1px solid rgb(255, 255, 255)!important;
    color: #080808!important;
}
#a-propos .one_pr {
    font-size: 3vh!important;
    line-height: 60px!important;
    color: black!important;
    font-weight: 100!important;
    justify-content: center!important;
    margin-top: 21px!important;
    padding-bottom: 20px!important;
    width: 33.3333333% !important;
    float: left !important;
    display: inline-block !important;
    text-align: center!important;
}
#a-propos .one_pr h3 {
    margin: 0px!important;
    font-size: 1.7vh!important;
    font-weight: 500!important;
    color: rgb(39, 39, 39)!important;
}

@media screen and (max-width: 768px) {
    #a-propos .golden-project-container {
        display: flex;
        flex-direction: column-reverse;
    }
    #a-propos .golden-project-container .eltdf-eh-item:nth-child(2) {
        height: 400px;
width: 100%!important;
    }
    .magic-numbers-container h5 {
        margin-top: 15px!important;
    }
}


.eltdf-ps-image  {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.eltdf-ps-image  img {
    position: absolute;
    height: 100vh;
    min-width:100%;
}
.home .vc_grid.vc_row .vc_grid-item {
    display: inline-block;
}

.project-image-description {
    position: absolute;
    bottom: 10%;
    color: #fff;
    padding: 20px;
    font-size: 24px;
}
@media screen and (min-width: 481px){
    .eltdf-fullscreen-portfolio-grid-holder.eltdf-fpg-three-columns .eltdf-fpg-item {
        /*height: 433px!important;*/
    }
}
.parallax::after {
    /* Display and position the pseudo-element */
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    /* Move the pseudo-element back away from the camera,
     * then scale it back up to fill the viewport.
     * Because the pseudo-element is further away, it appears to move more slowly, like in real life. */
    transform: translateZ(-1px) scale(1.5);
    /* Force the background image to fill the whole element. */
    background-size: 100%;
    /* Keep the image from overlapping sibling elements. */
    z-index: -1;
}
html {
    scroll-behavior: smooth!important;
}
.eltdf-ps-image {
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.eltdf-ps-image a {
    display: none!important;
}
.selectedCategory {
    color: #f3bf1f!important;
}


.parallax-slide {
    position: relative;
    height: 100vh;
}

.parallax-clip {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    /*clip: rect(auto, auto, auto, auto);*/
}

.fixed-parallax {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* -webkit-transform: translateZ(0); /* necessary for iOS! */
}

/* used only as overlay for the images,
   darkens it a little in this case */
.fixed-parallax:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    content: "";
}
.eltdf-ps-image-holder {
    position: relative;
    overflow: hidden;
}
#what-we-do {
    padding: 20px 10px!important;
    width: 100% !important;
    background-repeat: no-repeat!important;
    background-size: auto!important;
}
#what-we-do h3 {
    background-color: transparent;!important;
    padding: 50px 50px!important;
    color: #fff!important;
}
#what-we-do .eltdf-accordion-content p{
    color: #fff;
}
@media screen and (max-width: 680px){
    #what-we-do {
        background-size: cover!important;
    }
    #what-we-do h3 {
        padding: 20px 20px!important;
    }
}
.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-content {
    margin-top: 0!important;
    padding-top: 0!important;
}
.st1:hover {
    fill: #fff;
}
.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title {
    border: none!important;
}
/*.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title:not(:last-of-type) {
    border-bottom: 1px solid #fff!important;
}*/
.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title.ui-state-active, .eltdf-accordion-holder.eltdf-ac-boxed {
    border-bottom: none!important;
}
.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-content {
    border: none!important;
}
/*.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-content:not(:last-of-type) {
    border-bottom: 1px solid #fff!important;
}*/

h3.eltdf-accordion-title {
    display: flex!important;
    align-items: center!important;
}
.ic {
    margin-right: 20px;
}
.ic img {
    width: 50px!important;
}
.eltdf-fullscreen-portfolio-grid-holder .eltdf-fpg-image-holder {
    overflow: hidden!important;
}

.separation .vc_column-inner {
    padding: 0!important;
}
.vc_custom_1524835994776 {
    padding-bottom: 0!important;
}
.eltdf-accordion-holder.eltdf-ac-boxed .eltdf-accordion-title .eltdf-accordion-mark {
    left: 96%!important;
}
.eltdf-normal-logo {
    width: 200px!important;
}

@media screen and (max-width: 768px) {
    .fixed-parallax {
        background-attachment: inherit!important;
    }

}

@media screen and (max-width: 768px) {
    #portfolio-projects {
        min-height: 100%!important;%;
    }

}
.counter_1 {
    display: flex;
}
.counter_2 {
    display: none;
}

html,
body {
    /*height: 100% !important;*/
    /*width: 100% !important;*/
    overflow: auto!important;
}
.eltdf-fullscreen-portfolio-grid-holder .eltdf-fpg-item .eltdf-pli-category-holder {
    display: none!important;
}
.eltdf-normal-logo {
	opacity: 1!important;
}
#wp-pointer-0{display: none!important;}

.eltdf-top-bar {display: none!important;}
.eltdf-content .eltdf-content-inner>.eltdf-container>.eltdf-container-inner, .eltdf-content .eltdf-content-inner>.eltdf-full-width>.eltdf-full-width-inner {padding-top: 0!important}

.st1 {
    fill: #C0C0C0!important;
}
.st2:hover {
   fill: #f3bf1f!important;
}
#dubai .st1,
#abidjan .st1 {
    fill: #565656!important;
}
#dubai .st1:hover,
#abidjan .st1:hover {
    fill: #D3D3D3!important;
}
#menu-immotek-menu-2,
#menu-immotek-menu-1 {display: none;!important}
@media screen and (max-width: 1024px) {
.eltdf-vertical-align-containers {
    background-color: transparent!important;
}
}
#menu-immotek-menu li a {font-size: 30px}
#menu-immotek-menu li  {margin-bottom: 25px;}
.sp-container { display: flex; height : 600px;}
.sp-container .left-side {
    width: 70%;
    overflow-y: scroll;
    /*FireFox*/
    scrollbar-width: none;
}
.sp-container .left-side img {width: 100%;}
.sp-container .right-side {width: 30%; padding: 0 50px;}
.sp-container .left-side::-webkit-scrollbar {
    display: none;

}
.navigation ul {list-style: none; display: flex}
.navigation ul li {margin-left: 10px;}
.navigation ul li a:hover { cursor: pointer;}
.navigation ul li img:hover {
	opacity : 0.4;
}
.elem h7 { color : #fff!important;}
a.disabled-arrow img:hover,
a.disabled-arrow img{ opacity: 0.1!important;}
.eltdf-page-header .eltdf-sticky-header .eltdf-sticky-holder { background-color: #000!important;border-bottom: 1px solid #000!important}
.eltdf-icon-ion-icon.ion-grid {color: #fff!important}



.mobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .desktop {
        display: none!important;
    }
    .mobile {
        display: block;
    }

}

.mobile .project-content {
    padding: 50px!important;
}
.mobile .navigation {
    padding: 0 50px!important;
}
.rc-rcbrand-inner {
    border: none!important;
}
.rc-rcbrand-nav-left,
.rc-rcbrand-nav-right {
    display: none!important;
}
.punshline {
    position: relative;
    z-index: 1;
    text-align: center;
    top: 33%;
}
.punshline h3 {
    margin: 0!important;
    color: #fff;
}
@media screen and (max-width: 992px){
    #magicnumbers .eltdf-st-title {
        margin-top: 70px!important;
    }
}
.eltdf-search-opener {
    display: none!important;
}
html {display : block!important;}

#what-we-do ul li {
    color: #f3bf1f!important;
}
@media screen and (min-width: 768px) {
    #portfolio-projects article.eltdf-fpg-item h3.eltdf-pli-title {
        display: none!important;
    }
    #portfolio-projects article.eltdf-fpg-item.hovered h3.eltdf-pli-title {
        display: block!important;
    }
}
/*
@media screen and (max-width: 576px) {
    #portfolio-projects {
        top: -25px;
    }
    .eltdf-fullscreen-portfolio-grid-holder {
        height: 92vh!important;
    }
}*/