@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --primary-color: #000000;
    --secondary-color: #333;
    --primary-font: 'Karla', 'Arial', sans-serif;
    --primary-font-color: #333;
    --secondary-font-color: #333;
    --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: 800;
    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;
}

#header .logotype-top {
    width: 270px;
    padding: 0px 20px;
}

#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: 6px 2px;
    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);
}



#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;
}
#header .navbar .current-menu-item a:after  {content:"";width: 60%;}


#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: rgba(255, 255, 255, 0.96);
    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 .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 .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: 200;
    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: 33.33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    /* text-align: left; */
}
footer .footer-content .footer-boxes .footer-box-one {margin-right:80px}


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 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: 20px; */
  font-size: 20px;
  /* margin-top: 18px; */
  /* opacity: 0; */
  position: absolute;
  cursor: pointer;
  right: 100px;
}




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

.header-socials ul li{display: inline-block;} 

.header-socials ul li a{
    color: #222;
    font-size: 1rem;
    padding: 20px;
}

.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: #222222;
    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;
    padding: 20px;
}

.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;z-index: 2;}
.slider-item .slider-data-inner p {
    width: 100%;
    /* text-align: center; */
}

.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: 50%;
    height: 367px;
    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: #EFEFEF;z-index: 1;}

.slider-slide:after {
    position: absolute;
    width: 600px;
    content:"";
    background: url(img/pipes.png);
    right: 0px;
    top:94px;
    z-index: 0;
    height: 500px;
    background-size: contain;
    background-repeat: no-repeat;
}



.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: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 40px;
    max-width: 1446px;
    margin: 0px auto;
    position: relative;
    width: 100%;
}

.navbar-header {
    display: flex;
}

.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: 27px;left: 0px;z-index:2;color:#fff;/* text-transform:uppercase; *//* letter-spacing:0.3rem; */font-weight: 300;padding-left: 300px;}
.slider-additionals p {color:#fff; position:relative;}
.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: #000000;font-weight: 800;font-size: 3.5rem;text-transform:uppercase;/* letter-spacing:0.2rem; */margin-bottom: 10px;/* text-align: center; */max-width: 800px;line-height: 3.4rem;}
.slider-maintext {color: #000000;font-weight: 300;font-size:2.5rem; position:relative;}
.slider-maintext:after {background:#D9D9D9;width:200px;height:10px;content:"";position:absolute;bottom: -25px;left:0px;}

.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;
}


.my-main-boxes-container {display:flex;margin: -5px;}
.my-main-boxes-container .my-main-box {flex: 0 0 calc(50%);position:relative;padding:5px;}
.my-main-boxes-container .my-main-box .my-main-box-image {background:#ccc;height: 450px;display: flex;position: relative;overflow: hidden;}
.my-main-boxes-container .my-main-box .my-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;
}

.my-main-boxes-container .my-main-box .my-main-box-image picture {
    transition: transform 0.32s cubic-bezier(0, 0.56, 0.44, 1);

}



.my-main-boxes-container .my-main-box .my-main-box-image picture { 
	background-size: cover;
	background-position: center center;
    position:absolute;
    width:100%;
    height:100%;
}

.my-main-boxes-container .my-main-box-parts .my-main-box-image picture { 
    	background-image: url("img/boxes/pipes-crane.jpg");

}

.my-main-boxes-container .my-main-box-services .my-main-box-image picture { 
    	background-image: url("img/boxes/pipes-big.jpg");

}
.my-main-boxes-container .my-main-box-workshop .my-main-box-image picture { 
    	background-image: url("img/boxes/workshop.jpg");

}

.my-main-boxes-container .my-main-box:hover .my-main-box-image picture {
        transform: scale(1.05);
} 

.bss-intro-container {
    display:flex;
    padding: 40px 0px 40px;
}

.bss-intro-container > div {
    width:50%;
    padding: 65px;
}

.bss-intro-container .bss-intro-arrows ul {
    padding-left:0px;
}

.bss-intro-container .bss-intro-arrows ul li {
     font-size:2rem;
     font-weight: 300;
      padding-bottom:50px;
}

.bss-intro-container .bss-intro-arrows ul li a {
     font-size:2rem;
     font-weight: 300;
      padding-bottom:50px;
    color: var(--secondary-font-color);
    position:relative;
}

.bss-intro-container .bss-intro-arrows ul li a:before {
        transition: transform 0.32s cubic-bezier(0, 0.56, 0.44, 1);

    background-image: url("svg/arrow-long-black.svg");
    height: 28px;
    width: 250px;
    content: "";
    left: 168px;
    margin-right: 13px;
    margin-top: 0px;
    display: inline-block;
    justify-items: center;
    position: absolute;
    background-size:250px;
    background-repeat: no-repeat;
    background-position: right;
    top: 7px;
}

.bss-intro-container .bss-intro-arrows ul li a:hover:before {
    left: 180px;
    transition:0.3s;
}
    
.bss-intro-container .bss-intro-data h2{
    color: #ECD8BC;
    font-weight: 800;
    font-size: 3.5rem;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    margin-bottom: 0px;
    /* text-align: center; */
    max-width: 800px;
    line-height: 3.4rem;
    /* font-size: 4rem; */
    /* font-weight: 300; */
    /* line-height: initial; */
    margin-bottom: 20px;
}


.bss-points-container {
    display:flex;
    padding: 0px 80px;
}

.bss-points-container > div {
    width: 33.3%;
    padding: 20px;
    position: relative;
}

.bss-points-container > div .point-number {
    position:absolute;
    left: 38px;
    top: 79px;
    display: none;
}  

.bss-points-container > div .point-title {
    font-size: 1.6rem;
    padding-bottom:10px;
    padding: 30px;
    border: 1px solid;
    text-align: center;
}

.bss-points-container > div .point-number:before {
    position:absolute;
    content:"";
    width: 1px;
    height: 220px;
    left: 21px;
    top: 34px;
    background:var(--secondary-color);
    display: none;
}   

.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;background-image: url(img/dark-bg.jpg);background-size: cover;background-position: center;}
.bss-bigimage-container {overflow:hidden;/* min-height: 600px; */position:relative;width:100%;height:100%;/* background-image: url("img/dark-bg.jpg"); *//* background-size:cover; *//* background-position: center; */color: #fff;text-align: center;padding: 160px 60px;}

.bss-bigimage-text {/* max-width: 560px; *//* position:absolute; *//* bottom:70px; *//* color:#fff; */padding: 20px;font-size: 2rem;}
.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:4.2rem;line-height: inherit;font-weight:300;text-transform: initial;margin-left: -6px;line-height: 4.6rem;}

.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-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%;}

.single-post-inner .single-post-right .single-data {padding: 68px;}

.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;}

.my-main-boxes {margin-top: -164px;z-index: 2;position: relative;margin-bottom: 30px;}


.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(--primary-color); text-decoration:underline;}
.single-data a:hover {color:var(--secondary-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; }


/* Ukryte panele */
.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body {
    display: none;
    padding: 20px 20px 15px 20px;
}

/* Aktywny (otwarty) panel */
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-body {
    display: block;
}

/* Ikony + / - (opcjonalnie) */
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus:before {
    content: "-";
}
.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus:before {
    content: "+";
}



.acor {}

.acor .vc_toggle_title { transition:0.6s;border:1px solid; padding:20px; }
.acor .vc_toggle_title h4 {font-size:1.6rem;}

.acor .vc_toggle_active .vc_toggle_title {

	 border-bottom:1px solid #fff;;

	
}
.acor .vc_toggle_title .vc_toggle_icon {position:absolute;right: 30px!important; left: initial!important;background: #878787;border: none;height: 1px;width: 20px;}
.vc_toggle_default .vc_toggle_icon::after, .vc_toggle_default .vc_toggle_icon::before {border:none!important;}

.acor .vc_toggle_title .vc_toggle_icon:before {
	 width: 1px;
	 height: 20px;
	 background: #878787;
	 transition: 0.4s;
}


.acor .vc_toggle_active .vc_toggle_icon:before {

	 height: 0px;
	
}




.acor .vc_toggle_title .vc_toggle_icon:after {
  

}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {opacity: 0;}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content {position:relative;border:1px solid;margin-top: 0px;border-top: none;padding: 30px 30px 80px 30px;}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content:before {

	content:"";
	background-position: center;
	height: 72px;
	width: 75px;
	position: absolute;
	left: 30px;
	bottom: -2px;
	z-index: 1;
	background: url(svg/small-arrows.svg);
	background-repeat: no-repeat;
	background-size: cover;
	
}

/* Kontener akordeonu */
.vc_tta-panels {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #fff;
}

/* Pojedynczy panel */
.vc_tta-panel {
    border-bottom: 1px solid #ddd;
}

/* Nagłówek panelu */
.vc_tta-panel-title {
    background-color: #f7f7f7;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
    display:block;
    margin-bottom: 0px;
}

.vc_tta-panel-title a {
 display:block;
    width:100%;
    color:initial;
    font-weight:300;
    font-size:1.4rem;
}


.vc_tta-panel-title a  i {
     position: absolute;
     right: 20px !important;
     left: initial !important;
     border: none;
     height: 1px;
     width: 20px;
     text-transform: initial;
     font-style: normal;

}

.vc_tta-panel-title a i:before {
    width: 1px;
    height: 20px;

    transition: 0.4s;

}

.vc_tta-panel-title:hover {
    background-color: #eaeaea;
}

/* Ikona strzałki przy nagłówku */
.vc_tta-panel-title .vc_tta-panel-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-panel-icon {
    transform: translateY(-50%) rotate(180deg);
}

/* Treść panelu */
.vc_tta-panel-body {
    padding: 15px 20px;
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

/* Pokazuje treść aktywnego panelu */
.vc_tta-panel.vc_active .vc_tta-panel-body {
    display: block;
}

/* Prosta animacja pojawiania siÄ™ */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}





.bss-intro {
    margin-top: 30px;
    background: url(img/dark-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.bss-intro p {	
 color:#fff;

}


.first-text {color:#ebd8bc;}