/*
Theme Name: FlexTheme
Author: Brandless
Author URI: https://twojastrona.pl/o-mnie/
Description: Very simple and compact theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css2?family=Mynerve&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');



:root {
    --primary-color: #000036;
    --secondary-color: #333;
    --primary-font: 'Loos Wide', 'Arial', sans-serif;
     --secondary-font: 'Mynerve', 'Arial', sans-serif;
    --primary-font-color: #333;
    --secondary-font-color: #333;
    --additional-color:#E9BC78; 
    --secondary-additional-color:#ad823f; 
    --primary-font-size: 16px;
    --primary-line-height: 1.7em;
    --dots: url(svg/dots.svg) no-repeat;
}

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

html {
}

body {
    font-family: var(--primary-font);
    -webkit-font-smoothing: antialiased;
     color: var(--primary-font-color);
}

img {
    max-width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

h1, h2, h3, h4 {
    font-family: var(--primary-font);
    color: var(--secondary-font-color);
}

h1 {
    color: var(--secondary-font-color);
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 400;
    /* text-transform: uppercase; */
}

h2 {
    color: var(--secondary-font-color);
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 300;
    margin-bottom: 20px;
}

h3 {
    color: var(--secondary-font-color);
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 300;
    margin-bottom: 20px;
}

h4 {
    color: var(--secondary-font-color);
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 300;
    margin-bottom: 20px;
}


h4, h5 {
    color: var(--secondary-font-color);
    /* font-weight: 300; */
}

p {
    font-family: var(--primary-font);
    font-size: var(--primary-font-size);
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricprecision;
    color: var(--primary-font-color);
    line-height: var(--primary-line-height);
}

li {
    list-style-type: none;
}

.ease, .ease {
    transition: all 0.4s cubic-bezier(0.1, 0.1, 0.25, 0.9) 0s;
}

.hide {
    display: none;
}

.show {
    display: block;
}

a:hover {
    text-decoration: none;
}

.basic-button {
    background-color: transparent;
    font-family: var(--primary-font);
    font-size: 13px;
    font-weight: bold;
    line-height: 2rem;
    letter-spacing: 2.5px;
    text-align: center;
    color: var(--primary-color);
    padding: 8px 20px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid;
}

.basic-button:hover, .basic-button:active, .basic-button:focus {
    background-color: var(--primary-color);
    text-decoration: none;
    color: white;
}

.slider .basic-button {
    background-color: transparent;
    color: #fff;
    /* text-shadow: rgb(62, 62, 62) 0px 1px 6px; */
}

.slider .basic-button:hover, .slider .basic-button:active, .slider .basic-button:focus {
    background-color: var(--primary-color);
    text-decoration: none;
    color: rgb(255, 255, 255);
    border-color: rgb(218, 30, 30);
    text-shadow: none;
}

.read-more {
    width: 330px;
    text-align: center;
    margin: 150px 0px 30px;
}

.read-more a {
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 2.5px;
    color: var(--primary-font);
    text-transform: uppercase;
    list-style-image: none;
}

.read-more a:hover {
    text-decoration: none;
    color: rgb(70, 52, 32);
}

b, strong {
    font-weight: 600;
}

.page-wrap {
    position: relative;
}







#header {
    position: absolute;
    width: 100%;
    z-index: 100;
    /* border-bottom: 1px solid #ffffff7d; */
    /* height: 100px; */
}

#header .logotype-top {
    width: 120px;
    padding: 11px 0PX;
}

#header .fixed .logotype-top {
    /* height: 115px; */
    /* margin: -17px 10px; */
}

#header .top-bar {
    min-height: 20px;
    background: rgb(24, 29, 34);
}

#header .top-bar ul {
    margin: 0px;
    padding: 0px;
    float: right;
}

#header .top-bar ul li {
    display: inline-block;
    padding: 4px 9px;
}

#header .top-bar ul li a {
    color: rgb(117, 122, 128);
    line-height: 1.4em;
    cursor: pointer;
}

#header .top-bar ul li a:hover {
    text-decoration: none;
    color: rgb(177, 141, 103);
}

#header .navbar-brand {
    height: auto;
    padding: 13px 80px 13px 20px;
    margin-right: 0px;
}



.fadeindown {
    animation: 1s ease-in 0s 1 normal none running fadeInDown;
}

.menu-container {
    display: block;
}

#header .navbar {
    top: -100px;
    margin-bottom: 0px;
    z-index: 100;
    width: 100%;
    position:static;
    padding: 0px;
    /* background: rgb(255, 255, 255); */
    height: 100px;
}



#header .navbar-nav {
    padding: 12px;
    float: right;
    z-index: 2;
    /* margin-right: 15px; */
    display: block;
}

#header .navbar-nav ul {
    margin: 0px;
    padding: 0px;
}

#header .navbar-nav li {
    display: inline-block;
    z-index: 1;
    padding: 10px 0px;
    position:relative;
}

#header .navbar-nav li:before {
  content:"";
    width:90px;
    height:1px;
    background:var(--secondary-color);
    position:absolute;
    left:-100px;
    top:21px;
}

#header .navbar-nav li.call a {
    border: 3px solid rgb(218, 30, 30);
    font-weight: 700;
    margin-right: 20px;
}

#header .navbar-nav li > a {
    position: relative;
    font-family: var(--primary-font), Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    color: rgb(60, 60, 60);
    /* text-transform: uppercase; */
    padding: 5px 28px;
    letter-spacing: 0.02rem;
}



#header .navbar-nav li > a:hover::after {
    width: 100%;
}

#header .navbar-nav li > a:hover {
    color: var(--primary-color);
    /* background-color: transparent; */
    text-decoration: none;
    transform: scale(1.01);
    transition: 0.2s;
}

#header .navbar-nav li > a:focus {
    /* background: transparent; */
}

#header .navbar .current-menu-item a {
    /* color: rgb(218, 30, 30); */
    text-shadow: none;
    /* width: 100%; */
    display: block;
    position: relative;
}
#header .navbar .current-menu-item a:after  {content: "";width: 60%;position: absolute;height: 4px;bottom: -13px;background: var(--additional-color);left: 5px;}


#header .navbar-nav li.menu-item-has-children:hover {
    background: rgb(242, 242, 242);
    border-radius: 20px 20px 0px 0px;
}

#header .navbar-nav li.menu-item-has-children:hover a {
    color: rgb(51, 51, 51);
}

#header .navbar-nav li .sub-menu {
    padding: 8px 0px;
    background: rgb(255, 255, 255);
    border-radius: 0px 10px 10px;
    position: absolute;
    display: none;
    min-width: 320px;
    box-shadow: rgba(129, 135, 138, 0.52) 10px 10px 40px;
}

#header .navbar-nav li .sub-menu a {
    font-weight: 400;
}

#header .navbar-nav li .sub-menu li {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#header .navbar-nav li:hover .sub-menu {
    display: flex;
    flex-wrap: wrap;
}

#header .navbar-nav li.menu-item-has-children:hover .sub-menu a {
    color: rgb(51, 51, 51);
    padding: 10px 30px;
    margin: 0px;
    white-space: nowrap;
    display: block;
}

#header .navbar-nav li.menu-item-has-children:hover .sub-menu a:hover {
    color: var(--primary-color);
}

#header .fixed {
    position: fixed;
    z-index: 1100;
    width: 100%;
    background: rgb(1 0 55);
    border-radius: initial;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 20px, rgba(0, 0, 0, 0.07) 0px 0px 35px;
    left: 0px;
    /* padding: 0px 16px; */
}

#header .header-socials li:last-child {
    
}

#header .header-socials li.wpml-ls-menu-item {
    transition:0.2s;
}

#header .header-socials li.wpml-ls-menu-item:hover {
    transform: scale(1.2)
}
#header .header-socials li.wpml-ls-menu-item a:hover:after {
    display:none;
}


#header .header-socials li.colored a {

    color:#E9BC78;
    border: 1px solid;
    padding: 9px 14px;
}

#header .header-socials li.colored a:hover {

    color:#fff;
    border: 1px solid;
    padding: 9px 14px;
}

#header .header-socials li.colored a:hover:after {display:none;}

#header .navbar .current-menu-item.colored a:after {display:none;}


#header .header-socials .social-icon {
}

#header .header-socials .social-icon a {
    color: transparent;
    width: 0px;
    padding: 17px 17px;
    /* margin: 4px -9px; */
    font-size: 14px;
    /* border-radius: 0px 0px 5px 5px; */
    font-size: 0px;
    /* width: 30px; */
}

#header .header-socials .social-icon a:after {display:none;content:"";}

#header .header-socials .social-icon a::before {
    content:"";
    position: absolute;
    font-family: fontello;
    width: 30px;
    height: 30px;
    /* margin-top: -10px; */
    font-size: 20px;
    /* top: 50%; */
    /* left: 50%; */
    z-index: 2;
    color: rgb(255 255 255);
    /* margin-left: -17px; */
    transform: translateX(-50%) translateY(-0%);
    text-align: center;
    transition: 0.2s;
}

#header .header-socials .fb, #header .navbar-nav .linkedin {
    margin-left: 15px;
    /* background: #ccc; */
    /* padding: 0px; */
}

#header .header-socials .fb a {background:#003f7e;}
#header .header-socials .mail a {/* background:#003f7e; */}




#header .header-socials  .fb a::before {
    content: '\F09A';
}

#header .header-socials  .in a::before {
    content: '\f16d';
}

#header .header-socials  .linkedin a::before {
    content: '\F0E1';
}

#header .header-socials .tw a::before {
    content: '\E800';
}

#header .header-socials  .phone a::before {
    content: '\E801';
}

#header .header-socials  .mail a::before {
    content: '\E802';
}

#header .header-socials  .yt a::before {
    content: '\F16A';
}



#header .header-socials .social-icon a:hover::before {
    color: #fff;
}

#header .header-socials .social-icon a:hover:before, #header .header-socials .social-icon > a:focus:before {
    color: #cdcdcd;
}

#header .navbar-nav li:last-child::before {
    content: url("img/flag-en.png");
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    left: 70px;
    display: none;
}

#header .navbar-nav .mob-lang {
    display: none;
}

.page-standard {
    padding-top: 200px;
    display: block;
}

.slider {
}

.lineme {
    position: relative;
    margin-bottom: 40px;
}

.lineme::after {
    width: 100px;
    height: 8px;
    content: "";
    bottom: -24px;
    position: absolute;
    display: block;
    background: rgb(216, 216, 216);
    left: 0px;
}

.box {
    padding: 20px 40px;
}

.grayform p {
}

.grayform label {
    max-width: 100%;
    width: 100%;
    position: relative;
}

.grayform label svg {
    position: absolute;
    z-index: 1;
    top: 15px;
}

.grayform input, form textarea {a
    /* font-size: 15px; */
    font-weight: 400;
    background: rgb(255, 255, 255);
    padding: 14px 0px;
    border-radius: 2px;
    width: 100%;
    border-bottom: 1px solid #666666;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 35px;
}

.grayform input {
    max-width: 100%;
    margin-bottom: 10px;
}

input[type="file"]::file-selector-button, input::-webkit-file-upload-button {
    border: 2px solid transparent;
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
    background-color: transparent;
    transition: all 0.4s ease 0s;
    color: rgb(218, 30, 30);
    font-weight: 500;
}

input[type="file"]::file-selector-button:hover {
    background-color: transparent;
    border: 2px solid transparent;
}

input[type="file"]:hover {
    border-color: var(--primary-color);
}

.grayform textarea {
    max-width: 100%;
    min-height: 100px;
}

.grayform input[type="submit"] {
    font-size: 0.9em;
    letter-spacing: 2px;
    color: var(--primary-color);
    padding: 9px 45px 8px;
    text-transform: uppercase;
    border-radius: 0px;
    line-height: 1.6em;
    border: 2px solid #666;
    font-weight: 600;
    margin-top: 15px;
    width: auto;
    display: inline-block;
    float: none;
}

.grayform input[type="submit"]:visited, button-rounded:focus {
    color: rgb(255, 255, 255);
    text-decoration: none !important;
}

.grayform input[type="submit"]:hover {
    color: rgb(255, 255, 255);
    background: var(--primary-color);
    border-color: var(--primary-color);
    text-decoration: none;
}

.grayform input::placeholder{color:var(--secondary-color); opacity:1}
.grayform textarea::placeholder  {color:var(--secondary-color); opacity:1}


footer { 
    min-height: 400px;
    background: #F6F7F8;
    display: flex;
    position: relative;
    overflow: hidden;
}
footer:before {
    content: "";
    background: url("svg/waves.svg");
    background-size:cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat:no-repeat;
    opacity:0.2
} 



footer .footer-content {
    width: 100%;
    padding: 80px 0px;
    /* text-align: center; */
}

footer .logotype-footer {
    /* display: block; */
    margin-bottom: 43px;
    /* text-align: right; */
}

footer .logotype-footer img {
    width: 150px;
    margin-bottom: 16px;
    /* opacity: 0.1; */
    /* filter: sepia(0%) saturate(0%) brightness(70%) hue-rotate(180deg); */
}

footer .contact-small-box {
    text-align: left;
    /* padding: 0px 60px 10px; */
    font-size: 14px;
    position:relative;
}


footer .contact-small-box:before {
    /* width:1px; */
    height:200px;
    background:var(--secondary-color);
    position:absolute;
    content:"";
    left:30px;
}


footer .footer-box p {
    font-size: 15px;
    color: var(--secondary-font-color);
    font-weight: 400;
    margin-bottom: 0px;
}
footer .footer-box p a {
   color: var(--secondary-font-color);
}
footer .footer-box p a:hover {
   color:#000;
}


footer .contact-small-box h5 {
    font-weight: 700;
}

footer .footer-content h3 {
    font-size: 23px;
    margin-bottom: 41px;
}

footer .footer-content h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-left: 5px solid var(--primary-color);
    padding-left: 15px;
    margin-bottom: 20px;
}

footer .footer-content .footer-boxes {
    margin-bottom: 30px;
    display: flex;
    justify-content: left;
}

footer .footer-content .footer-boxes .footer-box {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    /* text-align: left; */
}
footer .footer-content .footer-boxes .footer-box >div {padding-left:60px;}
footer .footer-content .footer-boxes .footer-box h5 {margin-bottom:20px;font-weight: 400;font-size: 1.4rem;}

footer .footer-content .footer-boxes .footer-box-right {
}

footer .footer-content .footer-boxes .footer-box ul {
    margin: 0px;
    padding: 0px;
}

footer ul.footer-socials  {}
footer ul.footer-socials svg * {fill:#010037;}
footer ul.footer-socials li {display:inline-block; padding-right:10px;}
footer .footer-content .footer-boxes .footer-box ul li {
}

footer .footer-content .footer-boxes .footer-box ul li a {
    color: var(--secondary-color);
    /* font-weight: 400; */
}

footer .footer-content .footer-boxes .footer-box ul li a:hover {
    color: #000;
}

footer .footer-content .footer-info {
    font-weight: 500;
    text-align: center;
    width: 70%;
    margin: 0px auto;
}

footer .family {
    position: absolute;
    width: 445px;
    right: -200px;
    bottom: 0px;
    background: url("svg/dots.svg") 0% 0% / contain no-repeat;
    height: 324px;
    opacity: 0.12;
}

footer .footer-link {
    position: relative;
    padding-left: 36px;
    padding-bottom: 0px;
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    color: var(--secondary-font-color);
    font-weight: 500;
}

footer .footer-phone {
}

footer .footer-phone::before {
    background: url("svg/phone-gray.svg") center center / contain no-repeat;
    height: 18px;
    width: 18px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

footer .footer-mail::before {
    background: url("svg/mail-gray.svg") center center / contain no-repeat;
    height: 18px;
    width: 18px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 2px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

footer .footer-link:hover {
    color: var(--primary-color);
}

footer .footer-add-onfo {
    text-align: left;
    font-size: 12px;
    color: var(--primary-font-color);
    margin-bottom: 40px;
}

footer .footer-side-info {
    text-align: right;
    font-size: 12px;
    color: var(--primary-font-color);
}

footer .footer-menu ul {
    text-align: left;
    margin: 0px;
    padding: 15px 0px;
}

footer .footer-menu ul li {
    display: inline-block;
    padding-right: 20px;
}

footer .footer-menu ul li a {
    /* font-size: 0.85rem; */
    font-weight: 400;
    color: var(--secondary-font-color);
    text-transform: uppercase;
}

footer .footer-menu ul li a:hover {
    color: var(--primary-color);
}

footer .footer-bottom-menu ul {
    text-align: left;
    margin: 0px;
    padding: 15px 0px;
}

footer .footer-bottom-menu ul li {
    display: inline-block;
    padding-right: 20px;
}

footer .footer-bottom-menu ul li a {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--secondary-font-color);
}

footer .footer-bottom-menu .social-icon {
    position: relative;
    padding: 0px;
}

footer .footer-bottom-menu .social-icon a {
    color: transparent;
    width: 0px;
    padding: 5px;
    margin: 0px 8px;
}

footer .footer-bottom-menu .social-icon a::before {
    position: absolute;
    font-family: fontello;
    width: 30px;
    height: 30px;
    margin-top: -13px;
    font-size: 19px;
    top: 50%;
    left: 50%;
    z-index: 2;
    color: var(--secondary-font-color);
    margin-left: -17px;
    text-align: center;
}

footer .footer-bottom-menu .fb {
}

footer .footer-bottom-menu .fb a::before {
    content: '\F09A';
}

footer .footer-bottom-menu .in a::before {
    content: '\f16d';
}

footer .footer-bottom-menu .linkedin a::before {
    content: '\F0E1';
}

footer .footer-bottom-menu .tw a::before {
    content: '\E800';
}

footer .footer-bottom-menu .phone a::before {
    content: '\E801';
}

footer .footer-bottom-menu .mail a::before {
    content: '\E802';
}

footer .footer-bottom-menu .yt a::before {
    content: '\F16A';
}




footer .footer-bottom-menu .social-icon a:hover::before {
    color: var(--primary-color);
}

footer .footer-bottom-menu .social-icon a:hover {
    color: transparent;
}

footer .fresh-container::before {
    content: "";
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    background-size: contain;
    background-position: center center;
    height: 622px;
    width: 500px;
    position: absolute;
    left: -480px;
    bottom: -130px;
    z-index: 1;
    opacity: 0.12;
}

footer .fresh-container::after {
    content: "";
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    background-size: contain;
    background-position: center top;
    height: 622px;
    width: 500px;
    position: absolute;
    right: -430px;
    top: -50px;
    z-index: 1;
    opacity: 0.12;
}

footer .footer-mini-years {
    margin: 0px;
    position: absolute;
    right: 62px;
    top: -16px;
}

footer .footer-mini-years img {
    width: 90px;
    padding: 20px;
}
.footer-socials li:hover a svg {
    transform:scale(1.3);
    transition: 1s;
    
}
.footer-socials li:hover a svg * {
    fill:#ccc;
 
}


.header-socials {
  padding: 22px;
  font-size: 20px;
  /* margin-top: 18px; */
  /* opacity: 0; */
  /* position: absolute; */
  cursor: pointer;
  /* left: 30px; */
  /* text-align: center; */
  width: 100%;
  padding-left: 210px;
  /* height: 130px; */
}




.header-socials ul{margin: 0px;padding: 0px;text-align: right;}

.header-socials ul li{display: inline-block;padding: 10px 8px;} 

.header-socials ul li a{
    color:#fff;
    font-size: 1rem;
    padding: 0px 5px;
    position: relative;
}

.header-socials ul li a:hover{
    color:var(--additional-color);
  
}

.header-socials ul li a:after {content: "";width: 0%;transition:0.4s;}

.header-socials ul li a:hover:after {content: "";width: 60%;position: absolute;height: 4px;bottom: -13px;background: var(--additional-color);left: 5px;}



.burger {
}

.burger {
    padding: 20px;
    font-size: 20px;
    margin-top: 18px;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    right: 30px;
}

.burger span {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    position: absolute;
    left: 4px;
}

.burger span > span {
    width: 23px;
    display: block;
    height: 2px;
    background: rgb(255 255 255);
    border-radius: 1px;
    margin: 0px;
}

.burger span > span:nth-child(1) {
    top: -6px;
}

.burger span > span:nth-child(3) {
    top: 6px;
}

.burger span > span:nth-child(2) {
}

.burger:hover span > span:nth-child(1) {
    top: -8px;
}

.burger:hover span > span:nth-child(3) {
    top: 9px;
}



#header .fixed .burger span > span {/* background-color:#000; */}
#header .fixed .header-socials ul li a:before{
    color:#000;
 
}


.cross span > span:nth-child(1) {
    transform: rotate(43deg) !important;
    top: 0px !important;
}

.cross span > span:nth-child(3) {
    transform: rotate(-43deg) !important;
    top: 0px !important;
}

.cross span > span:nth-child(2) {
    width: 0px !important;
}

.cross:hover span > span:nth-child(1) {
    transform: rotate(0deg);
    top: -8px;
}

.cross:hover span > span:nth-child(3) {
    transform: rotate(0deg);
    top: 9px;
}

.cross:hover span > span:nth-child(2) {
    width: 23px;
}

.overhide {
    display: flex;
    flex-wrap: wrap;
}

.lang-switcher {
    background: url("img/flag-en.png");
    width: 30px;
    height: 30px;
    top: 29px;
    right: 30px;
    display: none;
    z-index: 2000;
}

.person {
}

.person .person-name {
    font-weight: 300;
    font-size: 35px;
    color: rgb(68, 68, 68);
}

.contacts a {
    position: relative;
    display: inline-block;
    padding: 10px;
    color: rgb(25, 41, 76);
    font-size: 16px;
}

.contacts .contact-phone::before {
    background: url("svg/phone.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    float: left;
    left: 0px;
    margin-right: 6px;
}

.contacts .contact-mail::before {
    background: url("svg/mail.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    float: left;
    left: 0px;
    margin-right: 10px;
}

.copyright {
    display: block;
    padding: 12px 0px;
    /* font-size: 14px; */
    color: var(--secondary-color);
    margin-bottom: 0px;
    font-weight: 400;
    text-align: left;
    margin-left: -15px;
}

.copyright span {
    font-weight: 500;
}

body #lang_sel {
    padding: 16px 0px;
    float: right;
    display: inline-block;
    height: auto;
    background: transparent;
}

body #lang_sel a {
    border: none;
    font-family: var(--primary-font);
    font-size: 17px;
    font-weight: 500;
    line-height: 2;
    padding: 5px 10px;
}

body #lang_sel a.lang_sel_sel, body #lang_sel a.lang_sel_sel:visited {
    background: transparent;
}

body #lang_sel ul ul {
    top: 50px;
    background: rgb(255, 255, 255);
}

body #lang_sel ul li {
    height: auto;
    width: 175px;
}

body #lang_sel .lang_sel_sel img.iclflag {
    margin-right: -5px;
}

body #lang_sel ul ul {
    border: none;
}

body #lang_sel img.iclflag {
    top: 0px;
    width: 40px !important;
    height: 40px !important;
}

body #lang_sel ul ul a:visited {
    padding: initial;
}

#bow1 {
    right: -25%;
    position: absolute;
    margin: auto;
    top: -131px;
}

#bow2 {
}

.flexme {
    display: flex;
}

.slider {
    position: relative;
}

.relativer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.slider-data {
    position: absolute;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.slider-item .images-left, .slider-item .images-right  {
    width: 33.333%;
    /* background: #ffffff26; */
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.slider-item .images-left {
    justify-content: center;
}

.slider-item .images-right {
    justify-content: center;
}


.slider-item .images-left  .images-left-inner, .slider-item .images-right .images-right-inner {display: flex;justify-content: center;align-items: center;/* height: 100%; */width: 81%;/* flex-wrap: wrap; *//* padding-right: 35px; */position: absolute;}
.slider-item .images-left  .images-left-inner .oldimage,  .slider-item .images-right .images-right-inner .newimage {
    width: 86px;
    min-height: 169px;
    display: inline-block;
    margin: 5px;
    background-size: cover;
    max-width: 100%;
    border-radius: 80px;
    /* width: 61%; */
    background-position: center;
    /* position: absolute; */
}

.slider-item .images-left  .images-left-inner {
    margin-right: 120px;
}

.slider-item .images-right  .images-right-inner {
    margin-left: 120px;
}

.slider-item .slider-data-inner {width: 100%;/* text-align:center; */display: flex;/* justify-content:center; *//* align-items:center; *//* flex-wrap: wrap; *//* padding-top: 50px; */padding: 0px 50px;}
.slider-item .slider-data-inner p {
    /* width: 100%; */
    /* text-align: center; */
    /* padding: 0px; */
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.slider-data h2 {
    line-height: 3.1rem;
    font-size: 1.7rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.6rem;
    margin-bottom: 20px;
}

.slider-data h2 span {
    color: var(--primary-color);
    font-weight: 800;
}

.slider-data .slogan {
    font-weight: 800;
    font-size: 1.8rem;
    color: rgb(255, 255, 255);
    text-shadow: rgb(21, 17, 17) 0px 2px 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.slider-button {
    padding: 12px 20px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8em;
    display: inline-block;
    background: var(--primary-color);
}

.slider-button:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: rgb(255, 255, 255);
}

.full-height {
    height: 100%;
}

.wide-content {
    display: block;
    margin-right: auto;
    margin-left: auto;
    /* margin-top: -175px; */
    /* max-width: 1200px; */
}

.gallery-flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: 20px;
    justify-content: center;
}

.gallery-flex a {
    width: 33.333%;
    height: 323px;
    padding: 10px;
    position: relative;
    display: flex;
}
.gallery-flex a div {width:100%;height: 100%;position: relative;overflow: hidden;}

.gallery-flex a div:after {
    transition:0.4s;
    opacity:0;
     content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    background:#000;
}    
.gallery-flex a:hover div:after {
   
    opacity:0.3;
}

.gallery-flex a div:before {
  content: "Zoom";
   position:absolute;
    top:50%;
    left:50%;
    color:#fff;

    transform: translate(-50%, -50%);
    font-size: 1.4rem;
    font-weight:300;
       transition:0.4s;
    opacity:0;
    z-index:10;
    
}

.gallery-flex a:hover div:before {
    opacity:1;
}

.gallery-flex a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.content {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    align-self: stretch;
}

.content.flex {
    position: relative;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.good-photo {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 70%;
    height: 82%;
    margin-left: -20%;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    background-image: url("../images/nowe3.jpg");
    background-position: 0px 0px;
    background-size: cover;
}

.virtual-button {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.hero-more-button {
    display: flex;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    text-decoration: none;
}

.button-text {
    margin-left: 20px;
    font-family: var(--primary-font);
    color: rgb(34, 34, 34);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.place-text-wrapper {
    position: relative;
    display: flex;
    overflow: visible;
    width: 60%;
    padding-top: 60px;
    padding-right: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}



.button-img {
    width: 30px;
}



.content.flex-opposite {
    display: flex;
}

.photo-gc-wrapper {
    position: relative;
    z-index: 1;
    margin-right: -20%;
    margin-bottom: 150px;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    background-image: url("../images/nowe2.jpg");
    background-position: 0px 50%;
    background-size: cover;
}

.map-wrapper {
    position: relative;
    z-index: 1;
    margin-right: 0%;
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    background-position: 0px 50%;
    background-size: cover;
}

.div_icons {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-box-align: end;
    align-items: flex-end;
}

.button-text.opposite {
    margin-right: 20px;
    letter-spacing: 4px;
    margin-left: 0px;
}

.button-text:hover {
    color: var(--primary-color);
}

.place-text-wrapper2 {
    position: relative;
    display: flex;
    overflow: visible;
    width: 60%;
    padding-top: 60px;
    padding-left: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 60px;
}

#thatplace {
    padding: 0px 15px;
}

.thatplace-box {
    max-width: 500px;
    border: 2px solid;
    margin: 0px auto;
    padding: 32px 41px;
}

.thatplace-box p {
    border-left: 6px solid rgb(218, 30, 30);
    color: rgb(34, 34, 34);
    padding-left: 10px;
    margin: 0px;
    font-size: 22px;
    font-weight: 600;
}

#map {
    height: 1000px;
    background: rgb(239, 239, 239);
    position: relative;
}

#contact-page {
}

#contact-page .contact-info {
    padding: 40px 0px;
}


.separator {
    height: 8px;
    width: 100px;
    float: right;
    margin-bottom: 14px;
}

.liner-text {
    margin-top: 10px;
}

.liner-text p {
    color: rgb(103, 103, 103);
}

.liner-phone {
    padding: 18px 18px 18px 36px;
    font-weight: 500;
    color: rgb(20, 21, 45);
    font-size: 20px;
    position: relative;
}

.liner-phone:hover {
    color: rgb(218, 30, 30);
}

.liner-phone::before {
    background: url("svg/phone.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

.page-about {
    padding-top: 80px;
}

.page-offers {
    position: relative;
}

.page-offers::before {
    content: "";
    background: url("svg/house-vector.svg") center center / contain no-repeat;
    height: 1022px;
    width: 800px;
    position: absolute;
    right: -300px;
    top: -200px;
    z-index: -1;
}

.page-single-offer {
}

.page-localisation {
    padding-top: 160px;
}

.page-localisation .hero-heading {
    margin-bottom: 20px;
}

.clr {
    clear: both;
}

.local-info {
    padding-top: 40px;
}

.other-offer-list {
    position: relative;
    margin: 50px 0px;
}

#other-offer-list::before {
    content: "";
    background: url("svg/house-vector.svg") center center / contain no-repeat;
    height: 1022px;
    width: 800px;
    position: absolute;
    right: -300px;
    top: -400px;
    z-index: -1;
    display: none;
}

#ready-realisation-list {
    margin: 50px 0px;
}

#ready-realisation-list .ready-realisation-title {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

#ready-realisation-list .ready-realisation-title span {
    font-weight: 300;
}

#ready-realisation-list .ready-realisation-box {
    position: relative;
    cursor: pointer;
    transition: all 0.7s ease 0s;
    max-width: 25%;
    margin: 20px;
    width: 100%;
    box-shadow: rgb(204, 204, 204) 0px 0px 40px;
}

#ready-realisation-list .ready-realisation-box:hover {
    transform: scale(1.05);
}

#ready-realisation-list .ready-realisation-box-inner {
    padding: 0px;
}

#ready-realisation-list .ready-realisation-box h4 {
    padding: 20px;
    margin: 0px;
    font-size: 17px;
    color: rgb(26, 41, 76);
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

#ready-realisation-list .content.flex {
    justify-content: center;
    flex-direction: row;
    padding-bottom: 20px;
}

#ready-realisation-list .ready-realisation-image {
    height: 200px;
    background-size: cover;
    background-position: center center;
    display: block;
}

.map-icons-list {
}

.map-icons-list .map-icon-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(224, 224, 224, 0.67) 0px 0px 10px;
}

.map-icons-list .map-icon-box .map-icon {
    padding: 10px;
}

.map-icons-list .map-icon-box .map-icon svg {
    width: 37px;
    height: 37px;
}

.map-icons-list .map-icon-box .map-icon * {
    fill: rgb(14, 42, 68);
}

.map-icons-list .map-icon-box:nth-child(2n) .map-icon * {
    fill: rgb(218, 30, 30);
}

.map-icons-list .map-icon-box .map-text {
    padding: 10px;
}

.map-list-title {
    font-weight: 600;
    font-size: 1.4em;
    color: rgb(14, 42, 68);
    padding-bottom: 10px;
}

.localisation-info {
    margin-bottom: 20px;
    margin-top: 20px;
}

.localisation-list-big-title {
    font-size: 38px;
    text-align: center;
    padding: 20px;
    margin: 10px 0px 0px;
    display: block;
    font-weight: 300;
    color: rgb(14, 42, 68);
}

.list-wrapper {
    width: 49%;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-align: start;
    align-items: flex-start;
}

.offer-heading-image {
    height: 500px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.single-offer-content {
    line-height: 25px;
    display: flex;
    padding: 7% 14%;
}

.single-offer-content-inner {
    padding-left: 40px;
    border-left: 16px solid rgb(243, 243, 243);
    margin-left: 30px;
    width: 100%;
}

single-offer-content-inner2 {
    width: 50%;
}

.offer-heading-image img {
    object-fit: cover;
}

.single-offer-gallery {
    width: 100%;
}

.single-offer-gallery ul {
    display: flex;
    margin: 0px;
    padding: 10px;
}

.single-offer-gallery ul li {
    padding: 10px;
}

.single-offer-gallery ul li img {
    transition: all 0.3s ease 0s;
}

.single-offer-gallery ul li img:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.local-map-sec {
    overflow: hidden;
}

.local-map {
    position: relative;
    margin: 50px 0px 20px;
}

.local-map::before {
    width: 300%;
    height: 60%;
    content: "";
    background: rgb(229, 255, 242);
    left: -396px;
    top: 191px;
    display: block;
    position: absolute;
    z-index: -1;
}

.local-map-content {
    max-width: 1073px;
    margin: 0px auto;
}

.local-map img {
    margin-top: 20px;
}

.view-button-container {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-button-inner {
    display: block;
}

.view-button {
    position: relative;
    padding: 25px 20px 24px 133px;
    color: rgb(26, 40, 74);
    background: rgb(255, 255, 255);
    display: block;
    transition: all 0.4s ease 0s;
}

.view-button::before {
    position: absolute;
    content: "";
    background: url("svg/360.svg") center center / contain no-repeat;
    width: 94px;
    height: 80px;
    display: block;
    object-fit: contain;
    left: 18px;
    top: 0px;
    transition: all 0.4s ease 0s;
    transform-style: preserve-3d;
}

.view-button:hover {
    color: rgb(218, 30, 30);
}

.view-button:hover::before {
    transform: scale(1.2);
}

.not-found {
    padding: 30px 0px 80px;
}

.not-found h1 {
    font-weight: 200;
    font-size: 5rem;
    margin-bottom: 40px;
    margin-left: -7px;
}

.not-found h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.not-found .link-back {
    color: var(--secondary-color);
}

.not-found .link-back:hover {
    color: rgb(14, 134, 55);
}

.table-block {
    padding: 60px;
}

.table {
    text-align: center;
}

body .table-content {
    width: 100% !important;
}

body .table-content h2 {
    text-align: center;
    margin-bottom: 20px;
}

body .table-content tr td, .table-content tr th {
    padding: 13px 5px;
    font-size: 14px;
}

body .table-content td {
}

body .table-content tr th {
    border-top: none;
    vertical-align: middle;
    color: rgb(8, 8, 8);
    font-weight: 600;
    word-break: break-all;
    text-align: center;
    background: transparent;
    font-size: 0.9rem;
}

body .table-content tr th:last-child::after {
    display: none;
}

.dataTables_wrapper label input, .dataTables_wrapper label select {
    border: 1px solid rgb(204, 204, 204);
    padding: 6px;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 6px 10px;
    border: 1px solid rgb(204, 204, 204);
}

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background: transparent;
    color: rgb(218, 30, 30);
}

body .container-table {
    max-width: 1300px;
    margin: 0px auto;
}

.container-table h2 {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.container-table h2::after {
    width: 120px;
    height: 6px;
    background: var(--primary-color);
    display: block;
    content: "";
    margin: 20px auto 40px;
}

body .table-content tr {
    cursor: pointer;
}

body .table-content tr td {
    font-weight: 400;
    word-break: break-all;
    text-align: center;
    font-size: 0.9rem;
    border: 0px;
    background: transparent;
}

body .table-content tr td a {
    color: var(--primary-color);
}

body .table-content tr td a:hover {
    color: rgb(8, 8, 8);
}

body .table-content .booked td {
}

body .table-content .sold td {
    color: rgb(173, 181, 189);
}

body .table-content tr:hover {
}

body .table-content tr:first-child:hover {
    transform: none;
    box-shadow: none;
}

.tablepress thead th {
    border-bottom: 0px;
}

.tablepress .odd td {
    background: transparent;
}

.tablepress .even td {
    background: transparent;
}

.tablepress .row-hover tr:hover td {
    background: rgb(255, 255, 255);
}

.content.flex-center {
    justify-content: center;
}

.table-content .row-hover tr:hover {
    box-shadow: rgb(214, 214, 214) 1px 1px 20px;
}

.contact-block {
    padding: 72px 50px;
}

.contact-block h4 {
    font-size: 18px;
}

.contact-block a {
    font-weight: 400;
    color: rgb(102, 102, 102);
    line-height: 1.8em;
}

.contact-block a:hover {
    color: rgb(59, 185, 118);
}

.phone-office {
    font-weight: 400;
    color: rgb(34, 34, 34);
}

.phone-office:hover {
    color: rgb(59, 185, 118);
}

.wrap-spacer {
    overflow: hidden;
}

.white-line {
    padding: 46px;
    background: rgb(236, 236, 236);
}

.suptitle {
    display: block;
    padding-bottom: 3px;
    font-size: 12px;
    /* color: rgb(218, 30, 30); */
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 8px;
}

.featured {
    position: relative;
}

.featured::before {
    content: "";
    background: url("svg/dots.svg") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    right: -400px;
    top: 0px;
    opacity: 0.12;
}

.featured-left {
    width: 50%;
    padding: 5% 5% 5% 12%;
    position:relative;
}


.featured-left h3 {
    display: block;
    font-size: 32px;
    line-height: 2.6rem;
    margin-bottom: 10px;
    font-weight: 800;
    position:relative;
}

.featured-left h3::after {
    /* margin-top: 10px; */
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 15px 0px;
}



.featured-title {
    font-size: 20px;
    color: rgb(20, 21, 45);
}

.featured-subtitle {
    font-size: 13px;
    color: rgb(218, 30, 30);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 0px;
}

.featured-text {
    position: relative;
    margin-bottom: 30px;
}
.featured-text :before  {
    content:"60 lat";
    transform:  rotate(-90deg) translatey(-50%);
    position:absolute;
    font-weight:900;
    font-size:4.3rem;
    text-transform:uppercase;
    color:#ccc;
    left: -250px;
    letter-spacing:1.8rem;
    top: 37%;
}



.featured-right {
    width: 50%;
    /* background: rgb(236, 236, 236); */
    position: relative;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    /* border-radius: 0px 100px 0px 0px; */
}

.featured-right .owl-featured {
    width: 100%;
}

.featured-right-navigation {
    width: 50%;
    position: absolute;
    bottom: 0px;
    display: flex;
    z-index: 100;
    height: 65px;
    right: 0px;
}

.featured-right-navigation > div {
    padding: 20px;
    background: rgb(175, 175, 175);
    text-align: center;
    width: 50%;
}

.featured-right-navigation a {
    text-align: center;
    width: 100%;
    padding: 20px;
    cursor: pointer;
}

.featured-right-navigation a.featured-right-navigation-left {
    background: rgb(249, 249, 249);
    visibility: hidden;
    display: none;
}

.featured-right-navigation a.featured-right-navigation-left:hover {
    background: var(--primary-color);
}

.featured-right-navigation a.featured-right-navigation-left:hover span {
    color: rgb(255, 255, 255);
}

.featured-right-navigation a.featured-right-navigation-right {
    background: rgb(20, 21, 46);
    display: none;
}

.featured-right-navigation a.featured-right-navigation-right span {
    color: rgb(255, 255, 255);
    font-weight: 500;
}

.featured-right-navigation a.featured-right-navigation-right:hover {
    background: var(--primary-color);
}

.featured-button {
    font-size: 0.8rem;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border: 0px solid;
    padding: 8px 30px 8px 0px;
    background-color: transparent;
    color: var(--primary-font-color);
}

.featured-button:hover {
    color: var(--primary-color);
}

#form {
    text-align: center;
    margin-bottom: 60px;
}

.featured {
    width: 100%;
    position: relative;
    margin-bottom: 90px;
}

.featured .owl-featured {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    /* border-radius: 0px 100px 0px 0px; */
}

.featured .owl-featured .slides {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-flow: wrap;
    place-content: center;
    align-items: center;
    z-index: 10;
    background-position: center center;
    min-height: 350px;
    background-size: cover !important;
    /* border-radius: 0px 100px 0px 0px; */
}

.featured .owl-featured .slides .box {
    float: left;
    width: 80%;
    margin: 0vw 0px 0px;
    position: relative;
    display: flex;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
}

.featured .owl-featured .slides .box .nag {
    float: left;
    width: 100%;
    position: relative;
    color: rgb(161, 161, 161);
    font-family: AvenirL, Arial;
    font-size: 2vw;
    font-weight: 400;
    line-height: 2vw;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2.7px;
}

.featured .owl-featured .slides .box .text {
    float: left;
    width: 100%;
    margin: 2vw 0px 2.5vw;
    position: relative;
    color: rgb(255, 255, 255);
    font-family: AvenirB, Arial;
    font-size: 3vw;
    font-weight: 700;
    line-height: 4.3vw;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.87px;
}

.featured .owl-featured .slides .box .more {
    float: left;
    margin: 0px 0px 0px -8.2vw;
    padding: 0px 2vw;
    position: absolute;
    left: 50%;
    bottom: -20vw;
    color: rgb(0, 0, 0);
    font-family: AvenirM, Arial;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 5vw;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.41px;
    background-color: rgb(255, 237, 0);
}

.featured .owl-featured .owl-nav {
    display: block;
    /* float: left; */
    width: 100%;
    margin: -1.1vw 0px 0px;
    padding: 0px;
    left: 0px;
    top: 50%;
    position: absolute;
    z-index: 5;
    transform: translateY(-15px);
}

.featured .owl-featured .owl-nav .owl-next {
    float: left;
    width: 41px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 0px;
    font-weight: 700;
    line-height: 0;
    background: url("img/right.png") center center no-repeat;
    border: none;
    outline: none;
}

.featured .owl-featured .owl-nav .owl-prev {
    /* float: left; */
    width: 41px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 0px;
    font-weight: 700;
    line-height: 0;
    background: url("img/left.png") center center no-repeat;
    border: none;
    outline: none;
}

.featured .owl-featured .owl-dots {
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 5%;
    display: flex;
    flex-flow: wrap;
    place-content: center;
    align-items: center;
    z-index: 4;
    transform: skewX(-20deg);
    display: none;
}

.featured .owl-featured .owl-dots .owl-dot {
    float: left;
    width: 3vw;
    height: 10px;
    margin: 0px 0.2vw;
    background-color: rgba(255, 255, 255, 0.29);
    opacity: 1;
    border: 0px;
}

.featured .owl-featured .owl-dots .owl-dot.active {
    background: var(--primary-color);
    opacity: 1;
}

.real-slider {
    width: 100%;
    position: relative;
}

.real-slider .owl-real {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

.real-slider .owl-real .slides {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-flow: wrap;
    place-content: center;
    align-items: center;
    z-index: 10;
    background-position: center center;
    min-height: 350px;
    background-size: cover !important;
}

.real-slider .owl-real .slides .box {
    float: left;
    width: 80%;
    margin: 0vw 0px 0px;
    position: relative;
    display: flex;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
}

.real-slider .owl-real .slides .box .nag {
    float: left;
    width: 100%;
    position: relative;
    color: rgb(161, 161, 161);
    font-family: AvenirL, Arial;
    font-size: 2vw;
    font-weight: 400;
    line-height: 2vw;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2.7px;
}

.real-slider .owl-real .slides .box .text {
    float: left;
    width: 100%;
    margin: 2vw 0px 2.5vw;
    position: relative;
    color: rgb(255, 255, 255);
    font-family: AvenirB, Arial;
    font-size: 3vw;
    font-weight: 700;
    line-height: 4.3vw;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.87px;
}

.real-slider .owl-real .slides .box .more {
    float: left;
    margin: 0px 0px 0px -8.2vw;
    padding: 0px 2vw;
    position: absolute;
    left: 50%;
    bottom: -20vw;
    color: rgb(0, 0, 0);
    font-family: AvenirM, Arial;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 5vw;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.41px;
    background-color: rgb(255, 237, 0);
}

.real-slider .owl-real .owl-nav {
    display: block;
    float: left;
    width: 100%;
    margin: -1.1vw 0px 0px;
    padding: 0px;
    left: 0px;
    top: 50%;
    position: absolute;
    z-index: 5;
}

.real-slider .owl-real .owl-nav .owl-next {
    float: left;
    width: 41px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 0px;
    font-weight: 700;
    line-height: 0;
    background: url("img/right.png") center center no-repeat;
    border: none;
}

.real-slider .owl-real .owl-nav .owl-prev {
    float: left;
    width: 41px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 0px;
    font-weight: 700;
    line-height: 0;
    background: url("img/left.png") center center no-repeat;
    border: none;
}

.real-slider .owl-real .owl-dots {
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 5%;
    display: flex;
    flex-flow: wrap;
    place-content: center;
    align-items: center;
    z-index: 4;
}

.real-slider .owl-real .owl-dots .owl-dot {
    float: left;
    width: 3vw;
    height: 7px;
    margin: 0px 0.2vw;
    background-color: rgba(255, 255, 255, 0.29);
    opacity: 1;
    border: 0px;
}

.real-slider .owl-real .owl-dots .owl-dot.active {
    background: var(--primary-color);
    opacity: 1;
}

.investment-slider {
    /* width: 100%; */
    /* position: relative; */
    /* margin-bottom: 20px; */
    /* display: inline-block; */
}

.investment-slider .owl-investment {
    /* float: left; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: relative; */
}

.investment-slider .owl-investment .slides {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-flow: wrap;
    place-content: center;
    align-items: center;
    z-index: 10;
    background-position: center center;
    min-height: 525px;
    background-size: cover !important;
}

.investment-slider .owl-investment .slides .box {
    float: left;
    width: 80%;
    margin: 0vw 0px 0px;
    position: relative;
    display: flex;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
}

.investment-slider .owl-investment .slides .box .nag {
    float: left;
    width: 100%;
    position: relative;
    color: rgb(161, 161, 161);
    font-family: AvenirL, Arial;
    font-size: 2vw;
    font-weight: 400;
    line-height: 2vw;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2.7px;
}

.investment-slider .owl-investment .slides .box .text {
    float: left;
    width: 100%;
    margin: 2vw 0px 2.5vw;
    position: relative;
    color: rgb(255, 255, 255);
    font-family: AvenirB, Arial;
    font-size: 3vw;
    font-weight: 700;
    line-height: 4.3vw;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.87px;
}

.investment-slider .owl-investment .slides .box .more {
    float: left;
    margin: 0px 0px 0px -8.2vw;
    padding: 0px 2vw;
    position: absolute;
    left: 50%;
    bottom: -20vw;
    color: rgb(0, 0, 0);
    font-family: AvenirM, Arial;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 5vw;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.41px;
    background-color: rgb(255, 237, 0);
}

.investment-slider .owl-investment .owl-nav {
    /* display: block; */
    float: left;
    width: 100%;
    margin: -1.1vw 0px 0px;
    padding: 0px;
    left: 0px;
    top: 50%;
    position: absolute;
    z-index: 5;
}

.investment-slider .owl-investment .owl-nav .owl-next {
    float: left;
    width: 41px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 0px;
    font-weight: 700;
    line-height: 0;
    background: url("img/right.png") center center no-repeat;
    border: none;
}

.investment-slider .owl-investment .owl-nav .owl-prev {
    float: left;
    width: 41px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 0px;
    font-weight: 700;
    line-height: 0;
    background: url("img/left.png") center center no-repeat;
    border: none;
}

.investment-slider .owl-investment .owl-dots {
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 5%;
    display: flex;
    flex-flow: wrap;
    place-content: center;
    align-items: center;
    z-index: 4;
}

.investment-slider .owl-investment .owl-dots .owl-dot {
    float: left;
    width: 3vw;
    height: 7px;
    margin: 0px 0.2vw;
    background-color: rgba(255, 255, 255, 0.29);
    opacity: 1;
    border: 0px;
}

.investment-slider .owl-investment .owl-dots .owl-dot.active {
    background: var(--primary-color);
    opacity: 1;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
}


@keyframes slide { 
  0% {
    background-position-x: -50px;
    
  }

  50% {
    background-position-x: 0px;
    
  }
  100% {
    background-position-x: -50px;
  }
}



.slider {
    position: relative;
    /* background: #ededed; */
    /* margin-top: 91px; */
    margin-bottom:80px;
    animation-name: slide;
    background-size: cover;
    /* animation-duration: 40s; */
    /* animation-iteration-count: infinite; */
    /* animation-timing-function: linear; */
    background-position: center;
}

.slider:before {content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background: #0000369c;z-index: 1;}

.slider:after {

}



.slider .button:hover {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;
    color: rgb(255, 255, 255);
}

.slider__num {
    -webkit-text-stroke: 1px rgb(233, 233, 233);
    -webkit-text-fill-color: transparent;
    font-size: 12.778em;
    position: absolute;
    font-weight: 700;
    right: -5.9%;
    top: 14.8%;
    z-index: 2;
}

.slider .hero-pagination {
    padding-top: 5.4vh;
    left: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    top: 50%;
    width: 89px;
    margin-top: 0px;
    transform: translateY(-50%);
    position: absolute;
}

.slider .hero-pagination .swiper-pagination-bullet {
    position: relative;
    margin: 20px 0px;
}

.slider .hero-pagination .swiper-pagination-bullet svg circle {
    animation-duration: 20s !important;
}

.slider__scroll {
    position: absolute;
    bottom: -5.25em;
    left: 6.7%;
    width: 13.333em;
    height: 13.333em;
    z-index: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.slider__scroll__lines {
    position: absolute;
    top: 58.4%;
    left: 48.3%;
    transform: translate(-50%, -50%);
    animation: 8s linear 0s infinite normal none paused b;
    width: 100%;
    height: 100%;
}

.slider__scroll__lines svg {
    display: block;
    max-width: 100%;
    height: auto;
}

.slider__scroll:hover .slider__scroll__text {
    transform: rotate(-90deg) translateX(-15px);
}

.slider__scroll:hover .slider__scroll__button {
    background: rgb(0, 0, 0);
}

.slider__scroll:hover .slider__scroll__button path {
    fill: rgb(255, 255, 255);
}

.slider__scroll__text {
    color: rgb(255, 255, 255);
    font-size: 0.722em;
    font-weight: 400;
    transform: rotate(-90deg);
    display: block;
    transform-origin: left bottom;
    position: relative;
    margin-left: 5em;
    margin-top: -2.8em;
    margin-bottom: 2.8em;
}

.slider__scroll__button, .slider__scroll__text {
    transition: all 0.3s ease 0s;
}

.slider__scroll__button {
    background: rgb(255, 255, 255);
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 20px 40px;
    width: 4em;
    height: 4em;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px auto;
}

.slider__scroll__button path {
    transition: all 0.3s ease 0s;
}

.slider .swiper-slide.swiper-slide-active {
    z-index: 3;
}

.slider-item {
    position: relative;
    height: 90vh;
    max-height: 861px;
    /* background-size: cover; */
    /* background-position: center center; */
    /* display: flex; */
}

.slider-item img {
    /* display: block; */
    /* height: auto; */
    /* position: absolute; */
}

.slider-item__text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-top: 2.1vw;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 3;
}

.slider-item__text h1 {
    font-size: 4em;
    font-weight: 700;
    line-height: 0.462em;
    color: rgb(255, 255, 255);
    margin: 0px;
}

.slider-item__text h2 {
    font-weight: 300;
    font-size: 3.278em;
    line-height: 1.203em;
    color: rgb(255, 255, 255);
    margin: 0.7em 0px 1.1em;
}

.slider-pagination {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.slider {/* overflow:hidden; */}
.slider-video-container {top:0; left:0; position:absolute;width:100%; height:100%;}
.slider-video-container video {width: 100%;height: 100%;object-fit: cover;position: relative;}

.slider-video-container .slider-image {width: 100%;height: 100%;object-fit: cover;position: relative;}


.slider-video-container:after {
    position:absolute;
    z-index:0;
    content: "";
    width:100%;
    height:100%;
    background: #00000052;
    display:block;
    top: 0;
    left: 0;
}

body .swiper-pagination-bullet-active {
    background: var(--primary-color);
}

.other-offer-list .other-offer-image {
    height: 380px;
}

.add-sep {
    margin-bottom: 30px !important;
}

.add-sep::after {
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 100px;
    height: 6px;
    background: var(--primary-color);
    position: absolute;
    bottom: -20px;
}

.new-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-us {
    position: relative;
    margin-bottom: 80px;
}

.about-us::after {
    content: "";
    background: url("svg/dots.svg") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    left: -326px;
    bottom: 90px;
    opacity: 0.12;
}

.about-us p {
}

.about-us .suptitle {
    margin-bottom: 10px;
}

.about-us h3 {
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 1.6rem;
}

.about-us .about-us::before {
    content: "";
    background: url("img/tree.png") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    right: -326px;
    bottom: -100px;
}

.about-us .about-us-left {
    width: 35%;
    padding: 0% 2%;
    background: rgb(255, 255, 255);
    position: relative;
}

.about-us .about-us-right {
    width: 65%;
    padding: 5%;
}

.about-us .about-us-image1 {
    background: url("img/amber.jpg") center center / contain no-repeat;
    height: 368px;
    right: 0px;
    max-width: 420px;
}

#financing {
    position: relative;
}

#financing::before {
    content: "";
    background: url("img/tree.png") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    right: -326px;
    bottom: -100px;
}

.financing-left {
    width: 50%;
    padding: 5%;
    background: rgb(255, 255, 255);
}

.financing-right {
    width: 50%;
    padding: 5%;
    min-height: 400px;
}

.financing-right::before {
    content: "Finansowanie";
    font-weight: 900;
    color: rgb(240, 237, 232);
    font-size: 200px;
    position: absolute;
    z-index: -1;
    width: 500px;
    overflow-wrap: break-word;
    line-height: 7.4rem;
    -webkit-text-stroke: 2px rgb(233, 233, 233);
    -webkit-text-fill-color: transparent;
}

.basic-header {
    display: block;
    font-size: 32px;
    line-height: 3.6rem;
    margin-bottom: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.basic-subtitle {
    font-size: 20px;
    color: rgb(233, 97, 50);
}

.contact-form {
    margin-bottom: 60px;
}

.x-custom-select {
    position: relative;
    margin-bottom: 17px;
}

.x-custom-select select {
    display: none;
}

.select-selected {
    background-color: rgb(255, 255, 255);
}

.select-selected::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    width: 0px;
    height: 0px;
    border-width: 6px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(148, 148, 148) transparent transparent;
    margin-top: -3px;
}

.select-selected.select-arrow-active::after {
    border-color: transparent transparent rgb(144, 144, 144);
    top: 50%;
    margin-top: -10px;
}

.select-items div, .select-selected {
    color: rgb(136, 136, 136);
    padding: 14px 16px;
    border: 2px solid rgb(227, 227, 227);
    cursor: pointer;
    font-weight: 400;
    border-radius: 2px;
    text-align: left;
}

.select-items div {
    border: transparent;
}

.select-items {
    position: absolute;
    background-color: rgb(255, 255, 255);
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 99;
    box-shadow: rgb(192, 193, 200) 0px 0px 30px;
    border-radius: 10px;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgb(240, 240, 240);
}

.offer-form {
    padding: 60px 0px;
}

.form-header {
    text-align: left;
    padding-bottom: 20px;
    text-transform: initial;
}

.form-subtitle {
    color: rgb(51, 51, 51);
    font-size: 15px;
    margin-bottom: 30px;
}

.form-box {
    max-width: 901px;
    /* margin: 0px auto; */
    text-align: left;
}
.wpcf7-quiz-label {margin-top:20px;display: block;}

.bigmap {
    position: relative;
    margin-bottom: 80px;
    text-align: center;
}

.bigmap h2 {
    text-align: center;
    margin-bottom: 32px;
}

#contact {
}

.text-center {
    text-align: center;
}

#contact h2 {
    margin-bottom: 20px;
}

#contact .contact-content {
    padding-bottom: 108px;
    /* margin: 0px auto; */
    text-align: left;
    padding-top: 50px;
}

#contact .contact-content-data {padding-right: 50px;}

#contact .contact-content-data p strong {
    color: rgb(8, 8, 8);
}

#contact .contact-content-data a {
    display: block;
    margin-bottom: 10px;
    /* font-weight: 500; */
    color: var(--primary-font-color);
    font-size: 18px;
    padding: 0px 35px 0px 40px;
    position: relative;
}

#contact .contact-content-data .contact-phone {
}

#contact .contact-content-data .contact-phone::before {
    background: url("svg/phone-red.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

#contact .contact-content-data .contact-mail::before {
    background: url("svg/mail-red.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 2px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

#contact .contact-content-data a:hover {
    color: var(--primary-color);
}

#contact .contact-picture {
    background-size: cover;
    background-position: center center;
    min-height: 350px;
}

#contact .contact-content h3 {
    margin-bottom: 20px;
    position: relative;
    font-weight: 700;
    /* text-transform: uppercase; */
}

#contact .contact-content h3::after {
    margin-top: 19px;
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
}

#real-list {
    padding-top: 40px;
}

#real-list .content.flex {
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 20px;
}

.real-box {
    padding: 20px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

#real-list .real-box-inner {
    display: flex;
    box-shadow: rgb(186, 186, 195) 0px 0px 40px;
}

#real-list .real-box-inner p {
    color: rgb(51, 51, 51);
}

#real-list .real-title {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

#real-list .real-title span {
    font-weight: 300;
}

#real-list .real-slider {
    width: 60%;
    background: rgb(204, 204, 204);
}

#real-list .real-data {
    padding: 5%;
    width: 40%;
    background: rgb(255, 255, 255);
}

#real-list .real-data p {
    margin-bottom: 0px;
}

#real-list .real-data h4 {
    font-size: 34px;
}

#real-list .real-data .real-subtitle {
    color: rgb(218, 30, 30);
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 14px;
}

#real-list .real-elements {
    display: flex;
    flex-wrap: wrap;
}

#real-list .real-element {
    display: flex;
    align-items: center;
    width: 50%;
    height: 65px;
    padding: 13px 17px;
    margin-bottom: 10px;
}

#real-list .real-element-text {
}

#real-list .real-element-text span {
    font-weight: 600;
}

#real-list .real-element .real-element-data {
    margin-left: 15px;
}

.heading {
    display: flex;
    justify-content: space-between;
}

.heading-left p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
}

.heading-right {
    display: flex;
}

.heading-right-box {
    padding: 15px 20px;
}

.heading-right-box p {
    font-size: 1.2rem;
    font-weight: 600;
    color: rgb(60, 60, 60);
}

.heading-right-box p span {
    color: var(--primary-color);
    font-size: 1rem;
}

.single-offer-descriprtion {
    font-size: 37px;
    margin-bottom: 15px;
}

.offer-heading-title {
    font-size: 1.7rem;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: 5px;
}

.offer-heading-title::after {
    background: url("svg/skews.svg") 0% 0% / contain no-repeat;
    margin-top: 10px;
    content: "";
    display: block;
    height: 14px;
    color: rgb(218, 30, 30);
    font-weight: 800;
    letter-spacing: 6px;
    font-size: 0.9rem;
    width: 130px;
}

.offer-heading-subtitle {
    color: rgb(218, 30, 30);
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
}

.table-info {
    padding: 20px;
    background: transparent;
    text-align: right;
    margin: 0px auto;
    font-size: 14px;
    font-style: oblique;
    color: rgb(90, 90, 90);
}

.table-info2 {
    padding: 20px;
    background: transparent;
    text-align: center;
    width: 68%;
    margin: 0px auto;
    font-size: 13px;
    font-style: oblique;
    color: rgb(90, 90, 90);
}

.page-single-offer::after {
    background-size: contain;
    background-position: center center;
    height: 622px;
    width: 500px;
    position: absolute;
    left: -326px;
    bottom: 0px;
    z-index: -1;
}

.single-offer-content-inner2 {
    width: 50%;
    padding: 40px;
}

.single-offer-content-data {
    padding: 30px;
    font-size: 20px;
    line-height: 35px;
    background: rgb(240, 237, 232);
}

.single-offer-content-data span {
    font-weight: 600;
}

.single-offer-content-inner div {
    margin: 20px 10px;
}

.investment-data {
    z-index: 2;
}

.investment-data-inner {
    margin: 0px;
    padding: 20px 35px;
    display: flex;
}

.investment-data-inner li {
    width: 25%;
    display: inline-block;
    padding: 19px 13px;
    text-align: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
}

.investment-data-inner li::before {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: "";
    width: 20px;
    height: 3px;
    top: 5px;
}

.investment-data-inner li img {
    margin-bottom: 10px;
    max-width: 35px;
}

.investment-data-inner li span {
    font-weight: 400;
    color: rgb(20, 21, 46);
}

.privacy-link {
    color: rgb(136, 136, 136);
}

.privacy-link:hover {
}

.just-page-title {
    padding-top: 80px;
    margin-bottom: 20px;
}

.contact-before {
    padding: 0px 20px;
    border-left: 16px solid rgb(242, 242, 242);
    margin-top: 40px;
}

.bigmap-single {
}

.single-offer-content-inner {
    position: relative;
}

.single-offer-content-inner::before {
    font-weight: 900;
    color: rgb(240, 237, 232);
    font-size: 200px;
    position: absolute;
    width: 1000px;
    overflow-wrap: break-word;
    line-height: 7.4rem;
    -webkit-text-stroke: 2px rgb(233, 233, 233);
    -webkit-text-fill-color: transparent;
    transform: rotate(-90deg);
    left: -620px;
    z-index: -1;
}

.visuals h2 {
    width: 100%;
    text-align: center;
    margin: 20px 0px 5px;
    position: relative;
}

#info-items {
    margin-bottom: 30px;
}

.infoitems {
    padding: 40px 0px;
    position: relative;
    overflow: hidden;
}

.infoitems::before {
    content: "";
    position: absolute;
    top: 550px;
    left: -240px;
    width: 420px;
    height: 400px;
    background: url("svg/lion-outline.svg") center center / cover;
}

.infoitems-content {
    display: flex;
    padding: 0px 5% 50px;
    flex-wrap: wrap;
}

.infoitems-content .infoicon {
    display: flex;
    width: 50%;
    height: 100%;
    align-items: center;
    padding: 40px 20px;
    position: relative;
    justify-content: center;
}

.infoitems-content .infoicon img {
}

.infoitems .infoicon h4 {
    font-weight: 700;
    padding: 22px 10px 22px 19px;
    width: 70%;
    line-height: 2rem;
    font-size: 1.3rem;
}

.infoitems .infoicon p {
}

.info-wide {
    display: flex;
}

.infoicon {
    width: 23%;
    padding: 2vw;
}

.infoicon h4 {
    font-weight: 500;
    font-size: 1rem;
    color: rgb(128, 128, 128);
}

.infoicon-icon {
    width: 81px;
    place-content: center;
    text-align: center;
    display: inline-block;
    top: 0px;
    margin-bottom: 20px;
}

.infoicon-data {
    text-align: center;
}

.infoicon-data p {
    font-size: 0.9rem;
}

.infoicon-data ul {
    padding-left: 22px;
}

.infoicon-data ul li {
    position: relative;
    padding: 10px;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricprecision;
    color: rgb(102, 102, 102);
    line-height: 24px;
}

.infoicon-data ul li::before {
    content: "";
    position: absolute;
    background: rgb(31, 151, 255);
    width: 6px;
    height: 22px;
    left: -17px;
}

.infoicon-icon-bg {
    position: absolute;
    width: 300px;
    height: 300px;
    opacity: 0.05;
    z-index: -1;
    display: none;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position-x: 25% !important;
}

.infoicon-header {
    position: relative;
    display: flex;
    align-items: center;
}

.family {
}

.family-content {
    height: 619px;
    background-image: url("img/family.jpg");
    background-position: center center;
    background-size: cover;
    position: relative;
}

.family-content::after {
    content: "";
    background: url("svg/dots.svg") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    left: -326px;
    bottom: 20px;
}

.sqare-content {
    background: url("svg/amber-frame.svg") center center / cover no-repeat;
    position: absolute;
    display: flex;
    height: 400px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 33px;
    width: 400px;
    left: 100px;
    top: -60px;
}

.sqare-content h3 {
    text-align: center;
    line-height: 2.2rem;
    font-size: 2rem;
}

.sqare-content h3::after {
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 20px auto;
}

.sqare-content h3 span {
    font-weight: 800;
}

.sqare-content-data {
}

.sqare-content-data a {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(8, 8, 8);
}

.front-gal, gal {
    text-align: center;
    padding: 90px 0px;
    position: relative;
    margin-top: 20px;
    /* background: rgb(243, 243, 243); */
}

.front-gal h2, .gal h2 {
    /* text-align: left; */
    text-transform: capitalize;
    /* font-size: 1.5rem; */
    position:relative;
    /* text-align: left; */
}

.front-gal h2:after{
	/* margin-top: 10px; */
	/* content: ""; */
	display: block;
	background: var(--primary-color);
	width: 100px;
	height: 6px;
	margin: 15px auto 20px;
}

.front-gal h2 .skew-sep, .gal h2 .skew-sep {
    color: var(--primary-color);
}

.front-gal h2 .addon, .gal h2 .addon {
    font-weight: 500;
    font-size: 1.2rem;
}

.front-gal2, gal {
    background: none;
}

.gal2 {
    background: rgb(243, 243, 243);
}

.realisations {
    padding: 60px 0px;
}

.add-line {
}

.add-line::after {
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 20px auto;
}

.front-gal::after {
    background-position: center center;
    background-size: cover;
    position: absolute;
    display: flex;
    height: 480px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 33px;
    width: 480px;
    left: 50%;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0px;
    z-index: -2;
}

.front-gal::before {
    content: "";
   // background: url("svg/dots.svg") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    left: -326px;
    bottom: -130px;
    z-index: 0;
    opacity: 0.12;
}
.front-gallery .owl-next:after, .front-gallery .owl-prev:before {
    border: solid var(--secondary-color);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 6px;
    content:"";
}

.front-gallery .owl-next:before {
    content:"";
    width:50px;
    height:1px;
    position:absolute;
    background:var(--secondary-color);
    top:19px;
    left:-28px;
}

.front-gallery .owl-prev:after {
    content:"";
    width:50px;
    height:1px;
    position:absolute;
    background:var(--secondary-color);
    top:19px;
    right:-26px;
}

.front-gallery .owl-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -11px;
}

.front-gallery .owl-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: -4px;
}

.front-gallery .owl-next:hover:after, .front-gallery .owl-prev:hover:before {
}


.front-gallery .owl-next:hover::after, .front-gallery .owl-prev:hover::before {
    border-color: #ccc;
}

.front-gallery .owl-next:hover::before, .front-gallery .owl-prev:hover::after {
     background: #ccc;
}

.front-gallery h2::after {
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 20px auto;
}

.front-gallery .owl-nav {
    display: block !important;
}

.front-gallery .owl-item {
    padding: 18px;
}

.front-gallery {}

.front-gallery .item {
    height: 310px;
    background: center center / cover rgb(216, 216, 216);
    display: block;
    border-radius: 0px 30px;
}

.front-gallery .owl-nav {
    position: absolute;
    bottom: -30px;
    width: 84px;
    transform: translateY(-50%);
    height: 41px;
    margin: 0px;
    right: 54px;
}

.front-gallery .owl-nav button.owl-next, .front-gallery .owl-nav button.owl-prev {
    border-radius: 0px;
    margin: 0px;
    /* border-left: 1px solid rgb(0, 0, 0); */
    position: absolute;
    padding: 9px 20px !important;
    /* border: 1px solid #ccc; */
    height: 40px;
    width: 40px;
}

.front-gallery .owl-nav button.owl-prev {
    left: -35px;
    position: absolute;
}

.front-gallery .owl-nav button.owl-next {
    /* border: 0px; */
    position: absolute;
    right: -35px;
}

.front-gallery .owl-nav button.owl-next:focus, .front-gallery .owl-nav button.owl-next:hover, .front-gallery .owl-nav button.owl-prev:hover, .front-gallery .owl-nav button.owl-prev:focus {
    border-radius: 0px;
    background: transparent;
    margin: 0px;
    outline: none;
}





.add-dots::after {
    content: "";
    background: url("svg/dots.svg") center center / contain no-repeat;
    height: 622px;
    width: 500px;
    position: absolute;
    left: -326px;
    bottom: -230px;
    z-index: -3;
    opacity: 0.12;
}

.standard-header {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    margin-bottom: 40px;
    z-index: -5;
}

.apart-header {
    background-image: url("img/bg-aparts.jpg");
}

.plan-header {
    background-image: url("img/bg-plan.jpg");
}

.contact-text {
    margin-bottom: 30px;
}

.page-plan {
    margin-top: 80px;
}

.addline-left::after {
    background: url("svg/skews.svg") no-repeat;
    margin-top: 15px;
    content: "";
    display: block;
    height: 19px;
    color: rgb(218, 30, 30);
    font-weight: 800;
    letter-spacing: 6px;
    font-size: 0.9rem;
}

.inner-box {
    padding: 20px;
}

#about-us {
    margin-bottom: 100px;
}



.add-towers {
    display: flex;
}

.add-towers img {
    margin-right: 20px;
}

.logo-sigma-container {
    text-align: center;
    padding: 60px;
}

.logo-sigma-container img {
    width: 350px;
}

#inwestor .inner-box {
    padding: 70px 40px;
}

#inwestor .suptitle {
    margin-bottom: 10px;
}

.jus-cen {
    align-items: center;
    justify-content: center;
}

.invest-title {
    text-transform: initial;
    margin-bottom: 20px;
    line-height: 2.4rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.invest-title span {
    font-weight: 700;
}

.invest-title::after {
}

.inwestor-gray {
    background: rgb(248, 248, 248);
    padding: 40px 0px;
}

.inwestor-gray .inner-box {
    padding: 40px;
}

.inwestor-gray .fresh-container::before {
    content: "";
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    background-size: contain;
    background-position: center center;
    height: 622px;
    width: 500px;
    position: absolute;
    right: -277px;
    bottom: -176px;
    z-index: 0;
    opacity: 0.12;
}

.job-intro {
    padding: 40px 0px;
}

.job-intro .inner-box {
    padding: 40px;
}

.job-intro .fresh-container::before {
    content: "";
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    background-size: contain;
    background-position: center center;
    height: 622px;
    width: 500px;
    position: absolute;
    right: -277px;
    bottom: -176px;
    z-index: 0;
    opacity: 0.12;
}

.office-image-container {
    padding: 40px;
}

.office-image {
    background: url("img/office-red.jpg") center center / cover no-repeat;
    height: 450px;
    width: 100%;
}

.colage-image-container {
}

.colage-image {
    background: url("img/colage.jpg") center center / cover no-repeat;
    height: 450px;
    width: 100%;
}

.colage-image::before {
    content: "";
    background: url("svg/skews3.svg") 0% 0% / contain no-repeat;
    width: 200px;
    height: 200px;
    position: absolute;
    right: 0px;
    top: -40px;
    z-index: -1;
}

.door-image-container {
    padding: 40px;
}
.mylist ul {padding-left:25px}
.mylist li {
    font-size: 15px;
    color: var(--secondary-font-color);
    line-height: 1.6em;
    padding-bottom: 10px;
    position: relative;
}

.mylist li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    position: absolute;
    left: -20px;
    top: 10px;
}


.wide-content li {
    font-size: 15px;
    color: var(--primary-font-color);
    line-height: 1.6em;
    padding-bottom: 10px;
    position: relative;
}

.wide-content li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    position: absolute;
    left: -20px;
    top: 10px;
}

#just-page {margin-top:50px;margin-bottom: 100px;}

.companies .mylist {text-transform:uppercase;font-weight: 400;}

.companies .mylist li::before {
	background: url("svg/small-arrows.svg") center center / contain no-repeat;
	height: 18px;
	width: 11px;
	content: "";
	left: -27px;
	margin-right: 13px;
	margin-top: -8px;
	display: inline-block;
	justify-items: center;
	position: absolute;
}



.realized-items {
    text-align: center;
    padding: 100px 49px;
} 

.realized-item {
    padding: 20px;
}

.realized-item .realized-item-image {
    margin-bottom: 10px;
}

.realized-item p {
}

.realized-item p span {
    font-weight: 700;
}

.list-of-apartments {
    padding: 0px 15px;
}

.show-on-mob {
    display: none;
}

.table-content .column-1 {
    width: 12%;
}

.table-content .column-2 {
    width: 10%;
}

.table-content .column-3 {
    width: 10%;
}

.table-content .column-4 {
    width: 10%;
}

.widget-0 option:first-child {
    display: none;
}

.parts-container {
    padding: 20px;
    border: 2px solid rgb(204, 204, 204);
    text-align: center;
    margin: 20px 0px;
}

.parts-container h4 {
    margin-top: 10px;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.garages-container {
    margin-bottom: 20px;
}

.garages-box {
    padding: 10px;
    margin: 10px;
    border: 2px solid rgb(204, 204, 204);
}

.garages-box h4 {
    margin-top: 20px;
    font-size: 0.9rem;
    font-weight: 700;
}

.plan-container {
    padding-top: 10px;
}

.invest-map {
    margin-bottom: 30px;
    display: block;
}

.plan-container h4 {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
}

.grecaptcha-badge {
    visibility: hidden;
}

.credit-phone, .credit-mail {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    color: rgb(20, 21, 45);
    font-size: 18px;
    padding: 0px 35px 0px 40px;
    position: relative;
}

.credit-phone::before {
    background: url("svg/phone.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

.credit-mail::before {
    background: url("svg/mail.svg") center center / contain no-repeat;
    height: 22px;
    width: 22px;
    content: "";
    left: 6px;
    margin-right: 13px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

.credit-phone:hover, .credit-mail:hover {
    color: var(--primary-color);
}

.top-buttons {
    display: flex;
    justify-content: flex-end;
}

.top-buttons .top-buttons-content {
    display: flex;
}

.top-buttons .top-buttons-content a {
    min-width: 220px;
    text-align: center;
    padding: 6px 16px;
    display: inline-block;
    font-size: 0.8rem;
}

.top-buttons .top-buttons-content a.be-partner {
    font-weight: 600;
    color: rgb(60, 60, 60);
    background: rgb(216, 216, 216);
}

.top-buttons .top-buttons-content a.quick-contact {
    font-weight: 500;
    color: rgb(255, 255, 255);
    background: var(--primary-color);
}

.fresh-container {
    padding: 0px 20px;
    max-width: 1446px;
    margin: 0px auto;
    position: relative;
    width: 100%;
}

.navbar-header {
    display: flex;
    z-index: 100;
}




.navbar-header .mini-slogan {
    margin: 14px;
    border-left: 1px solid rgb(216, 216, 216);
    padding-left: 20px;
    font-size: 12px;
    padding-top: 3px;
    display: none;
}

.navbar-header .mini-years {
    margin: 0px;
    display: none;
}

.navbar-header .mini-years img {
    width: 90px;
    padding: 20px;
}

.slider-desc {
    color: #fff;
    font-size: 1.9rem;
    max-width: 80%;
    font-weight: 700;
    line-height: 2.8rem;
}

.slider-wrapper {
    position: relative;
}

.slider-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    z-index: 3;
}

#squares {
    margin-top: -20px;
    position: relative;
    margin-bottom: 73px;
}

#squares .squares-container {
    box-shadow: rgba(66, 63, 82, 0.72) 0px 0px 30px;
}

#squares .squares-container {
    display: flex;
    width: fit-content;
}

#squares .square {
    display: flex;
    text-align: center;
    width: 270px;
    height: 271px;
    justify-content: center;
    align-items: center;
}

#squares .square > div {
    padding: 15px;
}

#squares .square-one {
    background: var(--primary-color);
}

#squares .square-one p {
    color: rgb(255, 255, 255);
}

#squares .square-one p span {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 3rem;
}

#squares .square-two {
    background: rgb(238, 238, 238);
}

#squares .square-two span {
    color: var(--primary-color);
    font-size: 1.8rem;
}

#squares .square-two span span {
    color: rgb(103, 103, 103);
    font-size: 1rem;
}

#squares .square-three span {
    color: var(--primary-color);
    font-size: 1.5rem;
}

#squares .square-three span span {
    color: rgb(103, 103, 103);
    font-size: 1rem;
}

#squares .square-four {
    background: url("img/building.jpg") center center / cover;
}

#squares .square-three {
    background: rgb(255, 255, 255);
}

#squares .square p {
    margin-bottom: 0px;
    font-weight: 500;
}

.partners {
    text-align: center;
    padding: 66px 0px;
    position: relative;
    margin-top: 20px;
}

.partners h2 {
    text-align: left;
    text-transform: capitalize;
    font-size: 1.5rem;
    color: rgb(60, 60, 60);
}

.partners h2 .skew-sep {
    color: var(--primary-color);
}

.partners h2 .addon {
    font-weight: 500;
}

.front-partners .owl-next::after, .front-partners .owl-prev::before {
    border-top-color: ;
    border-top-style: ;
    border-right-color: ;
    border-right-style: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-left-color: ;
    border-left-style: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-width: 0px 3px 3px 0px;
    display: inline-block;
    padding: 7px;
    content: "";
    border-radius: 2px;
}

.front-partners .owl-next::after {
    transform: rotate(-45deg);
    margin-left: -3px;
    margin-top: 6px;
}

.front-partners .owl-prev::before {
    transform: rotate(135deg);
    margin-right: -3px;
}

.front-partners .owl-next:hover::after, .front-partners .owl-prev:hover::before {
    border-color: var(--secondary-color);
}

.front-partners h2::after {
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 20px auto;
}

.front-partners .owl-nav {
    display: block !important;
}

.front-partners .owl-item {
    padding: 18px;
}

.front-partners {
}

.front-partners .item {
    height: 76px;
    background-size: contain;
    background-position: center center;
    display: block;
    background-repeat: no-repeat;
}

.front-partners .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-35px);
}

.front-partners .owl-nav button.owl-next, .front-partners .owl-nav button.owl-prev {
    border-radius: 0px;
    margin: 0px;
    border-left: 1px solid rgb(0, 0, 0);
    position: absolute;
    padding: 11px 20px !important;
}

.front-partners .owl-nav button.owl-prev {
    border: 0px;
    left: -26px;
    position: absolute;
}

.front-partners .owl-nav button.owl-next {
    border: 0px;
    position: absolute;
    right: -26px;
}

.front-partners .owl-nav button.owl-next:focus, .front-partners .owl-nav button.owl-next:hover, .front-partners .owl-nav button.owl-prev:hover, .front-partners .owl-nav button.owl-prev:focus {
    border-radius: 0px;
    background: transparent;
    margin: 0px;
    border: none;
    outline: none;
}

.slider .big-logo {
    background: url("img/slider-image.png") 0% 0% / contain no-repeat;
    width: 647px;
    height: 550px;
    position: absolute;
    left: 53%;
    bottom: 50%;
    opacity: 1;
    z-index: 3;
    transform: translateY(50%);
}



.slider .line-curved {
    background: url("svg/line-curved.svg") 0% 0% / contain no-repeat;
    width: 650px;
    height: 150px;
    position: absolute;
    left: -100px;
    bottom: 0;
    opacity: inherit;
    z-index: 2;
}


.unique h3 {
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.unique p {
    color: rgb(255, 255, 255);
}

.unique .unique-suptitle {
    color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: 600;
}

.unique .digger {
    position: absolute;
    width: 1077px;
    background: url("img/digger.png") 100% / contain no-repeat;
    height: 531px;
    bottom: -231px;
    right: -71px;
}

.unique .digger-spacer {
    display: block;
    height: 247px;
}

.banner {
    margin: 40px 0px;
}

.banner .banner-box {
    display: flex;
    justify-content: center;
    max-width: 1100px;
    margin: 0px auto;
}



.banner .banner-box .banner-box-content {
    padding: 27px 50px;
    background: rgb(14, 12, 41);
    color: rgb(255, 255, 255);
    font-size: 0.85rem;
    font-weight: 500;
}

.banner .banner-box .banner-box-content p {
    margin: 0px;
    color: rgb(255, 255, 255);
    width: 90%;
}

.banner .banner-box .banner-box-arrow {
    width: 80px;
    background: var(--primary-color);
    position: relative;
}

.banner .banner-box .banner-box-arrow::after {
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 3px 3px 0px;
    display: inline-block;
    padding: 7px;
    content: "";
    border-radius: 2px;
    transform: rotate(-45deg);
    margin-left: -11px;
    top: 50%;
    position: absolute;
    margin-top: -9px;
    left: 50%;
}

.banner .banner-box .banner-box-content .redme {
    color: var(--primary-color);
}

.about-intro {
    padding: 75px 0px;
}



.big-image .plate {
    padding: 30px;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.58);
    width: 233px;
    top: 111px;
    position: absolute;
    margin-left: 30px;
}

.big-image .plate img {
    padding-bottom: 20px;
    width: 150px;
}

.big-image .plate p {
    color: rgb(255, 255, 255);
    text-align: left;
    padding-left: 17px;
    border-left: 6px solid;
    margin-left: 10px;
}

.big-image .fresh-container {
}

.big-image .fresh-container::after {
    position: absolute;
    background: url("svg/skews-big.svg") 0% 0% / contain no-repeat;
    margin-top: 15px;
    content: "";
    display: block;
    width: 742px;
    height: 82px;
    color: rgb(218, 30, 30);
    font-weight: 800;
    letter-spacing: 6px;
    font-size: 0.9rem;
    top: 432px;
    left: -364px;
}

.how-we-do {
    padding: 40px 0px;
}

.ouroffer-trusted .ouroffer-trusted-content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.ouroffer-trusted .ouroffer-trusted-content > div {
    height: 100px;
    width: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ouroffer-trusted .ouroffer-trusted-content div a {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.investor-blocks-content {
    display: flex;
}

.investor-blocks-content .item {
    padding: 20px;
    display: flex;
    text-align: center;
    width: 20%;
    justify-content: center;
}

.investor-blocks-content .item h5 {
    font-weight: 600;
    color: var(--primary-color);
    font-size: 1.8rem;
}

.investor-blocks-content .item p {
    color: rgb(255, 255, 255);
    margin: 0px;
}



.ouroffer-offer h3 {
    font-size: 2.4rem;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.ouroffer-offer ul {
}

.ouroffer-offer h3::after {
    background: url("svg/skews.svg") no-repeat;
    margin-top: 25px;
    content: "";
    display: block;
    height: 19px;
    color: rgb(218, 30, 30);
    font-weight: 800;
    letter-spacing: 6px;
    font-size: 0.9rem;
}

.ouroffer-offer ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

.ouroffer-offer ul li {
    color: rgb(255, 255, 255);
    padding: 15px 15px 16px 40px;
    width: 33.33%;
    position: relative;
}

.ouroffer-offer ul li::before {
    content: "";
    background: url("svg/check.svg") 0% 0% / cover no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 3px;
}

.other-offer-list {
    position: relative;
    margin: 50px 0px;
}

.
#other-offer-list::before {
    content: "";
    background: url("svg/house-vector.svg") center center / contain no-repeat;
    height: 1022px;
    width: 800px;
    position: absolute;
    right: -300px;
    top: -400px;
    z-index: -1;
}

.other-offer-list {
    text-align: center;
}

.other-offer-list .other-offer-title {
    width: 100%;
    text-align: center;
    margin: 20px 0px 5px;
    position: relative;
}

.other-offer-list .other-offer-title span {
    font-weight: 600;
}

.other-offer-list .other-offer-subtitle {
    font-size: 20px;
    color: rgb(249, 80, 20);
}

.other-offer-list .other-offer-box {
    max-width: 100%;
    margin: 20px;
    /* width: 100%; */
    justify-content: center;
    align-items: center;
    display: flex;
    transition: 0.4s;
}

.other-offer-list .other-offer-box:hover {
    transform: scale(1.05);
}

.other-offer-list .other-offer-box .other-offer-image {
    font-size: 20px;
    position: relative;
}

.other-offer-list .other-offer-box .other-offer-image::before {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
}

.other-offer-list .other-offer-box .other-offer-image:hover::before {
    content: "";
    background: rgb(40 40 40);
    position: absolute;
    opacity: 0.7;
    text-align: center;
    padding: 20px;
    color: rgb(255, 255, 255);
    font-weight: 800;
    vertical-align: middle;
}

.other-offer-list .other-offer-box .other-offer-image .check {
    font-size: 1.6rem;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    padding: 0px;
    margin-top: -15px;
    color: rgb(255, 255, 255);
    font-weight: 200;
    vertical-align: middle;
    transition: all 0.4s ease 0s;
    z-index: 100;
    opacity: 0;
}

.other-offer-list .other-offer-box .other-offer-image:hover .check {
    opacity: 1;
}

.other-offer-data {text-align:left;padding: 40px;}

.other-offer-list .other-offer-box-inner {border: 1px solid #ccc;min-height: 500px;}



.other-offer-list .other-offer-box h4 {
    /* padding: 20px; */
    margin: 0px;
    font-size: 1.9rem;
    /* color: rgb(20, 21, 45); */
    font-weight: 300;
    text-align: left;
    width: 100%;
    display: block;
    line-height: 2.2rem;
    padding-bottom: 20px;
}

.lifetime {
    margin: 0;
    padding-bottom: 10px;
}
 

.lifetime .other-offer-box-inner {border:none;min-height: 120px;padding: 10px;width: 100%;}
.lifetime .other-offer-box-inner > div {/* border: 1px solid #ccc; */background: #fff;border: 1px solid #ccc;min-height: 130px;display: flex;justify-content: center;align-items: center;}
.lifetime .other-offer-box h4 {font-size: 1.3rem;line-height: 1.6rem;margin-bottom: 0px;padding-bottom: 0px;}

.lifetime-gallery {width:200%; transform:translateX(-20%);

    position:relative;
}

.lifetime-gallery .owl-nav {display:none;}

.lifetime-gallery:before {
    content:"";
    width: 400%;
    position:absolute;
    height:1px;
    background: var(--secondary-color);
    left:-150%;
    top:100px;
    z-index:-1;
}

.lifetime h2 {text-align:left;}


.other-offer-list .other-offer-box h4 span {
    font-weight: 400;
    font-size: 1rem;
}

.other-offer-list .content.flex {
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 20px;
}

.other-offer-list .other-offer-image {
    height: 300px;
    background-size: cover;
    background-position: center center;
    display: block;
}

.realisations-grid {
    text-align: center;
    display: flex;
    margin: 0px -10px;
    flex-wrap: wrap;
}

.realisations-grid .other-offer-title {
    width: 100%;
    text-align: center;
    margin: 20px 0px 5px;
    position: relative;
}

.realisations-grid .other-offer-title span {
    font-weight: 600;
}

.realisations-grid .other-offer-subtitle {
    font-size: 20px;
    color: rgb(249, 80, 20);
}

.realisations-grid .other-offer-box {
    width: 33%;
    display: block;
}

.realisations-grid .other-offer-box:hover {
    transform: scale(1.05);
}

.realisations-grid .other-offer-box .other-offer-image {
    font-size: 20px;
    position: relative;
    background-color: rgb(239, 239, 239);
}

.realisations-grid .other-offer-box .other-offer-image::before {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
}

.realisations-grid .other-offer-box .other-offer-image:hover::before {
    content: "";
    background: rgb(26, 29, 46);
    position: absolute;
    opacity: 0.8;
    text-align: center;
    padding: 20px;
    color: rgb(255, 255, 255);
    font-weight: 800;
    vertical-align: middle;
}

.realisations-grid .other-offer-box .other-offer-image .check {
    font-size: 20px;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    padding: 0px;
    margin-top: -15px;
    color: rgb(255, 255, 255);
    font-weight: 800;
    vertical-align: middle;
    transition: all 0.4s ease 0s;
    z-index: 100;
    opacity: 0;
}

.realisations-grid .other-offer-box .other-offer-image:hover .check {
    opacity: 1;
}

.realisations-grid .other-offer-box-inner {
    margin: 10px;
}

.realisations-grid .other-offer-box h4 {
    padding: 20px;
    margin: 0px;
    font-size: 1.2rem;
    color: rgb(20, 21, 45);
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 1.5rem;
}

.realisations-grid .other-offer-box h4 span {
    font-weight: 400;
    font-size: 1rem;
}

.realisations-grid .content.flex {
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 20px;
}

.realisations-grid .other-offer-image {
    height: 300px;
    background-size: cover;
    background-position: center center;
    display: block;
}

.small-container {
    max-width: 1249px;
}

.jobs-list {
    padding: 50px 0px;
    /* background: rgb(252, 251, 251); */
    margin-bottom: 50px;
}

.job-box {
    width: 100%;
    /* padding: 20px; */
    margin-bottom: 30px;
}

.job-box-inner {
    background: rgb(255, 255, 255);
    padding: 60px;
    text-align: left;
    border: 1px solid var(--secondary-color);
}

.job-box-inner a {
    font-weight: 555;
    margin-right: 18px;
    color: var(--secondary-color);
    font-weight: 400;
    border: 1px solid var(--secondary-color);
    padding: 10px 20px;
    display: inline-block;
    position: absolute;
    top: 60px;
    right: 30px;
    transition:0.4s;
}

.job-box-inner a:hover {
    transform:scale(1.05);
    color:#000
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    );
}

.job-box-inner a:hover {
    color: rgb(60, 60, 60);
}

.job-box-inner h4 {
    font-size: 2rem;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 2.3rem;
    display: flex;
    align-items: center;
}

.job-box-inner .number {
    position:absolute;
    left: 35px;
    font-size:2rem;
    font-weight:300;
    top: 25px;
}

.job-box-inner .number:after {
  position:absolute;
  content:"";
  width:1px;
  height: 140%;
  background:var(--secondary-color);
  top:60px;
  left:15px;
}

.job-box-data {padding-left: 51px;width: 70%;}

.job-box-inner .job-icon {
    padding-right: 20px;
}

.job-box-inner .job-icon img {
    min-width: 60px;
    width: 60px;
}

.jobs-grid {
    text-align: center;
    display: flex;
    /* margin: 0px -10px; */
    flex-wrap: wrap;
}

.jobs-title {
    text-transform: initial;
    margin-bottom: 20px;
    line-height: 2.4rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.jobs-title span {
    font-weight: 700;
}

.job-spec {
    margin-bottom: 10px;
}

.job-field {
    display: flex;
    font-size: 0.95rem;
}

.job-field div {
    padding: 7px 0px;
}

.job-field div:first-child {
    width: 30%;
}

.job-field div:last-child {
    padding-left: 40px;
    width: 70%;
}

.job-field div:last-child span {
    font-weight: 600;
}

.job-box .check {
    right: 0px;
}

.quick-contact span {
    position: relative;
    padding-left: 20px;
}

.quick-contact span::before {
    background: url("svg/phone-small-icon.svg") center center / contain no-repeat;
    height: 15px;
    width: 15px;
    content: "";
    left: -1px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

.be-partner span {
    position: relative;
    padding-right: 22px;
}

.be-partner span::before {
    background: url("svg/small-arrow-gray.svg") center center / contain no-repeat;
    height: 14px;
    width: 14px;
    content: "";
    right: -1px;
    margin-top: -6px;
    display: inline-block;
    justify-items: center;
    position: absolute;
    top: 50%;
}

.contact-boxes {
    padding-bottom: 60px;
}

.contact-boxes-inner {
    display: flex;
    padding-left: 6%;
}

.contact-boxes-inner .contact-box {
    width: 100%;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.contact-boxes-inner .contact-box p {
    margin-bottom: 0px;
}

.contact-boxes-inner .contact-box .contact-box-icon {
    text-align: right;
    padding: 8px;
}

.contact-boxes-inner .contact-box .contact-box-data {
    padding: 0px;
    width: 70%;
}

.contact-boxes-inner .contact-box .contact-box-data a {
    word-break: break-all;
    color: rgb(102, 102, 102);
}

.contact-boxes-inner .contact-box .contact-box-data a:hover {
    color: rgb(218, 30, 30);
}

.realisation-nav-inner {
    display: flex;
    margin-top: -86px;
    margin-left: -20px;
    margin-right: -10px;
}

.realisation-nav-box {
    width: 100%;
    padding: 21px;
}

.realisation-nav-box .realisation-nav-box-inner {
    transition: all 0.2s ease 0s;
    background: rgb(246, 244, 244);
}

.realisation-nav-box .realisation-nav-box-inner p {
    padding: 0px;
    margin: 0px;
    font-size: 1.5rem;
    font-weight: 700;
    color: rgb(19, 22, 39);
}

.realisation-nav-box .realisation-nav-box-inner p span {
    color: rgb(218, 30, 30);
    font-weight: 500;
}

.realisation-nav-box .realisation-nav-box-inner {
    display: flex;
}

.realisation-nav-box .realisation-nav-box-inner .realisation-nav-box-data {
    padding: 10% 12%;
    width: 100%;
}

.realisation-nav-box .realisation-nav-box-inner .realisation-nav-box-arrow {
    position: relative;
    background: rgb(218, 30, 30);
    width: 62px;
}
 
.realisation-nav-box .realisation-nav-box-inner .realisation-nav-box-arrow::after {
    content: "";
    position: absolute;
    background: url("svg/arrow-white.svg") 0% 0% / contain no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    color: rgb(218, 30, 30);
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -11px;
}

.realisation-nav-box:hover .realisation-nav-box-inner {
    background: rgb(16, 19, 36);
}

.realisation-nav-box:hover .realisation-nav-box-inner p {
    color: rgb(255, 255, 255);
} 

.featured-right .owl-carousel .owl-stage-outer { border-radius: 0px 100px 0px 0px;}

.spacing-title {text-transform:uppercase; letter-spacing:0.3rem; }
.bolder {font-weight: 600;}


.companies {position:relative;overflow: visible!important;padding: 50px 120px 80px!important;margin-bottom: 50px;}


body .wpcf7-spinner {position:absolute;background:#000;margin-top: 25px;}

.front-form {padding: 0px 30px 40px;}


.form-container {/* padding: 20px 10px; */max-width: 1200px;margin: 0 auto;}

.gallery-header {text-align:center;}

.boxes-row > div {padding: 20px;/* min-height: 650px; */}
.boxes-row2 > div {padding: 20px;min-height: 300px;}


.add-underline::after {
    margin-top: 19px;
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin-bottom:30px;
    
}

.form-image >div {height:600px; border-radius:0px 50px ;}


.slider-big-text {
    position:absolute;
    left: 455px;
    font-size: 13rem;
    font-weight: 700;
    text-transform: uppercase;
    top: 43px;
    color: transparent;
    -webkit-text-stroke: 1px var(--secondary-color);
    text-stroke: 1px var(--secondary-color);
    opacity: 0.5;
    text-wrap: nowrap;
}


.about-us-header {
    color: var(--secondary-color);
    font-size:1.3rem;
    text-transform:uppercase;
    letter-spacing:0.1rem;
    font-weight:600;
}

.about-us-left-side  {}
.about-us-image img {width:300px;}
.about-us-image-dziadek img {width:250px;}

.about-us-left-side:before  {}


.boxes-row  {padding: 0 120px;}
.boxes-row2   {padding: 0 20px;}

.signature {text-align:right;}
.sig {
	background: url("svg/signature.svg") 0% 0% / contain no-repeat;
	width: 150px;
	height: 150px;
	opacity: inherit;
	z-index: 0;
	display: inline-block;
}

.about-us-left-side  {position:relative;}

.about-us-left-side:before {
    position: absolute;
    width: 945px;
    background: url("svg/curved-line2.svg") 0% 0% /contain no-repeat;
    height: 924px;
    content: "";
    right:50%;

}
.about-us-gallery {position:relative;padding: 0px 40px 20px;}



.about-us-gallery:after {
    content:"";
    background: url("svg/dots.svg") center center no-repeat;
    height: 100px;
    width: 400px;
    position: absolute;
    right: 0px;
    top: -100px;
    opacity: 0.16;
    transform: initial;
    left: initial;
    padding: 0px;
}    

.about-us-last {
    display: flex;
    width: 100%;
    padding: 40px 60px 40px;
    align-items: center;
    justify-content: center;
}
.about-us-last-left {padding-left: 0px;position:relative;width: 50%;}
.about-us-last-left p {padding: 30px;max-width: 600px;font-size: 1rem;}
.about-us-last-left:before {
  content:"";
  border: solid #e5e4e4;
  border-width: 0 12px 12px 0;
  display: inline-block;
  padding: 20px;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  position: absolute;
}
.about-us-last-right {
    width: 50%;
    text-align: right;
}
.about-us-last-right a {
    color: var(--primary-font-color);
    display: block;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-weight: 600;
    font-size: 1.1rem;
}
.about-us-last-right a:hover {color:var(--primary-color);}

.container {
    	
    padding: 0px 66px;
    max-width: 1700px;
   	 margin: 0px auto;
    position: relative;;
 }

.wpb-content-wrapper ul {
    padding-left: 20px;
}
.wpb-content-wrapper  ul li {padding-left:30px;position:relative; padding-bottom:15px;}
.wpb-content-wrapper  ul li:before {
    content:"";
    width: 15px;
    height: 1px;
    background:var(--secondary-color);
    position:absolute;
    left: 0px;
    top:11px

}




.advantages-header {
    color: var(--secondary-color);
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    line-height: 2.1rem;
    padding-top: 20px;
    position:relative;
    padding-bottom:10px
}
.advantages-header::after {
    /* margin-top: 10px; */
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 15px 0px;
}

.advantages-intro {padding-bottom: 80px;}
.advantages-separator {position:relative; min-height: 600px;padding:40px;}
.advantages-separator:before {opacity:0.4;width:100% ; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position:absolute; height:200px; content:""; z-index:1; margin:-40px; }



.boxes-row2 .advantages-intro-right {/* padding-left: 88px; */}

.team {
    padding-top: 120px;
    padding-bottom: 120px;
}

.person {margin: 0 auto;text-align:center;max-width: 315px;padding-bottom: 47px;padding-top: 30px;}
.person-image img {border-radius: 50%;border: 10px solid #fff;box-shadow: 0px 0px 30px #d5d0d0, 0px 0px 20px #cfcfcf;}
.person .person-data {padding-top:25px;}
.person .person-title {padding-bottom:30px;position:relative; font-weight: 700;text-transform:uppercase;/* letter-spacing:0.1rem; */font-size: 1.2rem;}
.person .person-title:after{
    content:"";
    transition: all 1s ease 0s;
    width: 70px;
    background: #00407e;
    position: absolute;
    bottom: 15px;
    height: 4px;
    left: calc(50% + 15px);
    transform: translateX(-50%);
}
.person .person-title:before{
    content:"";
    transition: all 1s ease 0s;
    width: 60px;
    background: var(--primary-color);
    position: absolute;
    bottom: 15px;
    height: 4px;
    left: calc(50% - 20px);
    transform: translateX(-50%);
}

.graybg {overflow:initial;}
.graybg:before {bottom:-200px;content:"";width:100%;height:100%;position:absolute;background: url(https://drewa-hydroinstal.pl/wp-content/uploads/2024/07/graybg-scaled.jpg) center center / cover no-repeat;opacity: 0.8;position: absolute;left: 0;}

.add-zygzag {position:relative;}
.add-zygzag:before {
    content: "";
    background: url("svg/zygzag.svg") center center / contain no-repeat;
    height: 1000px;
    width: 2600px;
    position: absolute;
    left: -475px;
    top: -596px;
    opacity: 1;
    z-index:-1;
}



.advantages-image-one >div {

    border-radius: 0px 0px 50px 0px;
}
.advantages-image-two >div ,contact-spec-image >div {

    border-radius: 50px 0px 0px 0px;
}


.advantages-text {

    
}

.advantages-text:before  {
    content:"60 lat";
    transform:  rotate(-90deg) translatey(-50%);
    position:absolute;
    font-weight:900;
    font-size:4.3rem;
    text-transform:uppercase;
    color:#ccc;
    left: -100px;
    letter-spacing:1.8rem;
    top: 35%;
}

.wework {max-width:400px;position:relative; padding-left:20px; color:#fff; font-weight:700; letter-spacing:0.2rem; text-transform:uppercase; }
.wework:before {    content:"";
    position:absolute;
    font-weight:900;
    font-size:14.3rem;
    text-transform:uppercase;
    color:#ccc;
                width:5px;
                height:200px;
                background:#fff; 
                left:0

}
.contact-header {
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 0px;
    font-size: 2rem;
    padding-top: 20px;
}

.contact-header::after {
    /* margin-top: 10px; */
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 15px 0px;
}


.contact-subheader {
    text-transform: uppercase;
    font-weight: 500;
    color: #888;
    letter-spacing: 0.4rem;
    font-size: 1.6rem;
    padding-bottom: 30px;
    line-height: 2.2rem;
}

.add-leftline {padding-left: 25px;border-left: 6px solid #ccc;}
.contact-data {padding-bottom:20px;}



.contact-phone-icon, .contact-mail-icon {
	display: block;
    position:relative;
    color: var(--primary-font-color);
    padding-bottom: 10px;
     padding-left: 30px;
}
.contact-phone-icon::before {
    background: url("svg/phone-gray.svg") center center / contain no-repeat;
    height: 18px;
    width: 18px;
    content: "";
    left: 0px;
    margin-right: 13px;
    margin-top: 1px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

.contact-mail-icon::before {
    background: url("svg/mail-gray.svg") center center / contain no-repeat;
    height: 18px;
    width: 18px;
    content: "";
    left: 0px;
    margin-right: 13px;
    margin-top: 2px;
    display: inline-block;
    justify-items: center;
    position: absolute;
}

.boxes-row2 > div.contact-all {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 40px;
} 


.contact-smallheader {font-weight:600; font-size:1.2rem; padding-bottom:10px;}
.contact-spacer {
    padding-bottom: 60px;
}

.contact-mediumheader {text-transform:uppercase;letter-spacing: 0.4rem;padding-bottom: 0px;}

.contact-mediumheader::after {
    /* margin-top: 10px; */
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 15px 0px;
}


.contact-sep {padding-bottom:30px;max-width: 1300px;margin: 0 auto;}

.boxes-row2 .contact-sep-left {padding-left: 60px;}




@keyframes FadeIn { 
  0% {
    opacity: 0;
    transform: scale(.1);
    
  }

  85% {
    opacity: 1;
    transform: scale(1.05);
    
  }
  100% {
    transform: scale(1);
  }
}

.myClass div {
  animation: FadeIn 1s linear;
  animation-fill-mode: both;
}

.myClass div:nth-child(6) { animation-delay: .5s }
.myClass div:nth-child(5) { animation-delay: 1s }
.myClass div:nth-child(4) { animation-delay: 1.5s }
.myClass div:nth-child(3) { animation-delay: 2s }
.myClass div:nth-child(2) { animation-delay: 2.5s }
.myClass div:nth-child(1) { animation-delay: 3s }


.myClass2 div {
  animation: FadeIn 1s linear;
  animation-fill-mode: both;
}

.myClass2 div:nth-child(1) { animation-delay: .5s }
.myClass2 div:nth-child(2) { animation-delay: 1s }
.myClass2 div:nth-child(3) { animation-delay: 1.5s }
.myClass2 div:nth-child(4) { animation-delay: 2s }
.myClass2 div:nth-child(5) { animation-delay: 2.5s }
.myClass2 div:nth-child(6) { animation-delay: 3s }

.slider-item .images-left .images-left-inner .oldimage.slider-small-image  , .slider-item .images-right .images-right-inner .newimage.slider-small-image {
 transition: 1s;
}



.slider-item .images-left .images-left-inner .oldimage.slider-small-image:hover , .slider-item .images-right .images-right-inner .newimage.slider-small-image:hover {border-radius:30px;width: 200px;}

.slider-additionals {position:absolute;bottom: -5px;right: 120px;z-index:2;color:#fff;/* text-transform:uppercase; *//* letter-spacing:0.3rem; */font-weight: 300;/* padding-left: 300px; */display: flex;}
.slider-additionals a { position:relative;padding: 20px;}
.slider-additionals a:hover {}
.slider-additionals a span {transition:0.2s;color:#fff;;}
.slider-additionals a span:hover {transform:scale(1.05);color:var(--additional-color);display: block;}
.slider-additionals a:first-child {position:relative;}
.slider-additionals a:first-child:after {
    width:2px;
    height:120%;
    content:"";
    background:#e9bc79;
    right:0px;
    top:0px;
    position:absolute;
}
.slider-additionals p::before {
    /* background-image: url("svg/arrow-long.svg"); */
    /* height: 28px; */
    /* width: 258px; */
    content: "";
    /* left: -270px; */
    /* margin-right: 13px; */
    /* margin-top: 0px; */
    /* display: inline-block; */
    /* justify-items: center; */
    /* position: absolute; */
    /* background-size:250px; */
    /* background-repeat: no-repeat; */
    /* background-position: right; */
}

.slider-pretext {color:#fff;font-weight:200;font-size:1.2rem;text-transform:uppercase;letter-spacing:0.2rem;margin-bottom: 0px;text-align: center;}
.slider-maintext {color:#fff;font-weight: 400;font-size: 3.2rem;line-height: 3.6rem;}

.slider-numbers {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.slider-numbers ul{
	display: flex;
}

.slider-numbers ul li{
	color: #fff;
	height: 100px;
	padding: 14px;
	position: relative;
}

.slider-numbers ul li:before{
	content:"";
	width: 1px;
	height: 100px;
	position: absolute;
	background: #fff;
	top: 40px;
	left: 50%;
	opacity: 0.4;
}

.slider-numbers ul li.current:before{
	opacity: 0.8;
}


.bss-main-boxes-container {display:flex;margin: -5px;}
.bss-main-boxes-container .bss-main-box {flex: 0 0 calc(33.333%); position:relative; padding:5px;}
.bss-main-boxes-container .bss-main-box .bss-main-box-image {background:#ccc;height: 450px;display: flex;position: relative;overflow: hidden;}
.bss-main-boxes-container .bss-main-box .bss-main-box-text {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color:#fff;
    font-size: 1.8em;
    font-weight: 200;
}

.bss-main-boxes-container .bss-main-box .bss-main-box-image picture {
    transition: transform 0.32s cubic-bezier(0, 0.56, 0.44, 1);

}



.bss-main-boxes-container .bss-main-box .bss-main-box-image picture { 
	background-size: cover;
	background-position: center center;
    position:absolute;
    width:100%;
    height:100%;
}

.bss-main-boxes-container .bss-main-box-parts .bss-main-box-image picture { 
    	background-image: url("img/boxes/parts.jpg");

}

.bss-main-boxes-container .bss-main-box-services .bss-main-box-image picture { 
    	background-image: url("img/boxes/services.jpg");

}
.bss-main-boxes-container .bss-main-box-workshop .bss-main-box-image picture { 
    	background-image: url("img/boxes/workshop.jpg");

}

.bss-main-boxes-container .bss-main-box:hover .bss-main-box-image picture {
        transform: scale(1.05);
} 

.imp-intro-container {
    /* display:flex; */
    padding: 20px 80px 20px;
}

.imp-intro-container > div {
    width: 100%;
    padding: 35px;
    text-align: center;
}


.imp-intro-container .imp-intro-arrows {
    padding: 0px 40px 40px;
}

.imp-intro-container .imp-intro-arrows ul {
    padding-left:0px;
    display: flex;
    flex-wrap: wrap;
}

.imp-intro-container .imp-intro-arrows ul li {
     font-size:2rem;
     font-weight: 300;
     /* padding-bottom:50px; */
     /* border: 1px solid; */
     width: 50%;
}

.imp-intro-container .imp-intro-arrows ul li a {
     font-size: 1.5rem;
     font-weight: 400;
     /* padding-bottom:50px; */
     color: var(--primary-color);
     position:relative;
     /* text-align: left; */
     padding: 31px 20px 26px 173px;
     display: block;
     border: 1px solid #ccc;
    transition:0.4s;
}

.imp-intro-container .imp-intro-arrows ul li a:hover {
    transform:scale(1.03);
    
}

.imp-intro-container .imp-intro-arrows ul li .imp-inner  {padding:10px;/* border: 1px solid #ccc; */margin: 20px;text-align: left;}

.imp-intro-container .imp-intro-arrows ul li a:before {
    transition: transform 0.32s cubic-bezier(0, 0.56, 0.44, 1);
    background-image: url("svg/icon-heart.svg");
    height:100px;
    width: 100px;
    content: "";
    left: 47px;
    display: inline-block;
    justify-items: center;
    position: absolute;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: right;
    top: 50%;
    transform: translateY(-50%);
}

.imp-intro-container .imp-intro-arrows ul li a.imp-icon-ppl:before {
        background-image: url("svg/icon-ppl.svg");

}
.imp-intro-container .imp-intro-arrows ul li a.imp-icon-account:before {
        background-image: url("svg/icon-account.svg");

}
.imp-intro-container .imp-intro-arrows ul li a.imp-icon-docs:before {
        background-image: url("svg/icon-docs.svg");

}

.imp-intro-container .imp-intro-arrows ul li a:hover:before {
    /* opacity: 0.5; */
    transition:0.3s;
}
    
.imp-intro-container .imp-intro-data h2{
    /* padding-bottom: 15px; */
    font-size: 2.2rem;
    font-weight: 400;
    line-height: initial;
    color: var(--primary-color);
}


.bss-points-container {
    display:flex;
    padding: 0px 80px;
}

.bss-points-container > div {
    width: 33.3%;
    padding: 65px 65px 65px 97px;
    position: relative;
}

.bss-points-container > div .point-number {
    position:absolute;
    left: 38px;
    top: 79px;
}  

.bss-points-container > div .point-title {
    font-size: 1.6rem;
    padding-bottom:10px;
}

.bss-points-container > div .point-number:before {
    position:absolute;
    content:"";
    width: 1px;
    height: 220px;
    left: 21px;
    top: 34px;
    background:var(--secondary-color);
}   

.bss-points-container > div .point-number span {
    padding: 8px 15px;
    border: 1px solid var(--secondary-color);
    font-size: 1.2rem;
}

.owl-carousel .owl-item {animation-duration: 3s !important;}

.bss-gray-map {margin-bottom: 30px;}

.bss-gray-map-inner {background:#E2E2E2;min-height: 400px;display: flex;}
.bss-gray-left {width:50%; padding:80px;}
.bss-gray-left h5 {position:relative;font-size: 1rem;font-weight:700;padding-bottom:15px;margin-bottom: 60px;}


.bss-gray-left h5:before {bottom:0px; content:""; position:absolute; width: 190%; height:1px;background:var(--secondary-color);}
.bss-gray-left h5:after {bottom: -100px;content:"";right: 0px;position:absolute;left: calc(190% - 1px);width: 1px;height: 100px;background:var(--secondary-color);}

.small-dots{font-size:2rem; letter-spacing:0.4rem;}

.bss-map-vector {width: 550px;right:0px;bottom:-30px;position:absolute;}

.bss-support {padding:80px 40px;}
.bss-support h4 {font-weight:300;font-size: 2.3rem;margin-bottom: 20px;}

.bss-support ul {margin:0px; padding:0px;}
.bss-support ul li {
    display: inline-block;
    padding-right: 10px;
}

.bss-support ul li img{
    height:130px;
        transition:1s;
     transition-timing-function: ease-in-out;

}

.bss-support ul li:hover img {
    transform: scale(1.1);
    transition:1s;
     transition-timing-function: ease-in-out;

}    

.bss-bigimage {margin-bottom:40px;}
.bss-bigimage-container {overflow:hidden; min-height: 600px;position:relative;width:100%;height:100%;background-image: url("../../uploads/2024/11/forest-scaled.jpg");background-size:cover;background-position: center;}

.bss-bigimage-text {max-width: 560px;position:absolute;left:100px;bottom:70px;color:#fff;padding: 20px;}
.bss-bigimage-text:before {content:"";width:800px;height:1px;background:#fff;position:absolute;right: 20px;top:-10px;}

.breadcrumbs {margin-bottom:30px;}
.breadcrumbs svg {vertical-align:middle; margin-bottom:3px; height:15px;width:15px; margin-right:5px;}
.slider-pages {margin-bottom: 30px; }

.page-intro {margin-bottom:50px;}
.page-intro-left {padding-right:100px;}

.page-intro-header {font-size: 2.5rem;line-height: 2.5rem;margin-bottom: 20px;}

ul.service-advantages {
    margin: 50px -15px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    position:relative;
}

ul.service-advantages:before {
    content:"";
    width: 400%;
    position:absolute;
    height:1px;
    background: var(--secondary-color);
    left:-150%;
    top:100px;
    z-index:-1;
}

.service-advantages li {
    padding: 20px;
    /* border: 1px solid var(--secondary-color); */
    width: 33.33%;
    /* flex: auto; */
}

.service-advantages li:before {
    display:none;
}

.service-advantages li > div{
    border: 1px solid #a1a1a1;
    /* height: 100%; */
    width: 100%;
    padding: 50px 30px;
    display: flex;
    align-items: center;
    min-height: 180px;
    background: #fff;
}
.service-advantages li h3{
    font-weight: 300;
    font-size: 2.2rem;
}

.service-advantages li a {color:var(--secondary-color);}
.service-advantages li a:hover  {color:var(--primary-color);}

.service-advantages li p{
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 1.1rem;
    font-weight: 300;
}


.pages-gallery .owl-next:after, .pages-gallery .owl-prev:before {
    border: solid #ccc;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 35px;
    content:"";
}

.pages-gallery .owl-next:before {
    /* content:""; */
    width:50px;
    height:1px;
    position:absolute;
    background:var(--secondary-color);
    top:19px;
    left:-28px;
}

.pages-gallery .owl-prev:after {
    /* content:""; */
    width:50px;
    height:1px;
    position:absolute;
    background:var(--secondary-color);
    top:19px;
    right:-26px;
}

.pages-gallery .owl-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -11px;
}

.pages-gallery .owl-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: -4px;
}

.pages-gallery .owl-next:hover:after, .pages-gallery .owl-prev:hover:before {
}


.pages-gallery .owl-next:hover::after, .pages-gallery .owl-prev:hover::before {
    border-color: #ccc;
}

.pages-gallery .owl-next:hover::before, .pages-gallery .owl-prev:hover::after {
     background: #ccc;
}

.pages-gallery h2::after {
    content: "";
    display: block;
    background: var(--primary-color);
    width: 100px;
    height: 6px;
    margin: 20px auto;
}

.pages-gallery .owl-nav {
    display: block !important;
}

.pages-gallery .owl-item {
    padding: 18px;
}

.pages-gallery {
    margin-bottom: 140px;
}

.pages-gallery .item {
    height: 340px;
    background: center center / cover rgb(216, 216, 216);
    display: block;
    /* border-radius: 0px 30px; */
}

.pages-gallery .owl-nav {
    position: absolute;
    bottom: -30px;
    width: 100%;
    transform: translateY(-50%);
    height: 41px;
    margin: 0px;
    /* right: 54px; */
    top: 50%;
    z-index: -1;
}

.pages-gallery .owl-nav button.owl-next, .pages-gallery .owl-nav button.owl-prev {
    border-radius: 0px;
    margin: 0px;
    /* border-left: 1px solid rgb(0, 0, 0); */
    position: absolute;
    padding: 9px 11px !important;
    /* border: 1px solid #ccc; */
    height: 160px;
    width: 82px;
    transform: translateY(-35%);
}

.pages-gallery .owl-nav button.owl-prev {
    left: -50px;
    position: absolute;
}

.pages-gallery .owl-nav button.owl-next {
    /* border: 0px; */
    position: absolute;
    right: -50px;
}

.pages-gallery .owl-nav button.owl-next:focus, .pages-gallery .owl-nav button.owl-next:hover, .pages-gallery .owl-nav button.owl-prev:hover, .pages-gallery .owl-nav button.owl-prev:focus {
    border-radius: 0px;
    background: transparent;
    margin: 0px;
    outline: none;
}
.pages-manufactures {margin-bottom: 100px;}
.pages-manufactures .introduction {
    font-size:1.8rem;
    font-weight:300;
    margin-bottom:20px;
    max-width: 500px;
    padding-left: 80px;
}

.pages-manufactures-inner {
    background:#E2E2E2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 117%;
}

.pages-manufactures-left {
    padding: 80px 80px;
    width: 42%;
}

.pages-manufactures-left h4 {
    font-weight:300;    
     font-size:1.5rem
}

.pages-manufactures-left p{
      font-weight:300;  
    font-size:1.3rem
}

.pages-manufactures-right {
	width: 58%;
	background-image: url('img/engine.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
}

.pages-contact-inner {
	display:flex;
}

.pages-contact-inner-left {
    width:30%;
    background-image: url('../../uploads/2024/11/image.jpg');
    background-size: cover;
    background-position: center;
    height: 500px;
    margin-left:-100px;
    margin-right:50px;
}

.pages-contact-inner-right {
    padding:20px;
}

.pages-contact-inner-right h3 {
	font-weight:300;
	font-size:2rem;
	margin-bottom: 30px;
}

.big-header {font-size: 3.5rem;line-height: inherit;font-weight: 400;text-transform: initial;/* margin-left: -6px; */line-height: 3.8rem;color: var(--primary-color);}
.size-m {font-size: 2.5rem; line-height: 3rem;}

.pages-news {margin-bottom:100px;}

.pages-news .pager-news-inner {display:flex;flex-wrap: wrap;margin: 0 -15px;}

.pages-news .item-news {padding:10px; width:33.33%; }

.pages-news .item-news .item-news-inner  {border:1px solid #ccc;/* flex-wrap: wrap; */}
.pages-news .item-news .item-news-image {position:relative;height:300px;background-size: cover;background-position: center;display: block;}
.pages-news .item-news .item-news-data {padding: 40px;}
.pages-news .item-news .item-news-data h4 {font-weight:300;font-size:2rem;line-height: initial;}
.pages-news .item-news .item-news-data a {color: var(--secondary-additional-color);}
.pages-news .item-news .item-news-data a:hover {color: var(--additional-color);}

.pages-news .item-news .item-news-image:before {content:""; background: rgb(0,0,0); background: linear-gradient(0deg, rgb(0 0 0 / 4%) 0%, rgba(0,0,0,0) 50%); width:100%; height:100%; position:absolute;}


.single-post-inner {display:flex;}
.single-post-inner > div {width:50%;}
.center-me {
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-post-inner .single-post-right .single-data {padding: 38px 68px;}
.single-data .big-header {font-size:2rem; line-height:2.5rem;}
.single-post {margin-bottom:50px;}
.workshop-info-boxes {display:flex; flex-wrap:wrap;}
.workshop-info-box {position:relative;padding: 40px 55px;width:100%;display: flex;} 


.workshop-info {margin-bottom:100px;}

.workshop-info h3 {position:relative;font-size:2rem; line-height:2.2rem; font-weight:300;}
.workshop-info h3:before {position:absolute;content:"";width:100%;height:1px;background:var(--secondary-color);left: calc(-100% - 20px);top: 56px;}

.workshop-info p {width:70%;font-size: 1.2rem;}

.workshop-info-box-right-image {width:100%;min-height: 250px;background-size:cover;background-position:center;}


.workshop-info-box-left {width:60%;align-self: center;}
.workshop-info-box-right {width:40%;}

.page-company-row {margin-bottom:50px;}
.page-company-row > div {}

.page-company-row > div >div {}

.page-company-row h4 {font-size: 2.4rem;line-height: 2.6rem;font-weight:300;margin-bottom: 30px;}


.page-company-cel  {padding: 40px;}
.page-company-cel > div  {padding-top:30px;border-top:1px solid var(--secondary-color);}
.page-company-cel div h4 {font-size: 2.4rem;line-height: 2.6rem;font-weight:300;margin-bottom: 30px;}


.video-container {
  width: 100%;
  height: 650px; /* lub dowolna wysokość, jaką chcesz */
  overflow: hidden; /* Ukrywa nadmiar wideo poza kontenerem */
}

.responsive-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Zapewnia, że wideo wypełnia cały kontener, zachowując proporcje */
}

.page-contact-intro {padding:50px 0px;}

.page-contact-intro-inner {padding:50px 0px;display:flex; justify-items:center; align-items:center;}
.page-contact-intro-left {padding:30px 10px;}
.page-contact-intro-left img {width:400px;}
.page-contact-intro-right  {padding:50px;}


.contact-logo {padding: 30px 40px 30px 0px;}
.contact-data {padding:60px 0px;}

.contact-data h4 {font-weight:300; font-size:2rem; line-height:2.2rem; padding-bottom:10px;}

.contact-data-text  {position:relative; padding-left:40px;}

.contact-data-text:before {top:6px;left:10px; content:"";width:1px; height:100%; position:absolute; background:var(--secondary-color); }

.contact-data a {color:var(--secondary-color);}
.contact-data a:hover {color:#000;}

.career-intro {position:relative;padding: 50px 0px 20px;}
.page-job h1 {font-size:3rem;font-weight:300;text-transform:inherit;line-height: 3.3rem;margin-bottom: 20px;}

.job-data {margin-bottom:50px;}
.job-data-inner {display:flex;}

.job-data-inner .job-data-left {width:60%;}
.job-data-inner .job-data-right {width:40%;/* align-items: center; */justify-content: center;display: flex;}
.job-data-inner .job-data-right .job-data-right-frame {max-width:350px;height:400px;padding:50px;border:1px solid var(--secondary-color);}

.job-data-inner .job-data-right a {
    font-weight: 555;
    margin-right: 18px;
    color: var(--secondary-color);
    font-weight: 400;
    border: 1px solid var(--secondary-color);
    padding: 10px 30px;
    display: inline-block;
  
    top: 60px;
    right: 30px;
    transition:0.4s;
}

.job-data-inner .job-data-right a:hover {
    transform:scale(1.05);
    color:#000
}
    
.job-data-inner .job-data-right .job-data-right-frame img {width:200px; margin-bottom:30px;}
.job-data-inner .job-data-right .job-data-right-frame span {font-weight:700}
.job-data-left-inner > div {margin-bottom:40px;}
.job-why {margin-bottom:70px;}

.job-icons {display:flex;flex-wrap: wrap;margin: 20px -10px;}
.job-icons > div {width: 239px;padding: 10px;height: 239px;justify-content: center;display: flex;align-items: center;}
.job-icons > div > div {
    border:1px solid var(--secondary-color);
    padding:10px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.job-icons > div > div >div {/* padding: 10px; */text-align:center;}
.job-data-left h4 {margin-bottom: 20px;font-weight: 300;font-size: 2rem;line-height: 2.2rem;}
.job-data-content {margin-bottom:40px;}

.job-data-inner .job-data-left ul {
    margin: 0px;
    padding: 0px;
}
.job-data-inner .job-data-left ul li {
    padding-bottom: 10px;
    padding-left:30px;
    position:relative;
}

.job-data-inner .job-data-left ul li:before {
    content:"";
    width:10px;
    height:1px;
    background:var(--secondary-color);
    position:absolute;
    left:0px;
    top:11px;
}

.medium-header {font-size:2rem; margin-bottom:30px; max-width:}

.custom-part {margin-bottom: 100px;margin-top: 50px;}
.custom-part-inner {display:flex;}
.custom-part-box {
	    display:block; 
		position:relative; 
		background:#fff; 
		max-width:500px; 
		padding: 40px 90px 40px 30px; 
		border: 1px solid var(--secondary-color);
        transition:0.4s;
  
}


.custom-part-box:after {
    content:"";
    margin: 0px;
    position: absolute;
    top: 50%;
    right: 20px;
    border: solid var(--secondary-color);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 26px;
    transform: rotate(-45deg) translateY(-50%);
    margin-top:-8px;

}

.custom-part-box p {margin-bottom:0px;}
.custom-part-box:before {
    content:"";
    width: 600%;
    position:absolute;
    height:1px;
    background: var(--secondary-color);
    left:-150%;
    top:50%;
    z-index:-1;
}

.custom-part-box:hover {
 
    color:#000;
   background:#ececec;
    
}

.breadcrumbs a {color: var(--secondary-color);}

.page-parts-intro {padding:20px;}

.pages-parts {padding: 50px 0px;} 

.engine-main-category {display:flex;padding: 20px 0px;justify-content: center;align-items: center;margin-bottom: 20px;min-height: 310px;border: 1px solid var(--secondary-color);transition: 0.4s;}

.engine-main-category .engine-main-image {width: 50%;padding: 30px 50px 30px 30px;}
.engine-main-category .engine-main-image img {width:100%;}
.engine-main-category .engine-main-data {position:relative;width: 50%;padding-right: 120px;}

.engine-main-category .engine-main-data h2 {font-size:3.3rem; line-height:3.4rem; margin-bottom:10px;}

.engine-main-category .engine-main-data:after {
    content:"";
    margin: 0px;
    position: absolute;
    top: 50%;
    right: 30px;
    border: solid var(--secondary-color);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 26px;
    transform: rotate(-45deg) translateY(-50%);
    margin-top:-8px;
}

.engine-main-category:hover {background: #ececec;}

.bss-main-boxes {margin-bottom:50px;}


.stats {display:flex;flex-wrap: wrap;margin: 20px -10px;}
.stats > div {/* margin:10px; *//* border:1px solid var(--secondary-color); */width: 237px;padding: 10px;height: 237px;justify-content: center;display: flex;align-items: center;/* background: #fff; */}
.stats > div > div {padding: 10px;text-align:center;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid;background: #fff;}
.stats > div > div p {margin-bottom:0px;}

.stats > div > div .stats-number {font-size:2rem;}

.stats:before {
    content:"";
    width: 600%;
    position:absolute;
    height:1px;
    background: var(--secondary-color);
    left:-150%;
    top: 126px;
    z-index:-1;
}
.zut h2 {padding:20px 40px;;}
.zut-frame {
    border: 1px solid  var(--secondary-color);
    margin:30px 0px 100px;;
}



.zut-frame-inner {
    padding:60px;
    display: flex;
}
.zut-frame-inner > div {width:50%;padding: 20px;display: flex;}
.zut-frame-two-inner  > div {margin-bottom:40px;}
.zut-frame-inner .zut-frame-one > div {width:50%;}
.zut-box {margin-bottom:20px;padding:20px 20px 20px 40px;;}
.zut-box {position:relative;font-size:1.2rem;}

.zut-box:before {top:20px;left:10px; content:"";width:1px; height:100%; position:absolute; background:var(--secondary-color); }

.zut-frame-inner .zut-frame-two-inner svg {margin-bottom:20px;}

.single-parts-inner h4 {font-weight:300; margin-bottom:20px;}
.parts-list {display:flex;flex-wrap:wrap;margin: 0px -10px;padding: 0px;}
.parts-list li {width: 50%;/* margin-bottom: 20px; */text-align: center;display: flex;padding: 10px;max-width: 100%;}
.parts-list li a {position:relative;transition:0.4s;color:var(--secondary-color);font-weight: 300;font-size: 1.6rem;padding: 20px 40px;border: 1px solid var(--secondary-color);display: flex;width: 100%;justify-content: center;align-items: center;}

.parts-list li a:after {
    content:"";
    margin: 0px;
    position: absolute;
    top: 50%;
    right: 20px;
    border: solid var(--secondary-color);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(-45deg) translateY(-50%);
    margin-top:-2px;

}

.parts-list li a span {/* align-self:center; */}

.parts-list li:hover a {transform: scale(1.02);background: #ececec;}
.page-part {margin: 30px 0px 80px;}

.page-part-content {margin: 20px 0px;display: flex;align-items: center;}
.page-part-content > div {width:50%;margin-bottom: 20px;padding: 40px;/* justify-content: center; *//* align-items: center; *//* text-align: center; */}
.page-part-content-right  {text-align:center;}

.page-part-content > div p {margin-top:20px;}
.list-of-parts {margin-bottom:100px;}
.list-of-parts-inner {display:flex;flex-wrap:wrap;margin: 20px -15px;}
.list-of-parts-inner > div {text-align:center; padding:20px; width:50%;}
.list-of-parts-inner > div p {font-weight: 300;font-size: 1.4rem;border: 1px solid var(--secondary-color);padding:20px;margin-bottom: 0px;}

.mobile-logo {margin-left: 2px;margin-bottom:40px;}

.slider-dnv {position:absolute;width:120px;height:120px;right: 30px;bottom:20px;}
.slider-dnv a img {transition: 0.3s; }
.slider-dnv a:hover img {transform:scale(1.1);}


.single-data a {color: var(--secondary-additional-color);text-decoration: none;}
.single-data a:hover {color: var(--additional-color);}


.grayform a {color:var(--primary-color)}
.grayform a:hover {color:var(--secondary-color)}
.black-dnv img {width: 130px;height: 130px;}
.pages-stats {margin-bottom: 50px;}

.mybutton {
    display: inline-block;
    position: relative;
    background: #fff;
    max-width: 500px;
    padding: 12px 60px;
    border: 1px solid var(--secondary-color);
    transition: 0.4s;
    color: var(--secondary-color);
}

.mybutton:hover {
 transform:scale(1.03);
    color: var(--primary-color);
        border: 1px solid var(--primary-color);

}



.service-boxes-container {display:flex;margin: -5px;}
.service-boxes-container .services-box {flex: 0 0 calc(33.333%); position:relative; padding:5px;}
.service-boxes-container .services-box .services-box-image {background:#ccc;height: 450px;display: flex;position: relative;overflow: hidden;}
.service-boxes-container .services-box .services-box-text {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color:#fff;
    font-size: 1.8em;
    font-weight: 200;
}

.service-boxes-container .services-box .services-box-image picture {
    transition: transform 0.32s cubic-bezier(0, 0.56, 0.44, 1);

}



.service-boxes-container .services-box .services-box-image picture { 
	background-size: cover;
	background-position: center center;
    position:absolute;
    width:100%;
    height:100%;
}

.service-boxes-container .services-box-marine .services-box-image picture { 
    	background-image: url("img/boxes/marine_service.jpg");

}

.service-boxes-container .services-box-field .services-box-image picture { 
    	background-image: url("img/boxes/field_service.jpg");

}
.service-boxes-container .services-box-offshore .services-box-image picture { 
    	background-image: url("img/boxes/offshore_service.jpg");

}

.service-boxes-container .services-box:hover .services-box-image picture {
        transform: scale(1.05);
} 

.boxing {margin-bottom:20px;}
.boxing > div > div > div {padding:20px;border:1px solid #333;margin-bottom: 20px;}
.boxing > div > div > div h4 {font-weight:300;margin-bottom: 20px;font-size: 1.7rem;}

.contact-section {margin-bottom:60px;display: flex;}

.contact-section h2 {
	font-weight: 300;
	font-size: 2rem;
	line-height: 2.2rem;
	padding-bottom: 20px;
	padding: 44px 45px 45px 50px;
	/* width: 300px; */
	/* background: #e8e8e8; */
	display: inline-block;
	height: fit-content;
	margin-top: 20px;
	position:relative;
}

.contact-section h2:before {
    content:"";
    width:200%;
    background: #E2E2E2;
    height:100%;
    right:0;
    display:block;
    position:absolute;
    z-index:-1;
    top:0px;
 }

.contact-section .members {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.contact-section .members .member {
    width: 33.33333%;
    padding-bottom: 50px;
    padding: 20px 20px 50px 20px;
}

.contact-section .members .member h3{
    line-height:2.2rem;
}
.contact-section .members .member a {
    display:block;
    color:var(--secondary-color);
    
}


.contact-section .members .member .image-wrapper {
    width: 100%; /* lub dowolna szerokość */
    height: 420px; /* lub dowolna wysokość */
    background-size: cover;
    background-position: center;
}

.contact-section .members .member .member-data {
    border-left:1px solid var(--primary-color);
    padding-left:20px;
    padding-top:20px;
    padding-bottom:10px;
    padding-right: 20px;
}


.contact-section .members .member .member-icon {position:relative;padding-left: 30px;}

.contact-section .members .member .member-icon:before {
    height: 26px;
    width: 23px;
    content: "";
    display: inline-block;
    justify-items: center;
    position: absolute;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center;
    left: 0px;
    top: 0px;
}
.contact-section .members .member .member-email:before {
        background-image: url("svg/mail-mini.svg");
}
.contact-section .members .member .member-phone:before {
        background-image: url("svg/phone-mini.svg");
}






.emergency { display:inline-block; border:1px solid red; padding:30px 50px;}
.emergency .emergency-inner {display:flex;}

.emergency-icon {
       height: 100px;
    width: 100px;
    content: "";
    display: inline-block;
    justify-items: center;
    position: absolute;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("svg/bell-gray.svg");
}
.emergency-data {padding-left:140px;}
.emergency p{padding-bottom:0px; margin-bottom:0px; color:var(--secondary-color);}
.emergency h3{margin-bottom:15px; color:var(--secondary-color);}
.emergency a{color:var(--secondary-color);}


#page-cnc h4 {
	margin-bottom: 20px;
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.2rem;
}


.terms {
    font-weight: 555;
    margin-right: 18px;
    color: var(--secondary-color);
    font-weight: 400;
    border: 1px solid var(--secondary-color);
    padding: 10px 20px;
    display: inline-block;
    top: 60px;
    transition:0.4s;
    margin-bottom:20px;
}

.terms:hover {
    transform:scale(1.05);
    color:#000
}
   
.zgoda-big {}
.zgoda-big img {width: 400px;}  

.zgoda-header {font-size:2rem; padding:40px;}

.zgoda-boxes {/* padding:0px 30px; */margin-bottom:50px;/* margin: 20px -30px; */}
.zgoda-boxes .zgoda-box h3 {text-align:center!important; margin-bottom:20px;}
.zgoda-boxes .zgoda-box {text-align:center;padding: 15px;}
.zgoda-boxes .zgoda-box >div { border:1px solid; padding:30px;}
.zgoda-boxes .zgoda-box >div>div>div {margin-bottom:0px;padding-bottom:0px;}

.zgoda-intro p  {font-style:italic; font-weight:400; font-size:1.2rem; line-height:1.7rem;}

.brand-zgoda-icon {background-image: url("svg/zgoda.svg");}
.brand-fsa-icon {background-image: url("svg/fsa.svg");}

.brands-icons {text-align:center;}
.brands-icons {justify-content:center;display:flex;/* flex-wrap:wrap; */width: 100%;/* display: block; */} 
.brand-icon {margin-bottom:10px;display: inline-block;/* padding:15px; *//* max-width: 100%; *//* height: 200px; *//* display: block; */width: 50%;}
.brand-icon span {cursor:pointer;transition:1.2s;content: "";/* display: inline-block; */justify-items: center;background-repeat: no-repeat;background-position: center;background-size: contain;/* display: inline-grid; */width: 300px;height: 140px;display: block;max-width: 100%;}
.brand-icon:hover span {transform: scale(1.0);}

.hover-underline {
  font-size: 2rem;
  color: #ffffff;
  position: relative;
  display: inline-block;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #000, #000);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}


.fsa-info {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border: 1px dashed;
    margin-top: 20px;
}
.fsa-info-icon { 
	background-image: url("svg/fsa-frameless.svg");
	height: 60px;
	width: 150px;
	content: "";
	display: inline-block;
	justify-items: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.fsa-info-data {
    padding-left: 20px;
    font-style: italic;
}

.common-data  ul {padding-left:10px;}
.common-data  ul li {padding-left:30px;position:relative; padding-bottom:15px;}
.common-data  ul li:before {
    content:"";
    width: 15px;
    height: 1px;
    background:var(--secondary-color);
    position:absolute;
    left: 0px;
    top:11px

}
.common-data a {color:var(--primary-color); text-decoration:underline; }
.slider-pages {height:420px;position:relative}

.logo-square {display:block;width: 300px;min-width: 250px;}
.logo-square img {/* width:280px; */}

.slider-data-text {display:block;padding: 30px;max-width: 800px;/* justify-content: center; */align-items: center;display: flex;}

body.home #header .navbar .navbar-brand {display:none;}
body.home #header .navbar.fixed .header-logo-white {display:block;}
body.home #header .navbar.fixed .header-logo-white { background:transparent;}

.heart-box {margin-top: -200px;left: -20px;/* z-index: 2; */background-image: url(https://fundacja-inmare.pl/wp-content/uploads/2025/04/heart.svg);background-size: cover;background-position: center;width: 90%;height: 900px;margin-left: 40px;position: relative;z-index: 11;}
.heart-box2 {margin-top: 0px;}

.family-block {text-align:center;}


.family-block-inner {padding: 260px 0px;max-width:800px;margin:0 auto;}
.family-block-inner .handywrite {position:relative;font-family:var(--secondary-font);color:var(--additional-color);width: 80%;margin: 20px auto 50px;font-size: 2.2rem;line-height: 2.4rem;}
.family-block-inner .handywrite:after {
    content: "";
    background: url("svg/underline.svg");
    background-size:contain;
    width: 200px;
    height: 50px;
    position: absolute;
    right: 50%;
    transform:translateX(50%);
    z-index:0;
    background-repeat:no-repeat;
    bottom:-60px;
}




.family-block-inner p {color:#ffff;}

.box-padder {
    padding: 60px;
}

.inmare-block {z-index:10;margin-bottom: -120px;}
.inmare-block-image {text-align:center;}

.pages-header {
    color: #fff;
    font-size: 3rem;
}


.slider-pages-data {z-index: 1;position:absolute;height:100%;width:100%;}
.slider-pages-data-inner {position:absolute;bottom: 39px;padding-left:20px;width: 100%;}
.slider-pages-data-inner h1 {font-size:3.5rem;position:relative;line-height: normal;}
.slider-pages-data-inner h1:after {left: 0px;bottom: -45px;content: "";width: 250px;height: 15px;background:var(--additional-color);position:absolute;z-index: 100;margin-bottom: -10px;}

.simplelink {color:var(--additional-color);}
.simplelink2 {color:var(--additional-color); font-size:1.8rem; text-align:right; font-family:var(--secondary-font);}
.simplelink2:hover {color:var(--secondary-additional-color); }

.shower {
	animation-name: show;
	animation-duration: 3s;
}

@keyframes show {
	0% {opacity: 0; transform:scale(1.1);}

	100% {opacity: 1000; transform:scale(1);}
}

.myblock2 {}

.myblock2 img {width:400px;}
.myblock2 figure {position:relative;}
.myblock2 figure:after {
    content: "";
    background: url("svg/block.svg");
    background-size:contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 65px;
    right: -270px;
  z-index:-1;
    background-repeat:no-repeat;
}


.add-pattern {position:relative;}
.add-pattern :after {
    content: "";
    background: url("svg/pattern.svg");
    background-size:contain;
    width: 700px;
    height: 700px;
    position: absolute;
    top: -200px;
    right: -180px;
    z-index:-1;
    background-repeat:no-repeat;
}

.header-how {padding:40px;font-size:2.3rem;margin-bottom: 0px;}
.image-subtext p {font-size: 1.5rem;color: var(--primary-color);width: 80%;}

.how-squares {padding:30px;}

.horison {
    display: flex;
    margin-bottom:50px;
}
.horison > div {}
.horison .horison-left {position:relative;width: 70%;}
.horison .horison-left-inner {
    background: url("img/ship3.webp");
    background-size:cover;
    width: 120%;
    height: 100%;
    position: absolute;
    bottom: -50px;
    right: -60px;
    background-repeat:no-repeat;
    background-position:center;

}
.horison .horison-right {z-index: 2;}
.horison .horison-right-inner {
    padding: 220px 50px 130px;
    color: #fff;
    background:#010037;
    width: 100%;
    height:100%;
    position:relative;
}

.horison .horison-right-inner:before {
    background: url("svg/boats.svg"); 
    background-size:contain;
    width: 300px;
    height: 200px;
    position: absolute;
    top: 20px;
    right: 30px;
    background-repeat:no-repeat;
    background-position:center;
    content:"";
}

.horison .horison-right-inner p{color:#fff;}
.horison .horison-right h3 {
    color: #fff;
    font-size: 2.6rem;
    line-height: 2.8rem;
    margin-left: -90px;
    width: 80%;
}
.horison .horison-link {color:var(--additional-color);}

.big-links {display:flex; margin:0px -10px;}
.big-link-box {cursor:pointer; transition:0.4s; padding:10px; width:100%;}
.big-link-box:hover {transform:scale(1.03);}
.big-link-inner {border:1px solid var(--secondary-additional-color);padding: 100px 40px 130px;text-align:center;}
.big-link-inner p {position:relative;color: var(--secondary-additional-color);margin-bottom:0px;font-weight: 400;font-size: 1.4rem;}
.big-link-inner p:after {
    position: absolute;
    background-color: var(--secondary-additional-color);
    height: 3px;
    width: 100px;
    content: "";
    left:50%;
    bottom:-30px;
    transform:translateX(-50%);
}
.page-events  {margin-bottom:50px;}

.mylink {color:var(--secondary-additional-color); text-decoration:none;}
.mylink:hover {color: var(--additional-color);}


.contact-link {transition:0.2s; color: var(--secondary-additional-color); font-weight:300; font-size:2rem;}
.contact-link:hover {color:var(--additional-color);}

.contact-container {padding: 93px 66px;text-align: center;border: 1px solid #ad823f;margin-bottom: 50px;}


.slider-responsive-video::-webkit-media-controls {
  display: none !important;
}

.slider-responsive-video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.mylink2 {text-align:center;width: 100%;display: inline-block;border: 1px solid;padding: 15px;}

.item-news-date {color:#777;font-size:0.8rem; text-transform:uppercase}