#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);
}
* { 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; background-color: #EEEFE9}
body {
    
    font-style: normal;
    font-size: 14px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.8);   
   overflow-x: hidden;
    letter-spacing: 1;
   font-family: var(---font-text);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
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}
.site-container h1.elementor-headline,
.site-container h2.elementor-headline,
h2,
h1 {font-size: 56px; line-height: 1;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
    font-family: var(---font-title);font-weight: 600}
.site-container h3.elementor-heading-title ,
h3 {font-size: 21px; line-height: 1.5; margin-bottom: 10px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; font-weight: bold}
h4 {font-size: 20px;line-height: 1; margin-bottom: 10px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  font-weight: bold
    }
h5 {font-size: 18px;  line-height: 1.2; margin-bottom: 20px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
    }
h6 {-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
    font-weight: 300;}
p {margin: 20px 0}
@media (max-width: 767px){
    h2.elementor-headline ,
h1.elementor-headline,
    h2,
    h1 {font-size: 28px;}
    h3.elementor-heading-title ,
    h3 {font-size: 18px; }
}
#sb_instagram {padding-bottom: 5px!important}
#sb_instagram .sbi_photo{border: 1px solid #707070}

.pp-advanced-tabs-content ul { list-style: outside;margin-left: 20px;padding-left: 0}

.home-post .pp-posts-grid {width: calc(100% + 6px)}
.home-post .pp-post-wrap {padding: 15px!important;border:1px solid #707070;margin: -1px!important;background: #EEEFE9}
.home-post .pp-posts-grid .pp-post-wrap {width: 50%!important}
.home-post .pp-posts-grid .pp-post-wrap+.pp-post-wrap {width: 25%!important}
.home-post .pp-post-wrap .pp-post-thumbnail-wrap a { display: block; height: 70vh}

.home-post .pp-post-wrap .pp-post-thumbnail-wrap a img {width: 100%; height: 100%; object-fit: cover}
@media (max-width: 767px){
    .home-post .pp-posts-grid .pp-post-wrap + .pp-post-wrap,
    .home-post .pp-posts-grid .pp-post-wrap {width: 100%!important}
    .home-post .pp-posts-grid .pp-post-wrap .pp-post-thumbnail-wrap a { height: auto}
    .home-post .pp-posts-grid {width: calc(100% + 3px)}
}
.pp-advanced-tabs.pp-style-1 .pp-tabs-labels  {margin-top: 10px;margin-bottom: 0}
.pp-advanced-tabs.pp-style-1 .pp-advanced-tabs-title { text-align: left}
.pp-advanced-tabs.pp-style-1 .pp-advanced-tabs-wrapper.at-vertical .pp-advanced-tabs-title:after {display: none}



.max-height  .elementor-widget-container img,
.max-height .elementor-widget-container,
.max-height ,
#studio-section .elementor-widget-image .elementor-widget-container img,
#studio-section .elementor-widget-image .elementor-widget-container,
#studio-section .elementor-widget-image {height: 100%; object-fit: cover;object-position: center}

.elementor-element .pp-table th.pp-table-cell {font-weight: 400!important; width: 140px}
.elementor-element .pp-table td.pp-table-cell { width: calc(100% - 140px)}

#square-post .pp-post-thumbnail-wrap{width: 100%; padding-top: 100%;position: relative}
#square-post .pp-post-thumbnail-wrap a { position: absolute; top: 0;left: 0; width: 100%; height: 100%; display: block}
#square-post .pp-post-thumbnail-wrap a img {width: 100%; height: 100%; object-fit: cover; object-position: center}

.custom-project-bottom { display: flex;border: 1px solid #707070; align-items: center}
.custom-project-bottom .col-left {width: 57%; min-height: 40px; display: flex; align-items: center; border-right: 1px solid #707070;padding: 5px 10px;line-height: 1.2}
.custom-project-bottom .col-left a {font-size: 13px; font-weight: 600;}
.custom-project-bottom .col-right {width: 43%;padding: 5px 10px;border-left: 1px solid #707070;margin-left: -1px;line-height: 1.2;font-size: 11px}
.custom-project-bottom .col-right .renders{font-size: 8px}
.widget-image-caption { border: 1px solid #707070; padding: 10px;margin-bottom: -1px;margin-left: -1px; margin-right: -1px; max-width: none}

.custom-project .pp-posts-skin-portfolio .pp-image-overlay,
.custom-project .pp-posts-skin-portfolio .pp-post-thumb-content-wrap{ opacity: 0!important; transition:  all 0.3s}
.custom-project .pp-posts-skin-portfolio .pp-post-wrap:hover .pp-image-overlay {opacity: 0.9!important}
.custom-project .pp-posts-skin-portfolio .pp-post-wrap:hover .pp-post-thumb-content-wrap{ opacity:1!important; transition:  all 0.3s}

.custom-project .elementor-widget-container {display: flex; flex-wrap: wrap}
.custom-project .elementor-widget-container .pp-post-filters-container {width: 250px;padding-top: 20px}
.custom-project .elementor-widget-container .pp-post-filters-container li {display: block;font-weight: bold;letter-spacing: 1px}
.custom-project .elementor-widget-container .pp-posts-container { width: calc(100% - 250px)}
.custom-project .pp-post-load-more span { display: block; text-align: center}

.pp-post-filter[data-filter=".focus-project"] { display: none!important}

.custom-slider .swiper-container-wrap {overflow: hidden}
.custom-slider .swiper-button-next:after,
.custom-slider .swiper-button-prev:after { display: none}
.custom-slider .custom-project-bottom {width: 55%;margin-bottom: -1px}
.custom-slider .custom-pagging {position: absolute; width: 45%; right: 0; bottom: 0;left: auto!important;text-align: right;padding-right: 0; z-index: 10; display: flex; align-items: center; justify-content: flex-end}
.custom-slider .custom-pagging .swiper-pagination  {position: relative; left: auto; right: auto; bottom: auto; width: auto}
.custom-slider  .custom-pagging .prev-bt,
.custom-slider  .custom-pagging .next-bt {margin: 0 15px; font-size: 18px;color: #ccc}
.custom-slider .pp-slider-arrow {opacity: 0}
.custom-slider .custom-project-bottom .col-left a { font-size: 15px;letter-spacing: 0}
.custom-slider .custom-project-bottom .col-right { font-size: 14px;letter-spacing: 0}

@media (max-width: 767px){
    .custom-project .elementor-widget-container .pp-post-filters-container {width: 100%}
    .custom-project .elementor-widget-container .pp-posts-container {width: 100%}
    .custom-slider .custom-project-bottom {width: 100%;margin-bottom: 0}
    .custom-slider .custom-pagging {position: relative; left: auto;bottom: auto; right: auto; text-align: center; width: 100%;margin-top: 10px;justify-content: center;margin-bottom: 20px}
}

.pp-contact-form-7 .wpcf7-form p {margin: 0}
.pp-contact-form-7 .wpcf7-form-control-wrap {margin-bottom: 40px}
.pp-contact-form-7 textarea {height: 100px}
.wpcf7-spinner {display: block}