#wrapper {}
a { color: inherit;text-decoration: none; outline: none; 
-webkit-transition: all 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: all 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: all 0.5s cubic-bezier(0.28, 0, 0.18, 1);
}
p { font-style: inherit; font-weight: inherit;color:inherit}
* { box-sizing: border-box}
a:hover {  text-decoration: underline; }
html { overflow-x: hidden; background-repeat: no-repeat;background-position: top right; background-size: 100% auto}
body {
    
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;   
    font-family: var(---font-text);
    
      
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, select, option, address, pre, strong, em, caption, cite, code, dfn, var {}
.color-yellow *,
.color-yellow {color: var(---color-yellow)}
.color-black *,
.color-black {color: #707070}
.color-dark *,
.color-dark { color: #000D23}
.color-white *,
.color-white { color: #fff}
.uppercase {text-transform: uppercase}
strong {font-weight: bold}
h2,
h1 {font-size: 58px; line-height: 0.9;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
    font-family: var(---font-title);letter-spacing: 0; font-weight: 800}
h3 {font-size: 38px; line-height: 0.8; margin-bottom: 10px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; font-family: var(---font-title-2);font-weight: 800;letter-spacing: 0; font-weight: 800;letter-spacing: -1px}
h4 {font-size: 48px; line-height: 0.8;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
    font-family: var(---font-title);letter-spacing: 0; font-weight: 800
    }
h5 {font-size: 24px; line-height: 0.8; margin-bottom: 10px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; font-family: var(---font-title-2);font-weight: 800;letter-spacing: 0; font-weight: 800;letter-spacing: -1px
    }
h6 {-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
    font-weight: 400; font-size: 12px; text-transform: uppercase;letter-spacing: 2px; font-family: var(---font-text);}
p {margin: 20px 0}

@media(max-width:768px){
       h2,
    h1 {font-size: 38px; }
     h4 {font-size: 32px; }
    h3 {font-size: 28px; }
     h5 {font-size: 20px; }
}
header .elementor-widget-pp-advanced-menu .pp-menu-item { text-align: center}
@media(min-width:767px){
    
    header .elementor-widget-pp-advanced-menu {width: calc(100% - 80px)!important}
    header .elementor-widget-pp-advanced-menu .pp-menu-item {    
        padding: 0!important;
        margin: 0 2vw;
        font-size: 0.9vw!important;
    }
    
 
}
@media(min-width:767px) and (max-width:1080px){

    header .elementor-widget-pp-advanced-menu .pp-menu-item {    
        margin: 0 1.8vw;

    }
    
 
}

.caption-left .widget-image-caption { position: relative;z-index: 2;position: absolute; bottom: 10px; left: 20px}

.pp-advanced-menu--dropdown .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .pp-menu-item:after {transform: translateX(-50%); left: 50%;bottom: 5px!important;content: " "; display: block; position: absolute; height: 4px; width: 100%;}
.pp-advanced-menu--dropdown .pp-menu-item { text-align: center}
.pp-advanced-menu--dropdown .pp-menu-item:hover:after { opacity: 1!important}
header .elementor-widget-pp-advanced-menu .menu-item4 .pp-menu-item:after { bottom: 0px!important;}

.pp-advanced-menu--dropdown .menu-item2 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item2 .pp-menu-item:after { background-color:#41C8ED!important }
.pp-advanced-menu--dropdown .menu-item3 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item3 .pp-menu-item:after { background-color:#F82083!important }
.pp-advanced-menu--dropdown .menu-item4 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item4 .pp-menu-item:after { background-color:#FA7A46!important }
.pp-advanced-menu--dropdown .menu-item5 .pp-menu-item:after,
.pp-advanced-menu--dropdown .menu-item1 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item5 .pp-menu-item:after { background-color:#C4F838!important }
.pp-advanced-menu--dropdown .menu-item6 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item6 .pp-menu-item:after { background-color:#41C8ED!important }
.pp-advanced-menu--dropdown .menu-item7 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item7 .pp-menu-item:after { background-color:#F82083!important }

.pp-advanced-menu--dropdown .menu-item8 .pp-menu-item:after,
header .elementor-widget-pp-advanced-menu .menu-item8 .pp-menu-item:after {display: none!important}

.pp-advanced-menu--dropdown .menu-item8 .pp-menu-item,
header .elementor-widget-pp-advanced-menu .menu-item8 .pp-menu-item { border:  0 solid #F3207F!important;padding: 12px 30px 10px!important; margin-right: 0!important}

.pp-advanced-menu--dropdown .menu-item8 .pp-menu-item { border:  0 solid #fff!important;margin: 10px 20px!important}

.pp-advanced-menu--dropdown .menu-item8 .pp-menu-item:hover { background: #fff!important; color:  #000!important}
header .elementor-widget-pp-advanced-menu .menu-item8 .pp-menu-item {background:  #F3207F!important; color:  #fff!important;}
header .elementor-widget-pp-advanced-menu .menu-item8 .pp-menu-item:hover {background:  #C4F838!important; color:  #000!important;}

.hover-tab .pp-advanced-tabs-wrapper.at-vertical { width: 37%;text-align: left;margin-right: 10%}
.hover-tab .pp-advanced-tabs-wrapper.at-vertical .pp-advanced-tabs-title { text-align: left; border: none!important; border-bottom: 1px solid #000!important; overflow: visible}
.hover-tab .pp-advanced-tabs-wrapper.at-vertical .pp-advanced-tabs-title.pp-tab-active .pp-advanced-tabs-title-text { transform: translateX(50px); display: block}
.hover-tab .pp-advanced-tabs-wrapper.at-vertical > .pp-advanced-tabs-title:last-child { border-bottom: none!important}
.hover-tab .pp-advanced-tabs-content-wrapper.at-vertical-content { width: 53%}
.hover-tab .pp-advanced-tabs-content-wrapper.at-vertical-content .pp-advanced-tabs-tab_content.pp-tab-active { min-height: 400px;background: #F1F1F1; width: 360px; margin:  4em auto;padding: 30px; display: flex!important; flex-wrap: wrap; align-items: center; max-width: 100%}
.hover-tab .pp-advanced-tabs-content-wrapper.at-vertical-content .pp-advanced-tabs-tab_content.pp-tab-active:after { display: none!important}

@media(max-width:767px){
    .hover-tab .pp-advanced-tabs-content-wrapper.at-vertical-content .pp-advanced-tabs-tab_content.pp-tab-active {min-height: 0; margin: 0 0 20px; position: relative; overflow: hidden}
}
@media(min-width:768px){
    header.elementor-section-height-default + header.elementor-section-height-default { display: none!important}
    [data-elementor-type="header"] header {position: relative!important;top: auto!important;width: 100%!important}
    [data-elementor-type="header"] header .elementor-col-100 {width: 100%!important}
    .admin-bar [data-elementor-type="header"] { top:  32px;}
    [data-elementor-type="header"] { position: sticky; top: 0;z-index: 9999;background: #fff}
}
@media(max-width:767px){
    header.elementor-section-height-default + header.elementor-section-height-default { display: none!important}
    [data-elementor-type="header"] header,
    [data-elementor-type="header"] {position: relative!important; top: auto!important;margin: 0!important}
}
html:not(.elementor-html) .project-page-grid,
html:not(.elementor-html) .project-page-grid * { position: static!important}
html .project-item-details {border-top: 1px solid #000; margin-top: 20px; padding: 35px 30px;border-bottom: 1px solid #000;}
html:not(.elementor-html)  .project-item-details-wrap  {max-height: 0;transition: max-height 0.5s;overflow: hidden; position: absolute!important; left: 0;  right: 0;background: #fff; z-index: 5;}
html .show-inner .project-item-details-wrap {max-height: 2000px;}
html .show-inner .pp-post-thumbnail-wrap img {    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg )!important;}
html:not(.elementor-html) .project-item-details .cls { display: block;position: absolute!important; top: 40px; right: 20px;cursor: pointer}
html .project-item-details .inner { display: flex;width: 1060px; margin: 0 auto; align-items: center; max-width: 100%; flex-wrap: wrap}
html .project-item-details .inner .column-image {width: 55%; position: relative!important;background: rgba(34,34,34,.65)}
html .project-item-details .inner .column-image img { opacity: 0.5; width: 100%}
html:not(.elementor-html)  .project-item-details .inner .column-image h2 { position: absolute!important;width: 80%; left: 50%; top:  50%; transform: translate(-50%,-50%); color: #fff; font-family: "Brandon", Sans-serif; font-size: 32px;text-transform: uppercase;text-align: center}
html .project-item-details .inner .column-image h2 span { display: block; text-align: center; font-size: 18px;}
html .project-item-details .inner .right-content {width: 40%;margin-left: 5%}
html .project-item-details .links a {    font-family: "Lato", Sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 4px;
    fill: #FFFFFF;
    color: #000;
    background-color: #EBE5DB;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 30px 15px 30px;display: inline-block;transition: all 0.3s}
html .project-item-details .links a:hover {background: #000; color:  #fff}
html .project-item-details.team-details .inner .column-image img {opacity: 1!important}
html .project-item-details.team-details h2 {    font-family: "Sorts Mill Goudy", Sans-serif;  font-size: 24px;    font-style: italic;}
@media(max-width:768px){
    body {overflow-x: hidden}
    html .project-item-details {    padding: 30px 10px;}
    html .project-item-details .inner .column-image {width: 100%;margin-top: 20px}
    html .project-item-details .inner .right-content {width: 100%; margin-left: 0}
    html .project-item-details.team-details h2 {margin: 30px 0 0}
}

.elementor-widget-pp-showcase .pp-showcase-navigation { margin: 30px 20px 0;    width: calc(100% - 40px)!important;}
.elementor-widget-pp-showcase .pp-showcase-navigation .slick-track { border-bottom:  1px solid #666666}
.elementor-widget-pp-showcase .pp-showcase-navigation-item { text-align: center!important}
.elementor-widget-pp-showcase .pp-showcase-navigation-item-wrap {margin-bottom: 0!important}
.elementor-widget-pp-showcase .pp-showcase-navigation-item .pp-showcase-navigation-title { display: inline-block;border-bottom: 4px solid transparent;margin-bottom: -2px!important;padding-bottom: 10px}
.elementor-widget-pp-showcase .slick-current .pp-showcase-navigation-item .pp-showcase-navigation-title {border-bottom-color: #fff!important;}
.elementor-widget-pp-showcase .pp-slider-arrow {    bottom: -100px!important;top: auto!important}

.elementor-widget-text-editor ul{ list-style: outside;margin-left: 0;list-style-type: disc;}
.elementor-widget-text-editor ul li::marker {content: "•  "!important;;}
@media(max-width:768px){
    .elementor-widget-text-editor ul { margin-left: 10px;}
}
.arrow_top .pp-slider-arrow {
    font-size: 0;
   
    width: 60px;
    height: 50px;
    padding: 0;
    background-size: auto 100%;
    border-radius: 0;
    top: 25px;
    right: 0;
    left: auto;
}
.arrow_top .pp-slider-arrow.swiper-button-prev {
    border-right: 1px solid #ccc;
    right: 60px;
}

@media (min-width:1080px){
    .img-right {
            margin-right: calc(((100vw - 1280px) / 2) * -1 );
            width: calc(((100vw - 1280px) / 2) + 100%)!important;
    }
    .ov-right > .elementor-widget-container{
            margin-right: calc(((100vw - 1280px) / 2) * -1 )!important;
            padding-right: calc(((100vw - 1280px) / 2))!important;
    }
    .img-left{
            margin-left: calc(((100vw - 1280px) / 2) * -1 );
            width: calc(((100vw - 1280px) / 2) + 100%)!important;
    }
    .ov-left > .elementor-widget-container{
            margin-left: calc(((100vw - 1280px) / 2) * -1 )!important;
            padding-left: calc(((100vw - 1280px) / 2) )!important;
             width: calc(((100vw - 1280px) / 2) + 100%)!important;
    }
}
@media (min-width:768px){
.elementor-grid-4 .pp-post-thumbnail img {width: 100%; height: 250px;    max-width: none;
position: relative;
object-fit: cover;
object-position: center;}
.elementor-grid-5 .pp-post-thumbnail img {width: 100%; height: 196px;    max-width: none;
position: relative;
object-fit: cover;
object-position: center;}
}
@media (max-width:767px){
    .elementor-grid-5 .pp-post-thumbnail img { height: 167px}
}
.pp-slider-arrow.slick-disabled { opacity: 0.2}

html:not(.elementor-html) .project-page-grid .pp-posts-loader-wrap { position: fixed!important; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff;    z-index: 5;
    opacity: 0.5;}
html:not(.elementor-html) .project-page-grid .pp-posts-loader-wrap .pp-loader { position: absolute!important}

.slider-project-item-custom img {width: 100%}
.custom-slider-arrow-navigation.desktop {position: absolute; top: 0; right: 0;z-index: 3;display: flex;cursor: pointer}
@media (min-width:768px){
    
}
@media (max-width:767px){
    .custom-slider-arrow-navigation.desktop { display: none}
    .custom-slider-arrow-navigation.mobile { display: flex; justify-content: center;margin: 20px 0 20px 0}
}
.custom-slider-arrow-navigation > div {background-color: #fff;width: 60px; height: 50px; display: block; text-align: center; line-height: 62px; font-size: 22px;}
.custom-slider-arrow-navigation > div+div {border-left: 1px solid #ccc}
.custom-slider-arrow-navigation.mobile > div {border: 1px solid #ccc}

.img-p,
.img-p  * { height: 100%}
.img-p img {max-width: none;width: auto}

.pp-counter-number-wrap { display: flex; align-items: flex-end}
.pp-counter-number-suffix { margin: 0 0 10px 10px}
.big-count .pp-counter-number-suffix {margin-bottom: 1.2em}

.mutiple-line .pp-counter-number-title-wrap { display: flex; align-items: flex-end}
.mutiple-line .pp-counter-number-wrap { align-items: center; white-space: nowrap}
.mutiple-line  .pp-counter-number-suffix { margin: 0}
.mutiple-line  .pp-counter-title-wrap {margin-bottom: 1.1em;margin-left: 10px}


@media (max-width:767px){
    .big-count .pp-counter-number-suffix {margin-bottom: 0.5em}
    .mutiple-line  .pp-counter-number-suffix { margin: 0}
    .mutiple-line .pp-counter-title-wrap {
        margin-bottom: 0.7em;
    }
}

.marquee-horizontal {
    display: flex;
    white-space: nowrap;
}

.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: }
.swiper-pagination-bullet-active { width: 16px!important; height: 16px!important}

.project-grid .pp-post-thumbnail img {width: auto; height: 300px}
.addition-informations {}
.addition-informations .meta { display: flex; flex-wrap: wrap}
.addition-informations .meta dl {width: 50%;text-transform: uppercase;margin-top: 20px}
.addition-informations .meta dt { font-size: 12px; font-weight: 600}
.project-grid .pp-posts-grid {padding-left: calc(140px / 2);padding-right: calc(140px / 2);}
.project-grid .btn { display: inline-block;    font-family: "acumin-pro-condensed", Sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #000000;
    border-radius: 0px 0px 0px 0px;
    padding: 12px 40px 12px 40px;color:  #fff; width: 220px; max-width: 100%; text-align: center}
.project-grid .btn:hover {
    background-color: var(---color-green); color:  #000;
}
.pp-post-filters .pp-post-filter.pp-filter-current {font-weight: 600; text-decoration: underline}

@media (max-width:767px){
	.menu-item8 {
		display: none;
	}
}
.swiper-slide-inner { position: relative}
.swiper-slide-inner img {width: 100%}
.swiper-slide-inner figcaption { position: absolute; top: 0; left: 0; display: inline-block;padding: 3px 30px 5px 10px;background: #000;z-index: 2; text-decoration: none; color:  #fff}

.tooltipster-arrow { display: none}
.pp-tooltip-content { text-align: left!important}
.pp-hot-spot-image img,
.pp-hot-spot-image {width: 100%; display: block}