/* body */
html body, html .sp-preloader { background-color: #e1e1e1; color: #252525; }

/* header */
header#sp-header { box-shadow: none; background: rgb(89 172 180 /  0%); display: flex; align-items: flex-end; position: absolute; }
header#sp-header.header-sticky {     background: rgb(89 172 180 / 60%); backdrop-filter: blur(4px); }
@media (min-width: 992px) {
  header#sp-header { height: 160px; }
  header#sp-header.header-sticky { height:  80px; }
}

.logo-image-phone { max-height: 40px; }

/* footer */
footer#sp-footer, section#sp-bottom{background:#ffffff;color:#b3bdbc}
footer#sp-footer a, section#sp-bottom a{color:#b3bdbc}
footer#sp-footer a:hover, footer#sp-footer a:active, footer#sp-footer a:focus,
section#sp-bottom a:hover, section#sp-bottom a:active, section#sp-bottom a:focus{color:#b3bdbc}

.footermenu {
    text-align: center;
    font-size: 1.2rem;
}
#sp-footer .footermenu ul.menu li a { display: inline-block; }
.footermenu ul.menu > li:not(:last-child):after {
    content: "|";
    display: inline-block;
    margin-left: 20px;
}


/* offcanvas */
body.offcanvas-active .burger-icon>span { background-color: #fff; }
header .burger-icon>span { background-color: #fff; }
.offcanvas-menu.border-menu> .d-flex:first-child > div { display: none!important; }
div.offcanvas-menu {
    background-color: #0001;/*#59acb4;*/
    color: #fff;
    width: 100%;
    padding: 5vmin;
    box-sizing: border-box;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100vw;
    top: 0;
}
.main_menu_li li a { color: #fff!important; }
.main_menu_li li {display: block;width: 100%;}
.main_menu_li ul.mod-menu.mod-list.nav li {
    font-size: 1.35rem;
    line-height: 2;
    font-weight: 200;
}
.offcanvas-menu .offcanvas-inner .main_menu_li li a {position:relative}
.offcanvas-menu .offcanvas-inner .main_menu_li li a:before {
    content: "";
    width: 0;
    height: 8px;
    left: -1rem;
    top: calc(50% - 2px);
    position: absolute;
    background: rgb(89 172 180 / 60%);
    transition: width 700ms cubic-bezier(0.25, 0, 0, 1);
    z-index: -1;
}
.offcanvas-menu .offcanvas-inner .main_menu_li li:hover a:before {
    width: calc(100% + 2rem);
}
@media (max-width:767px) {
	div.main_menu_li .collapse:not(.show) { display: block; text-align: center; }
}
/* bootstrap additions */
@media (min-width: 1400px) {
  .sppb-row-container {
      max-width: 1320px;
  }
}




/* from pages */
.first_row {min-height:calc(100vh - 160px - 96px);}
.width_limiter {max-width:500px;}

.bg_style_home_1:before { content:""; width:100vw; height:100%; position:absolute; top:0; right:0; background: rgb(89 172 180 / 60%);}

.column_style_home_1:before {
    content: "";
    height: calc(100% - 0rem);
    width: 1px;
    position: absolute;
    left: -3vw;
    top: 0rem;
    background: #fff;
}
[class*='numbered_'],
.column_style_home_1 h2 {  position: relative; }
.column_style_home_1  div:not(.no_box) > h2:before, .column_style_home_1 div:not(.no_box) > a > h2:before {
    content: "";
    height: calc(100%);
    width: 20px;
    position: absolute;
    left: calc(-3vw - 20px);
    top: 0;
    background: #fff;
}
.column_style_home_1 div:not(.no_box) > a {color:#fff!important;}
.no_box h2.sppb-addon-title { font-weight: 300; }
[class*='numbered_']:before {
    font-size: 7rem;
    font-weight: 900;
    text-align: right;
    line-height: calc(100%);
    width: fit-content;
    top: 0;
    left: calc(-3vw + 0.25rem);
    display:block;
}
@media (min-width:900px){ [class*='numbered_']:before { position: absolute; transform: translateX(-100%);}}
.numbered_1:before { content: "01"; left: calc(-3vw + 1.25rem); }
.numbered_2:before { content: "02"; }
.numbered_3:before { content: "03"; }
.numbered_4:before { content: "04"; }

/* portfolio */
body .bg_right {padding: 8rem 5rem 2rem;}
@media (max-width: 1399px){body .bg_right {padding: 8rem 3rem 2rem;}}
@media (max-width: 1199px){body .bg_right {padding: 8rem 0rem 2rem;}}
@media (max-width:  991px){section.portfolio_row > .sppb-row-container {max-width: 100vw;}}

.bg_right div.sppb-addon-wrapper > div, 
 portfolio_slideshow ,
.portfolio_slideshow .sp-slider-outer-stage > div,
.portfolio_slideshow .sp-slider-outer-stage > div .sp-background {
    max-height: 640px;
    max-width: 715px;
}
.portfolio_slideshow_mob .sp-background {
    background-size: contain!important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.bg_right:before {
    content: "";
    height: 115%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/2022/11/08/mask_multiply.png);
    padding-left: 90%;
    z-index: -1;
}
.bg_side:after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/images/2022/11/08/bg_side.jpg);
    background-size: cover;
    background-position: top right;
}

.its_online {
    position: absolute;
    left: 0;
    top: 40%;
    z-index: 9;
    transform: translate(calc(-5rem - 50%),-50%);
}
.portfolio_row .sppb-col-md-3 {
    padding-right: calc( -16px + 3vw);
    margin-right: calc( 1px - 3vw);
}

@media (max-width: 767px){
	section#sp-main-body #sp-page-builder .page-content > section {
		padding-left: 4rem!important;
	}
}
.cstm_page_title h2.sppb-addon-title {
    font-size: 4rem;
    font-weight: 300;
    color: #59acb4;
    position: relative;
}

.cstm_page_title h2.sppb-addon-title:after {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    left: 0.25rem;
    height: 6px;
    width: 100vw;
    background: #9fa8b2;
    z-index: -1;
}



/* services */
.no_box.has_hash h2.sppb-addon-title {
    font-size: 4rem;
    font-weight: 700;
}
.no_box.has_hash h2.sppb-addon-title:before {
    content: "#";
    color: #59acb4;
    font-weight: 800;
}
.subtext h3 { font-weight: 300; }

.numbered_image {
    display: flex;
    align-content: center;
}
.numbered_image .sppb-addon-title {
    flex: 0 0 25%;
    text-align: center;
    align-self: center;
    margin: 0;
}
.numbered_image {
    display: flex;
    align-content: center;
}
.numbered_image .sppb-addon-title {
    flex: 0 0 25%;
    text-align: center;
    align-self: center;
    margin: 0 0 0 -3vw;
}

.numbered_image.sec_website::before {content: "";background-image: url(/images/web.jpg);background-size: contain;width: 10rem;height: 10rem;left: calc(-3vw + 0.0rem);top: 50%;}
.numbered_image.sec_eshop::before {content: "";background-image: url(/images/eshop.jpg);background-size: contain;width: 10rem;height: 10rem;left: calc(-3vw + 0.0rem);top: 50%;}
.numbered_image.sec_socialmedia::before {content: "";background-image: url(/images/socialmedia.jpg);background-size: contain;width: 10rem;height: 10rem;left: calc(-3vw + 0.0rem);top: 50%;}


@media (min-width: 900px) {
    .numbered_image:before {
        position: absolute;
        transform: translate(-100%, -50%);
    }
  .numbered_image:after {
      content: "";
      background: #515558;
      width: 100vw;
      height: 10rem;
      position: absolute;
      left: -3vw;
      top: 50%;
      transform: translateY(-50%);
      z-index: -1;
  }
}


.numbered_image.sec_inverted {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) translateX(calc(-75% - 3vw - 30px));
    transform-origin: -3rem 0;
}
.sec_inverted h3.sppb-addon-title {
    transform: scaleX(-1);
    order: 2;
    transform-origin: 50% 50%;
    margin: 0 -3vw 0 +3vw;
}
.sec_inverted .sppb-addon-content {
    transform: scaleX(-1);
    order: 1;
    transform-origin: 50% 50%;
}

/* erga */
.img_portfolio {
    position: relative;
    padding: 4rem;
}
.img_portfolio:before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    background: #f5f5f5;
    right: 0;
    top: 0;
}
.img_portfolio p.sppb-addon-title {
    position: absolute;
    z-index: 3;
    color: #212121;
    width: 25%;
    top: 50%;
    left: 0;
    transform: translateX(calc(-3vw - 100% - 2rem ));
}
.bigger_h .sppb-addon-content { display: none; }
.bigger_h h3 {
    font-size: 3rem;
    line-height: 6rem;
}

h2.sppb-addon-title sup {
    font-size: 50%;
    color: rgba(0,0,0,0.5);
}