:root {
    --header-dark-green-color: #144a3a;
    --font-color-black: #2b2a29;
}
html,
body {
    font-size: 14px;
    line-height: 18px;
    height: 100%;
    color: #000;
    font-family: 'Barlow', sans-serif, Arial, Helvetica;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizespeed;
    min-width: 320px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
blockquote,
pre,
a,
big,
em,
img,
q,
small,
strong,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}

/* Add font */
/* Add: fonts/dir_name/font_name_font.css - more fonts */
/* Add example in index.php: <link rel="stylesheet" href="<?php echo $link_www_src; ?>fonts/proxima/font_proxima.css"> */
/* Edit styles: partners, search, cookies, mobile contact, facebook - dir: /css/functions.css */

.bi {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.animate {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.animate-fast {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.animate-slow {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.noAnimate {
    -webkit-transition: all 0s ease-in-out !important;
    -moz-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
    transition: all 0s ease-in-out !important;
}

.video {
    float: left;
    position: absolute;
    top: -17%;
    left: 0%;
    min-width: 100%;
    width: 100%;
    z-index: 1;
    opacity: 1;
    height: 134%;
    object-fit: cover;
}

.r-text a {
    color: #fff;
    text-decoration: underline;
}

.baner {
    height: calc(100%);
}

.baner .contactArrowDown {
    float: left;
    width: 3.1vw;
    position: absolute;
    left: 50%;
    bottom: 1.5vw;
    margin: 0px 0px 0px -1.55vw;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

.aboutOne p {
    margin-bottom: 20px;
}

.aboutOne h2 {
    float: left;
    width: 100%;
    position: relative;
    margin: -1.8vw 0px 3vw 0px !important;
    color: #1c1d1f;
    font-family: 'Barlow';
    font-size: 3.15vw;
    font-weight: 700;
    line-height: 3.15vw;
    text-align: center;
}

.aboutOne h2::before {
    content: " ";
    float: left;
    width: 20%;
    height: 1px;
    border-top: 1px solid #c6c6c6;
    position: absolute;
    right: 0;
    top: 1.8vw;
}

.aboutOne h2::after {
    content: " ";
    float: left;
    width: 20%;
    height: 1px;
    border-top: 1px solid #c6c6c6;
    position: absolute;
    left: 0;
    top: 1.8vw;
}

.offerOne {
    float: left;
    width: 100%;
    position: relative;
    padding: 4vw 0px;
    /* background: url(images/offerOneBg.png) center no-repeat; */
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.offerOne .text {
    float: left;
    max-width: 56vw;
    position: relative;
    color: #fff;
    font-family: 'Barlow';
    font-size: 0.95vw;
    font-weight: 400;
    line-height: 1.5vw;
    text-align: left;
}

.offerTwo {
    float: left;
    width: 100%;
    position: relative;
    padding: 5vw 0 0 0;
    /* background: url(images/offerTwoBg.png) center no-repeat; */
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
}

.offerTwo .text {
    float: left;
    width: 66vw;
    position: relative;
    color: #2b2a29;
    font-family: 'Barlow';
    font-size: 1.15vw;
    font-weight: 400;
    line-height: 1.5vw;
    text-align: left;
}

.offerTwo .text.div-left .offer-row:nth-child(1) img{
    margin: 0px 21px 0 -5px;
    width: 9.4vw;
}

.offerTwo .text.div-left .offer-row:nth-child(2) img{
    width: 10.2vw;
}
.offerTwo .text.div-left .offer-row:nth-child(3) .offer-icon-container{
   margin-right: 13px;
}
.offerTwo .text.div-left .offer-row:nth-child(3) img{
    margin: -15px 0 0 0;
}


.offerTwo .div-right .offer-icon-container{
    margin-right: 0;
}
.offerTwo .div-right .offer-row:nth-child(2) .offer-icon-container{
    margin: 0 -6px 0 10px;
}
.offerTwo .div-right .offer-row:nth-child(1) .offer-icon-container{
    margin-right:-9px;
}
.offerTwo .div-right .offer-row:nth-child(2) img{
    width: 9.3vw;
}
.offerTwo .div-right .offer-row:nth-child(3) .offer-icon-container{
    margin-right:-8px;
}

.offerTwo h2 {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 4.5vw 0px;
    color: #144a3a;
    font-family: 'Barlow';
    font-size: 3.15vw;
    font-weight: 700;
    line-height: 3.15vw;
    text-align: center;
}

.offer-row {
    display: flex;
    height: 7vw;
    width: 30vw;.offerTwo
    justify-content: center;
    align-items: center;
}

.offer-icon-container {
    margin-right: 10px;
}

.offer-icon {
    width: 10vw;
}

.displayflex {
    display: flex;
}

.offerTwo .displayflex{
    padding: 0 0 3vw 0;
}

.flexdirection {
    flex-direction: column;
}

/* Gallery override arrows */

.rental-offer-main .offerTwo .inside .gallery .owl-item,
.rental-offer-main .offerTwo .inside .gallery .owl-item a,
.rental-offer-main .offerTwo .inside .gallery .owl-item a img{
    height: 100%;
    /* min-height: 421px; */
}
.offerTwo .inside .gallery .owl-nav {
    float: none;
    clear: both;
    width: 100%;
    /* position: absolute; */
    left: 0;
    font-size: 0;
    z-index: 1;
    top: 0;
    left: 0;
    height:100%;
}
.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-prev{
    left: 2vw;
    /* background: url(images/listArrowLeft.svg) center no-repeat; */
}
.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-prev::after{
    content:"";
    border: solid var(--header-dark-green-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    z-index: 3;
    top: 41%;
    left: 44%;
}

.rental-offer-main .offerTwo .inside .gallery .owl-stage .owl-item{
    position: relative;
}
.offerTwo .inside .gallery .owl-nav::before,
.offerTwo .inside .gallery .owl-nav::after{
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    height: 100%;
    width: 400px;
}

.offerTwo .inside .gallery .owl-nav::before{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
}
.offerTwo .inside .gallery .owl-nav::after{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    right: 0;
}

.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-next{
    right:2vw;
    /* background: url(images/listArrowRight.svg) center no-repeat; */
}

.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-next::after{
    content:"";
    border: solid var(--header-dark-green-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    z-index: 3;
    top: 41%;
    left: 36%;
}
.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-prev,
.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-next{
    border-radius: 50%;
    float: none;
    width: 3.57vw;
    height: 3.57vw;
    position: absolute;
    background-size: 100%;
    background-color: #b7e0d2;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: background-color .3s ease-in;
    cursor: pointer;
    top:45%;
    min-width: 65px;
    min-height: 65px;
    z-index:3;
}

.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-prev:hover,
.rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-next:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: #b7e0d2;
}

.offerTwo .brand .inside {
    width: 100%;
}

.home .homeTwo .inside .header, 
.home .homeFour .inside .header,
.home .homeEight .inside .header,
.home .homeX .inside .header,
.home .homeThirteen .inside .header {
        width: 100%;
        position: relative;      
        font-family: 'Barlow';
        font-size: clamp(18px, 2.6vw, 60px);
        font-weight: 700;
        line-height: 2.6vw;
        z-index: 1;
        text-align: center;
    }

.home .homeTwo .inside .header {
    color: #1c1d1f;
}

.home .homeFour .inside .header, 
.home .homeSeven .inside .header,
.home .homeX .inside .header,
.home .homeThirteen .inside .header {
    color: #fff;
}

.home .homeSeven {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

.home .homeSeven .inside .header {
    width: 100%;
    position: relative;
    margin: 15px 0px 0px 0px;        
    font-family: 'Barlow';
    font-size: clamp(18px, 2.6vw, 60px);
    font-weight: 700;
    line-height: 5.6vw;
    z-index: 1;
    text-align: center;
}

.home .homeSeven .inside .box-text {
    width: 100%;
}

.home .homeSeven .inside .box-text div.box-contianer {
    align-items: center;
}

.home .homeEight {
    position: relative;
}

.home .homeEight .inside .header {
    color: #000;
}

.home .homeTen {
    float: left;
    width: 100%;
    margin: 0px;
}

@media screen and (min-width: 1100px) {
    .no-comp {
        display: none !important;
    }

    .metBox {
        float: right;
        width: 2.9vw;
        position: absolute;
        top: 10vw;
        right: 0;
        z-index: 10;
        overflow: hidden;
    }

    #history {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #csr {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #awards {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -50px;
    }

    #career {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -50px;
    }

    #cooperation {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #customers {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    .Gmore {
        float: left;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-decoration: none;
    }

    .Gmore span {
        float: left;
        position: relative;
        padding: 0px 2.5vw 0px 1.5vw;
        color: #ffffff;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase;
        background: #073f35 url(images/homeOfferMoreArrow.svg) right 0.8vw center no-repeat;
    }

    .wrapper {
        float: left;
        width: 100%;
        height: 10vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 20;
        pointer-events: none;
    }

    .wrapper .wrap {
        width: 94%;
        height: 100%;
        position: relative;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .wrapper .wrap .logo {
        float: left;
        width: 12.9vw;
        height: 3.63vw;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        pointer-events: all;
    }

    .wrapper .wrap .logo img {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .wrapper nav {
        float: right;
        width: auto;
        height: 100%;
        position: relative;
        font-family: 'Barlow';
        font-size: 18px;
        line-height: 18px;
        font-weight: 500;
        letter-spacing: 0.87px;
    }

    .wrapper nav ul {
        float: left;
        height: 100%;
        position: relative;
    }

    .wrapper nav ul li {
        float: left;
        height: 100%;
        position: relative;
        list-style: none;
    }

    .wrapper nav ul li a {
        float: left;
        color: #fff;
        height: 100%;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .wrapper nav ul li a:hover {
        color: #073f35;
    }

    .wrapper nav ul li a.active {
        color: #073f35;
        font-weight: 600;
        text-shadow: 0px 0px 5px #fff;
    }

    .wrapper nav ul li .menu-hr {
        float: right;
        margin: 0px 1.5vw 0px 1.5vw;
    }

    .wrapper nav ul li:last-child .menu-hr {
        display: none;
    }

    .wrapper .menu-tel {
        display: none !important;
    }

    .wrapper .other {
        float: right;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .wrapper .other .social {
        float: left;
        position: relative;
    }

    .wrapper .other .social a {
        font-family: 'Barlow';
        color: #ffffff;
        font-size: 0.7vw;
        font-weight: 500;
        line-height: 0.7vw;
        letter-spacing: 0.36px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        text-decoration: none;
    }

    .wrapper .other .social img {
        float: left;
        position: relative;
        margin: 0px 0.5vw 0px 0px;
    }

    .wrapper .other .hr {
        float: left;
        position: relative;
        margin: 0px 1vw 0px 1.3vw;
        filter: brightness(0) invert(1);
    }

    .wrapper .other .lang {
        float: left;
        position: relative;
    }

    .wrapper .other .lang a {
        float: left;
        position: relative;
        margin: 0px 0px 0px 1vw;
        color: #9aa9b4;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: right;
    }

    .wrapper .other .lang a:hover,
    .wrapper .other .lang a.activeLang {
        color: #fff;
        font-weight: 700 !important;
    }

    .smallWrapper {
        height: 90px;
        background: #fff;
        border-bottom: 1px solid #e4e5e4;
    }

    .smallWrapper .wrap .logo {
        height: 2.35vw;
    }

    .smallWrapper .wrap .logo img {
        float: left;
        width: 10vw;
        position: absolute;
    }

    .smallWrapper .wrap .logo img:nth-child(1) {
        z-index: 2;
    }

    .smallWrapper .wrap .logo img:nth-child(2) {
        z-index: 1;
    }

    .smallWrapper nav ul li a {
        color: #231f20;
    }

    .smallWrapper nav ul li a:hover {
        color: #073f35;
        text-decoration: none;
    }

    .smallWrapper .other .social a {
        color: #231f20;
    }

    .smallWrapper .other .social img {
        float: left;
        position: relative;
        filter: none;
    }

    .smallWrapper .other .hr {
        filter: none;
    }

    .smallWrapper .other .lang a:hover,
    .smallWrapper .other .lang a.activeLang {
        color: #231f20;
    }

    .container {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .container .slide-1 {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
    }

    .container .slides {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        background-size: cover !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .container .slides .box {
        float: left;
        width: 94%;
        margin: 2vw 3% 0px 3%;
        position: relative;
        font-family: 'Barlow';
    }

    .container .slides .box .nag {
        float: left;
        width: 100%;
        position: relative;
        color: #ffffff;
        font-size: 4.2vw;
        font-weight: 700;
        line-height: 6vw;
        text-align: center;
    }

    .container .slides .box .text {
        float: left;
        width: 100%;
        position: relative;
        color: #ffffff;
        font-size: 1.15vw;
        font-weight: 300;
        line-height: 1.5vw;
    }

    .container .slides .box .more {
        display: none;
        visibility: hidden;
    }

    .container .owl-dots {
        float: left;
        width: 100%;
        left: 3%;
        bottom: 3.2vw;
        position: absolute;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        counter-reset: section;
    }

    .container .owl-dots .owl-dot {
        float: left;
        width: 2.4vw;
        height: 2.4vw;
        position: relative;
        margin: 0px 0.2vw 0px 0.6vw;
        padding: 0px 0px 0px 0px;
        color: #3b3a3a;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 1vw;
        border: 1px solid #3b3a3a;
        border-radius: 40em;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container .owl-dots .owl-dot::before {
        counter-increment: section;
        content: counter(section);
    }

    .container .owl-dots .active {
        float: left;
        width: 2.4vw;
        height: 2.4vw;
        position: relative;
        margin: 0px 0.2vw 0px 0.2vw;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 1vw;
        border: 1px solid #3b3a3a;
        border-radius: 40em;
        background: #163e33;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container .scrollDown {
        float: left;
        position: absolute;
        bottom: 3.2vw;
        z-index: 5;
        cursor: pointer;
        width: 3.1vw;
        left: 50%;
    }

    .home {
        float: left;
        width: 100%;
        position: relative;
    }

    .home .homeOne {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 2vw 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;

    }

    .home .homeX {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 2vw 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;

    }

    .home .homeOne .inside,
    .home .homeX .inside-light,
    .home .homeThree .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .home .homeOne .inside .header {
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.6vw;
        font-weight: 700;
        line-height: 2.6vw;
        z-index: 1;
        text-align: center;
    }

    .home .homeX .inside-light .header {
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.6vw;
        font-weight: 700;
        line-height: 2.6vw;
        z-index: 1;
        text-align: center;
    }

    .home .homeX .inside-light .archives,
    .home .homeOne .inside .archives {
        float: right;
        margin: -2vw 0px 0px 0px;
        padding: 0px 1vw 0px 0px;
        position: relative;
        color: #073f35;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        text-transform: uppercase;
        text-decoration: none;
        background: url(images/archiveArrow.svg) right center no-repeat;
        z-index: 2;
    }

    .home .homeX .inside .archives {
        float: right;
        margin: -2vw 0px 0px 0px;
        padding: 0px 1vw 0px 0px;
        position: relative;
        color: #004733;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        text-transform: uppercase;
        text-decoration: none;
        background: url(images/archiveArrow.svg) right center no-repeat;
        z-index: 2;
    }

    .list {
        float: left;
        width: 100%;
        position: relative;
        margin: 3vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .list .box {
        float: left;
        width: 32%;
        height: 29.5vw;
        position: relative;
        margin: 0px 0px 2vw 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
    }

    .list .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 11vw;
        position: relative;
        z-index: 5;
    }

    .list .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .list .box .inner {
        float: left;
        width: 86%;
        position: relative;
        margin: 0px 7% 0px 7%;
        padding: 0px 0px 0px 0px;
    }

    .list .box .inner .date {
        float: left;
        margin: -0.9vw 0px 1.5vw 0px;
        padding: 0px 1vw 0.1vw 1vw;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 0.8vw;
        font-weight: 500;
        line-height: 1.6vw;
        background: #073f35;
        z-index: 6;
    }

    .list .box .inner .header {
        float: left;
        width: 100%;
        height: 2.6vw;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        padding: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 1.05vw;
        font-weight: 700;
        line-height: 1.35vw;
        overflow: hidden;
    }

    .list .box .inner .text {
        float: left;
        width: 100%;
        height: 6.05vw;
        position: relative;
        margin: 0px 0px 2vw 0px;
        padding: 0px 0px 0px 0px;
        color: #424242;
        font-family: 'Roboto';
        font-size: 0.8vw;
        font-weight: 400;
        line-height: 1.3vw;
    }

    .news .inside .page {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 4vw 0px 0px 0px;
    }

    .news .inside #details {
        padding-top: 90px;
    }

    .news .inside .page .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 2vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 3vw;
    }

    .news .inside .page .left {
        float: left;
        width: 30%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .news .inside .page .zdjecie-glowne {
        float: left;
        width: 100%;
        /*		height:15vw;*/
        position: relative;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        overflow: hidden;
    }

    .news .inside .zdjecie-glowne .img {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .key {
        float: left;
        margin: 2vw 0px 2vw 0px;
        padding: 0px 1vw 0.1vw 1vw;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 0.9vw;
        font-weight: 400;
        line-height: 2vw;
        background: #073f35;
        border-radius: 10px;
        z-index: 6;
    }

    .news .inside .right {
        float: right;
        width: 65%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .news .inside .dateOne {
        float: left;
        margin: 0px 0px 2vw 0px;
        padding: 0px 2vw 0.1vw 2vw;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 0.9vw;
        font-weight: 400;
        line-height: 2.2vw;
        background: #073f35;
        z-index: 6;
    }

    .news .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: 'Barlow';
        color: #565656;
        font-size: 1vw;
        font-weight: 300;
        line-height: 1.3vw;
    }

    .news .inside .text h4 {
        font-size: 1.25vw;
        font-weight: 300;
        line-height: 1.55vw;
    }

    .news .inside .text strong {
        font-weight: 500;
        color: #000000;
    }

    .news .inside .text a {
        text-decoration: none;
        color: #45c2c5;
    }

    .news .inside .text ul {
        float: left;
        width: 100%;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        list-style: none;
        position: relative;
    }

    .news .inside .text ul li {
        float: left;
        width: calc(100% - 30px);
        margin: 1vw 0px 0px 0px;
        padding: 0px 0px 0px 30px;
        background: url(images/offerLiBg.svg) left no-repeat;
        position: relative;
    }

    .home .homeTwo, 
    .home .homeFour,
    .home .homeTwelve,
    .home .homeThirteen {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 3.5vw 0px 0px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        overflow: hidden;
    }

    .home .homeTwo .inside, 
    .home .homeFour .inside,
    .home .homeEight .inside,
    .home .homeTwelve .inside,
    .home .homeThirteen .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .home .homeTwo .inside .left {
        float: left;
        width: 32.6vw;
        position: relative;
        margin: 5.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .home .homeTwo .inside .left .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 2vw 0px;
        padding: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
    }

    .home .homeTwo .inside .left .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.95vw;
        font-weight: 400;
        line-height: 1.55vw;
    }

    .home .homeTwo .inside .left .Gmore {
        float: left;
        margin: 1.5vw 0px 0px 0px;
        position: relative;
    }

    .home .homeTwo .inside .right {
        float: right;
        width: 44vw;
        position: relative;
    }

    .home .homeTwo .inside .right .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeTwo .inside .right .zdjecie-glowne .img {
        float: left;
        width: 100%;
    }

    .home .homeX,
    .home .homeThree {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        /* padding-top: 3vw; */
    }

    .home .homeX,
    .home .homeThree .box {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        overflow: hidden;
    }

    .home .homeX,
    .home .homeThree .box .logo {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 6;
    }

    .home .homeX,
    .home .homeThree .box .logo .gallery {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeX,
    .home .homeThree .box .logo .zdjecie-glowne .img {
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .home .homeX,
    .home .homeThree .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeX,
    .home .homeThree .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home .homeX,
    .home .homeThree .box .zdjecie-glowne .fade {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        background-color: rgba(0, 0, 0, 0.6);
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box:hover .zdjecie-glowne .fade {
        opacity: 0;
    }

    .home .homeX,
    .home .homeThree .box .show {
        float: left;
        width: 12vw;
        position: absolute;
        left: 50%;
        bottom: -2vw;
        margin: 0px 0px 0px -6vw;
        font-family: 'Barlow';
        color: #ffffff;
        font-size: 0.85vw;
        font-weight: 600;
        line-height: 2vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.25px;
        z-index: 7;
    }

    .home .homeThree .box:nth-child(1) .show {
        background: #635faa;
    }

    .home .homeThree .box:nth-child(2) .show {
        background: #00aeef;
    }

    .home .homeThree .box:nth-child(3) .show {
        background: #2fbfc2;
    }

    .home .homeThree .box:nth-child(4) .show {
        background: #911943;
    }

    .home .homeThree .box:hover .show {
        bottom: 0;
    }

    .customers {
        float: left;
        width: 100%;
        position: relative;
        padding: 4vw 0px 1vw 0px;
        background: url(images/customersBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .customers .inside {
        float: left;
        width: 87vw;
        height: 30vw;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        /* background: url(images/customersInsideBg.png) center no-repeat; */
        background-size: cover;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .customers .inside .information {
        float: left;
        width: 80%;
        margin: 6vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .customers .inside .information h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1vw 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 40px;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
    }

    .customers .inside .information .text {
        float: left;
        width: 90%;
        position: relative;
        margin: 0px 5% 0px 5%;
        color: #303030;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 400;
        line-height: 1.4vw;
        text-align: center;
    }

    .partners {
        float: left;
        width: 100%;
        margin: 2.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .partners .owl-carousel {
        float: left;
        width: 100%;
        height: 120px;
        position: relative;
    }

    .partners .owl-carousel .owl-stage-outer {
    }

    .partners .partners-box {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .partners .partners-box .img {
        width: auto !important;
        max-width: 75% !important;
        max-height: 100%;
    }

    .partners .owl-nav {
        float: left;
        width: 100%;
        position: relative;
        margin: -80px 0px 0px 0px;
        position: relative;
        font-size: 0;
    }

    .partners .owl-nav .owl-prev {
        float: left;
        width: 3.26vw;
        height: 3.26vw;
        margin: 0px 0px 0px -3.26vw;
        position: relative;
        cursor: pointer;
        /* background: url(images/partnersArrowLeft.png) center no-repeat; */
        background-size: 100% !important;
    }

    .partners .owl-nav .owl-next {
        float: right;
        width: 3.26vw;
        height: 3.26vw;
        margin: 0px -3.26vw 0px 0px;
        position: relative;
        cursor: pointer;
        /* background: url(images/partnersArrowRight.png) center no-repeat; */
        background-size: 100% !important;
    }

    .baner {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .baner h1 {
        float: left;
        width: 94%;
        margin: 90px 0px 0px 0px;
        position: relative;
        color: #ffffff;
        font-size: 3.7vw;
        font-weight: 700;
        line-height: 3.7vw;
        text-align: center;
    }

    .about {
        float: left;
        width: 100%;
        position: relative;
    }

    .about .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .aboutOne {
        float: left;
        width: 100%;
        position: relative;
        padding: 12vw 0px 12vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutOne .text {
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 1.15vw;
        font-weight: 300;
        line-height: 1.5vw;
        text-align: center;
        height: 11vw;
        float: left;
        width: 80vw;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .aboutTwo {
        float: left;
        width: 100%;
        position: relative;
        padding: 4vw 0px 4vw 0px;
        background: url(images/aboutTwoBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutTwo .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .aboutTwo .inside .header {
        color: #fff;
    }

    .aboutTwo .inside .history {
        float: left;
        width: 100%;
        height: 30vw;
        margin: 2vw 0px 0px 0px;
        position: relative;
    }

    .owl-stage-outer {
        overflow: hidden;
    }

    .aboutTwo .inside .history .box {
        float: left;
        width: 100%;
        height: 50%;
        position: relative;
    }

    .aboutTwo .inside .history .inner {
        float: left;
        width: 99%;
        height: 22vw;
        position: relative;
        background: #ffffff;
    }

    .aboutTwo .inside .history .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 11vw;
        position: relative;
        z-index: 5;
    }

    .aboutTwo .inside .history .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .aboutTwo .inside .history .box .year {
        float: left;
        width: 90%;
        position: relative;
        margin: 0vw 5% 3.5vw 2vw;
        color: #fff;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 2vw;
    }

    .aboutTwo .inside .history .box .name {
        float: left;
        width: 90%;
        position: relative;
        margin: 1vw 5% 0.5vw 5%;
        color: #2a2a2a;
        font-family: 'Barlow';
        font-size: 1.15vw;
        font-weight: 600;
        line-height: 1.5vw;
    }

    .aboutTwo .inside .history .box .text {
        float: left;
        width: 90%;
        position: relative;
        margin: 0vw 5% 0px 5%;
        color: #2a2a2a;
        font-family: 'Barlow';
        font-size: 0.9vw;
        font-weight: 400;
        line-height: 1.05vw;
    }

    .aboutTwo .inside .history .box .triangle {
        float: left;
        position: absolute;
        left: 3vw;
        top: 0.9vw;
        width: 1.05vw;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .aboutTwo .inside .history .box .line {
        float: left;
        width: 100%;
        height: 0.7vw;
        position: absolute;
        left: 0;
        top: 2.5vw;
        background: #517d74;
        clip-path: polygon(99% 0, 100% 50%, 99% 100%, 0% 100%, 1% 50%, 0% 0%);
    }

    .aboutTwo .inside .history .owl-item.center .box .line {
        background: #fff;
    }

    .aboutTwo .inside .history .owl-item.center .box .triangle {
        float: left;
        position: absolute;
        left: 3vw;
        top: -0.9vw;
        width: 1.05vw;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .aboutTwo .inside .history .owl-item.center .box .year {
        font-size: 1.8vw;
        font-weight: 600;
        line-height: 2vw;
    }

    .aboutTwo .inside .history .owl-nav {
        float: right;
        width: 100%;
        height: 1.4vw;
        position: absolute;
        top: 2.5vw;
        left: 0vw;
        margin: -0.4vw 0px 0px 0px;
        z-index: 5;
        font-size: 0vw;
    }

    .aboutTwo .inside .history .owl-nav .owl-prev {
        float: left;
        width: 1.4vw;
        height: 1.4vw;
        margin: 0px 0px 0px -4vw;
        position: relative;
        background: url(images/historyArrowLeft.svg) center no-repeat;
        cursor: pointer;
        background-size: 100%;
    }

    .aboutTwo .inside .history .owl-nav .owl-next {
        float: right;
        width: 1.4vw;
        height: 1.4vw;
        margin: 0px -4vw 0px 0px;
        position: relative;
        background: url(images/historyArrowRight.svg) center no-repeat;
        cursor: pointer;
        background-size: 100%;
    }

    .aboutThree {
        float: left;
        width: 100%;
        position: relative;
        padding: 8vw 0px 8vw 0px;
        background: url(images/aboutThreeBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutThree .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .aboutThree .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.85vw;
        font-weight: 300;
        line-height: 1.35vw;
        text-align: justify;
        text-align-last: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flext-start;
        align-content: center;
    }

    .aboutThree .inside .text h3 {
        float: left;
        width: 100%;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.1vw;
        font-weight: 700;
        line-height: 2.3vw;
        text-align: center;
    }

    .aboutThree .inside .text table {
        float: left;
        width: 30% !important;
        position: relative;
    }

    .aboutThree .inside .text table tr:nth-child(2) td {
        vertical-align: top;
        height: 4.7vw;
    }

    .aboutThree .inside .text table tr:nth-child(3) td {
        padding: 1.5vw 0px 0px 0px;
    }

    .aboutThree .inside .text table:nth-child(1) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_1.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutThree .inside .text table:nth-child(2) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_2.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutThree .inside .text table:nth-child(3) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_3.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutFour {
        float: left;
        width: 100%;
        position: relative;
        padding: 8vw 0px 6vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutFour .inside {
        float: left;
        width: 75%;
        position: relative;
    }

    .aboutFour .inside .awards {
        float: left;
        width: 100%;
        height: 19vw;
        position: relative;
        margin: 4vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .aboutFour .inside .awards .award {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .aboutFour .inside .awards .award .foto {
        float: left;
        width: 100%;
        height: 9.2vw;
        position: relative;
        border: 1px solid #f1f1f1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .aboutFour .inside .awards .award .foto .img {
        float: left;
        position: relative;
        width: auto !important;
        height: auto !important;
        max-width: 80%;
        max-height: 80%;
    }

    .aboutFour .inside .awards .award .name {
        float: left;
        width: 100%;
        position: relative;
        margin: 1vw 0px 0.5vw 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.85vw;
        font-weight: 600;
        line-height: 1vw;
        text-align: center;
    }

    .aboutFour .inside .awards .award .info {
        float: left;
        width: 100%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.85vw;
        font-weight: 300;
        line-height: 1vw;
        text-align: center;
    }

    .aboutFour .inside .awards .owl-nav {
        float: right;
        width: 100%;
        height: 1.4vw;
        position: absolute;
        top: 50%;
        left: 0vw;
        margin: -4.5vw 0px 0px 0px;
        z-index: 5;
        font-size: 0vw;
    }

    .aboutFour .inside .awards .owl-nav .owl-prev {
        float: left;
        width: 1.4vw;
        height: 1.4vw;
        margin: 0px 0px 0px -4vw;
        position: relative;
        background: url(images/awardsArrowLeft.svg) center no-repeat;
        cursor: pointer;
    }

    .aboutFour .inside .awards .owl-nav .owl-next {
        float: right;
        width: 1.4vw;
        height: 1.4vw;
        margin: 0px -4vw 0px 0px;
        position: relative;
        background: url(images/awardsArrowRight.svg) center no-repeat;
        cursor: pointer;
    }

    .what {
        float: left;
        width: 100%;
        position: relative;
    }

    .what .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatOne {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatOne .text {
        float: left;
        width: 56vw;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.95vw;
        font-weight: 400;
        line-height: 1.5vw;
        text-align: center;
    }

    .whatOne h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatTwo {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutTwoBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatTwo .text {
        float: left;
        width: 56vw;
        position: relative;
        color: #fff;
        font-family: 'Barlow';
        font-size: 0.95vw;
        font-weight: 400;
        line-height: 1.5vw;
        text-align: center;
    }

    .whatTwo h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 2vw 0px;
        color: #fff;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatThree {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatThree .inside {
        float: left;
        width: 80vw;
        height: 20vw;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatThree .text {
        float: left;
        width: 80%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.95vw;
        font-weight: 400;
        line-height: 1.5vw;
        text-align: center;
    }

    .whatThree h2 {
        margin: -1.8vw 0px 3vw 0px !important;
        text-transform: uppercase;
    }

    .whatThree h2:after {
        content: " ";
        float: left;
        width: 30%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        left: 0;
        top: 1.8vw;
    }

    .whatThree h2:before {
        content: " ";
        float: left;
        width: 30%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        right: 0;
        top: 1.8vw;
    }

    .whatThree .gallery {
        float: left;
        width: 90%;
        margin: 2vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .whatThree .gallery .gallery-box {
        float: left;
        width: 16%;
        height: 5.8vw;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        overflow: hidden;
        border: 0px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .whatThree .gallery .gallery-box .img {
        float: left;
        position: relative;
        max-width: 80%;
        max-height: 70%;
    }

    .whatFour {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 0px 0px;
        background: #fff url(images/whatFourBg.jpg) bottom no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatFour .inside {
        float: left;
        width: 80vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatFour .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.85vw;
        font-weight: 300;
        line-height: 1.35vw;
        text-align: justify;
        text-align-last: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flext-start;
        align-content: center;
    }

    .whatFour h2 {
        text-transform: uppercase;
        margin: 0px 0px 4vw 0px !important;
    }

    .whatFour .inside .text h3 {
        float: left;
        width: 100%;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 1.55vw;
        font-weight: 700;
        line-height: 1.8vw;
        text-align: center;
    }

    .whatFour .inside .text table {
        float: left;
        width: 30% !important;
        position: relative;
        margin: 0px 0px 3vw 0px;
    }

    .whatFour .inside .text table:nth-child(4) {
        left: 14vw;
    }

    .whatFour .inside .text table:nth-child(5) {
        right: 14vw;
    }

    .whatFour .inside .text table tr:nth-child(2) td {
        vertical-align: bottom;
        height: 2.7vw;
    }

    .whatFour .inside .text table tr:nth-child(3) td {
        padding: 1.5vw 0px 0px 0px;
    }

    .whatFour .inside .text table:nth-child(1) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_1.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(2) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_2.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(3) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_3.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(4) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_4.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(5) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_5.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFive {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatFive .inside {
        float: left;
        width: 80vw;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        padding: 0px 0px 6vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatFive .text {
        float: left;
        width: 80%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 0.95vw;
        font-weight: 400;
        line-height: 1.5vw;
        text-align: center;
    }

    .whatFive .text a {
        text-decoration: none;
        color: #073f35;
        font-weight: 600;
    }

    .whatFive h2 {
        margin: -1.8vw 0px 3vw 0px !important;
    }

    .whatFive h2:after {
        content: " ";
        float: left;
        width: 22%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        left: 0;
        top: 1.8vw;
    }

    .whatFive h2:before {
        content: " ";
        float: left;
        width: 22%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        right: 0;
        top: 1.8vw;
    }

    .services {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .services .inside {
        float: left;
        width: 85%;
        position: relative;
    }

    .services .inside .left {
        float: left;
        width: 20%;
        position: relative;
    }

    .services .inside .left .submenu {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .services .inside .left .submenu .submenuName {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0.6vw 0px 0.6vw 0px;
        font-family: 'Roboto';
        font-size: 1vw;
        line-height: 1.3vw;
        font-weight: 400;
        color: #424242;
        text-decoration: none;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .left .submenu .submenuName .arrow {
        float: left;
        margin: 0.3vw 0.8vw 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .left .submenu .submenuName span {
        float: left;
        width: 90%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .left .submenu .submenuName.activeSubmenu {
        color: #073f35;
        font-weight: 600;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .left .submenu .submenuName:hover {
        color: #073f35;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .right {
        float: right;
        width: 75%;
        position: relative;
    }

    .services .inside .right .inner {
        float: left;
        width: 45%;
        position: relative;
    }

    .services .inside .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 1vw 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 2.1vw;
        font-weight: 700;
        line-height: 2.1vw;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 1.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 0.95vw;
        font-weight: 400;
        line-height: 1.3vw;
    }

    .services .inside .text ul,
    .services .inside .text ol {
        float: left;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .services .inside .text ul li {
        float: left;
        width: 100%;
        margin: 0px 0px 0.1vw 1.3vw;
        padding: 0px 0px 0px 0px;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .services .inside .text ol li {
        float: left;
        width: 100%;
        margin: 0px 0px 0.1vw 1.3vw;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        margin: 1vw 0px 1vw 0px;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .services .inside .zdjecie-glowne .img {
        float: left;
        max-width: 100%;
        max-height: 100%;
    }

    .news {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        background: url(images/homeOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .news .inside {
        float: left;
        width: 72%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .news .inside .box {
    }

    .pageContact {
        float: left;
        width: 100%;
        position: relative;
        padding: 5vw 0px 0px 0px;
        background: url(images/contactBg.jpg) top no-repeat;
        background-size: cover;
    }

    .brand {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatOne .brand {
        padding: 5vw 0px 0px 0px;
    }
    .offerTwo .brand {
        position: relative;
    }

    .brand .inside {
        float: left;
        width: 72%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .whatOne .brand .inside {
        width: 80%;
    }

    .brand .inside .box {
        float: left;
        width: calc(50% - 0.5vw);
        height: 9vw;
        margin: 0px 0px 1vw 0px;
        position: relative;
        background: #fff;
        overflow: hidden;
    }

    .whatOne .brand .inside .box {
        height: 11vw;
    }

    .brand .inside .box .zdjecie-glowne {
        float: left;
        width: 40%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .brand .inside .box .zdjecie-glowne .img {
        float: left;
        width: 8vw;
        position: relative;
    }

    .brand .inside .box .right {
        float: left;
        width: 60%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .brand .inside .box .right .text {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 4vw 0px 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 0.9vw;
        font-weight: 400;
        line-height: 1.2vw;
    }

    .whatOne .brand .inside .box .right .text {
        width: 100%;
        font-size: 0.75vw;
        padding: 0px 3vw 0px 0px;
        text-align: left;
    }

    .brand .inside .box .right .text a {
        text-decoration: none;
        font-weight: 600;
    }

    .boxBrand-9 .text a {
        color: #6966ae;
    }

    .boxBrand-10 .text a {
        color: #2bbcf1;
    }

    .boxBrand-11 .text a {
        color: #61ced1;
    }

    .boxBrand-12 .text a {
        color: #911943;
    }

    .pageContact .brand .inside .pliki {
        float: left;
        width: 100%;
        position: relative;
    }

    .pageContact .brand .inside .pliki a {
        float: left;
        width: calc(100% - 1vw);
        position: relative;
        margin: 0px 0px 0.3vw 0px;
        padding: 0px 0px 0px 1vw;
        color: #bdbbde;
        font-family: 'Roboto';
        font-size: 0.85vw;
        font-weight: 400;
        line-height: 1.3vw;
        text-decoration: none;
    }

    .brand .inside .box .hover {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        font-family: 'Barlow';
        font-size: 1.2vw;
        font-weight: 600;
        line-height: 1.2vw;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        opacity: 0;
    }

    .brand .inside .box .hover:hover {
        opacity: 1;
    }

    .brand .inside .box .hover:hover .show {
        -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    }

    .brand .inside .boxBrand-9 .hover {
        background: #6966ae;
    }

    .brand .inside .boxBrand-10 .hover {
        background: #2bbcf1;
    }

    .brand .inside .boxBrand-11 .hover {
        background: #61ced1;
    }

    .brand .inside .boxBrand-12 .hover {
        background: #911943;
    }

    /* ----------------------------------------------
 * Generated by Animista on 2019-6-18 1:20:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
    /**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
    @-webkit-keyframes tracking-in-contract {
        0% {
            letter-spacing: 1em;
            opacity: 0;
        }
        40% {
            opacity: 0.6;
        }
        100% {
            letter-spacing: normal;
            opacity: 1;
        }
    }
    @keyframes tracking-in-contract {
        0% {
            letter-spacing: 1em;
            opacity: 0;
        }
        40% {
            opacity: 0.6;
        }
        100% {
            letter-spacing: normal;
            opacity: 1;
        }
    }

    .contact {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .contact .inside {
        float: left;
        width: 72%;
        position: relative;
    }

    .contact .inside .header {
        float: left;
        width: 100%;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 2.1vw;
        font-weight: 700;
        line-height: 2.1vw;
    }

    .contact .inside .location {
        margin: 0.8vw 0px 0px 0px;
    }

    .location {
        float: left;
        width: 100%;
        position: relative;
        margin: 0.2vw 0px 0px 0px;
        padding: 0px 0px 0px 30px;
        color: #073f35;
        font-family: 'Roboto';
        font-size: 0.85vw;
        font-weight: 700;
        line-height: 25px;
        text-decoration: none;
        background: url(images/contactIcon_1.svg) left no-repeat;
        background-size: 14px;
    }

    .contact .inside .text {
        float: left;
        width: 100%;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 0.95vw;
        font-weight: 300;
        line-height: 1.35vw;
    }

    .contact .inside .text div {
        float: left;
        position: relative;
    }

    .contact .inside .text div:nth-of-type(1) {
        width: 70%;
    }

    .contact .inside .text div:nth-of-type(2) {
        width: 30%;
    }

    .contact .inside .text h3 {
        float: left;
        width: 100%;
        margin: 2vw 0px 2vw 0px;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 1.31vw;
        font-weight: 700;
        line-height: 1.31vw;
    }

    .contact .inside .text div:nth-of-type(1) h3:before,
    .contact .inside .text div:nth-of-type(2) h3:before {
        content: " ";
        float: left;
        width: 46px;
        height: 1px;
        position: absolute;
        top: 0.65vw;
        background: #cccccc;
    }

    .contact .inside .text div:nth-of-type(1) h3:before {
        left: 10vw;
    }

    .contact .inside .text div:nth-of-type(2) h3:before {
        left: 14vw;
    }

    .contact .text table {
        float: left;
        height: 3.6vw !important;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .contact .text table tr td {
        padding: 0px 0px 0px 2.8vw;
    }

    .contact .text table:nth-of-type(1) {
        width: 30% !important;
        background: url(images/contactIcon_1.svg) left no-repeat;
        background-size: 1.47vw;
    }

    .contact .text table:nth-of-type(2) {
        width: 35% !important;
        background: url(images/contactIcon_2.svg) left no-repeat;
        background-size: 1.94vw;
    }

    .contact .text table:nth-of-type(3) {
        width: 25% !important;
        background: url(images/contactIcon_3.svg) left no-repeat;
        background-size: 1.31vw;
    }

    .contact .text div:nth-of-type(2) table:nth-of-type(1) {
        width: 100% !important;
        background: url(images/contactIcon_1.svg) left no-repeat;
        background-size: 1.31vw;
    }

    .contact .text table a {
        text-decoration: none;
        font-weight: 600;
        color: #073f35;
    }

    .contact .textAdd {
        float: left;
        width: 100%;
        color: #7f7f7f;
        margin: 2vw 0px 0px 0px;
        padding: 0.6vw 0.3vw 0.6vw 0.3vw;
        font-size: 0.75vw;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.28px;
        background-color: #f6f6f6;
        border-radius: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .contact .textAdd p {
        float: left;
        padding: 0px 1vw 0px 1vw;
        border-right: 1px solid #82d0ee;
    }

    .contact .textAdd p:last-child {
        border-right: 0;
    }

    #mapa-box {
        float: left;
        width: 100%;
        height: 500px;
        overflow: hidden;
        border: 0px solid #c0c0c0;
    }

    .header.header-dark-green-color {
        color: var(--header-dark-green-color);
    }

    .fastContact {
        float: left;
        width: 100%;
        position: relative;
        padding: 5vw 0px 5vw 0px;
        background: #fbfcfb;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .fastContact .header.header-above-space {
        margin: 0px 0px 5.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
        position: relative;
    }

    .fastContact .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .fastContact .inside h2 {
        float: left;
        width: 100%;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 1.85vw;
        font-weight: 700;
        line-height: 1.85vw;
    }

    .fastContact .inside .text {
        float: left;
        width: 100%;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 0.95vw;
        font-weight: 300;
        line-height: 1.35vw;
    }

    .fastContact .text table {
        float: left;
        height: 3.75vw !important;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .fastContact .text table tr td {
        padding: 0px 0px 0px 5vw;
    }

    .fastContact .text table:nth-of-type(1) {
        width: 28% !important;
    }

    .fastContact .text table:nth-of-type(1) td {
        padding: 0px 0px 0px 0px;
    }

    .fastContact .text table:nth-of-type(2) {
        width: 25% !important;
        background: url(images/fastIconOne.svg) left no-repeat;
        background-size: 3.75vw;
    }

    .fastContact .text table:nth-of-type(3) {
        width: 27% !important;
        background: url(images/fastIconTwo.svg) left no-repeat;
        background-size: 3.75vw;
    }

    .fastContact .text table:nth-of-type(4) {
        width: 20% !important;
        background: url(images/fastIconThree.svg) left no-repeat;
        background-size: 3.75vw;
    }

    .fastContact .text table a {
        text-decoration: none;
        font-weight: 600;
        color: #073f35;
    }

    .bottom {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 3vw 0px 4vw 0px;
        position: relative;
        background-color: #1a3c33;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .bottom .header{
        text-align: left;
    }

    .bottom .inside {
        float: left;
        width: 80%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
    }

    .bottom .inside .box {
        float: left;
        width: 25%;
        position: relative;
    }

    .bottom .inside .box .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.3vw 0px;
        color: #fff;
        font-family: 'Roboto';
        font-size: 15px;
        line-height: 15px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .bottom .inside .box .link {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0.5vw 0px;
        color: #b9d3cc;
        font-family: 'Roboto';
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        text-decoration: none;
    }

    .bottom .inside .box .link:hover {
        text-decoration: underline;
    }

    .bottom .inside .box .socialIncon {
        float: left;
        position: relative;
        margin: 0px 0.5vw 0px 0px;
    }

    footer {
        float: left;
        width: 100%;
        height: 60px;
        position: relative;
        border-top: 1px solid #3c5952;
        background-color: #1a3c33;
    }

    footer .wrap {
        width: 96%;
        height: 100%;
        position: relative;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    footer .wrap .arrowUp {
        float: left;
        position: relative;
        z-index: 10;
        cursor: pointer;
        color: #6b968b;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    footer .wrap .arrowUp .img {
        float: left;
        margin: 0px 1vw 0px 0px;
        width: 43px;
        height: 43px;
    }

    footer .wrap .arrowUp:hover {
        color: #fff;
    }

    footer .wrap .text {
        float: left;
        position: relative;
        color: #6b968b;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
    }

    .odee-tip {
        display: inline;
        position: relative;
        opacity: 0.6;
    }

    .odee-tip:hover:after {
        background: #333;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        bottom: 26px;
        color: #dc407f;
        content: attr(title);
        left: -110px;
        padding: 5px 10px;
        text-align: center;
        position: absolute;
        z-index: 98;
        width: 140px;
        font-size: 11px;
    }

    .odee-tip:hover:before {
        border: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent;
        border-width: 6px 6px 0 6px;
        bottom: 20px;
        content: "";
        left: 40%;
        position: absolute;
        z-index: 99;
    }

    .odee-tip:hover {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
    }

    .odee a {
        float: right;
        margin: 0px 0px 0px 0px;
    }

    .formBox {
        float: left;
        width: 100%;
        padding: 4vw 0px 4vw 0px;
        position: relative;
        background: url(images/formBoxBg.jpg) center no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .formBox .inside {
        float: left;
        width: 70%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .formBox .inside h3 {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        position: relative;
        color: #ffffff;
        font-family: 'Barlow';
        font-size: 2.3vw;
        font-weight: 700;
        line-height: 2.3vw;
        text-align: center;
    }

    .formularz-div {
        float: left;
        width: 100%;
        position: relative;
        margin: 3vw 0px 0px 0px;
    }

    .form-box-left {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .form-box-right {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .form-box {
        float: left;
        width: 100%;
        margin: 0px 0px 1.3vw 0px;
    }

    .form-box-all {
        float: left;
        width: 100%;
        margin: 0px 0px 1.5vw 0px;
    }

    .form-input {
        float: left;
        width: 100%;
        height: 2.5vw;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 1vw;
        font-family: 'Roboto';
        color: #000;
        border: 0px solid #fff;
        background: #ffffff;
        font-size: 14px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .inputDate {
        background: #fff url(images/inputDateBg.svg) right 1vw center no-repeat;
    }

    .inputDate::-webkit-inner-spin-button,
    .inputDate::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

    .form-textarea {
        float: left;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 80px;
        min-height: 80px;
        max-height: 285px;
        font-family: 'Roboto';
        color: #000;
        padding: 15px 0px 0px 1vw;
        border: 0px solid #fff;
        background: #ffffff;
        font-size: 14px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .form-submit {
        float: right;
        /* width: 100%; */
        /* height: 50px; */
        margin: 3vw -3px 0px 0px;
        background-color: #035e44;
        color: #ffffff;
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        text-transform: uppercase;
        border: none;
        border: 0px solid #dedede;
        cursor: pointer;
        border-radius: 0;
            padding: 1vw 3vw;
    }

    .recaptcha {
        float: right;
        margin: 1vw 0px 0px 0px;
        position: relative;
    }

    .r-box {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1vw 0px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        color: #fff;
        text-align: justify;
    }

    .r-box .r-label {
        float: left;
        width: 100%;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .r-box .r-checkbox {
        float: left;
        position: relative;
        margin-right: 10px;
    }

    .r-text {
        float: left;
        width: calc(100% - 30px);
        position: relative;
    }

    .form-input:focus,
    .form-textarea:focus,
    .form-submit:focus {
        outline: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
    .no-phone {
        display: none;
    }
    .rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-prev,
    .rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-next{
        min-width: 50px;
        min-height: 50px;
        width: 50px;
        height: 50px;
    }
    .rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-next::after {
        padding: 5px;
        top: 40%;
        left: 34%;
    }
    .rental-offer-main .offerTwo .inside .gallery .owl-nav .owl-prev::after {
        padding: 5px;
        top: 40%;
        left: 42%;
    }
}

@media screen and (min-width: 767px) and (max-width: 1099px) {

    
    .html-table table td,
    .html-buttons-list ul#building-plans-pdf li,
    .html-buttons-list ul.details--ul li,
    .rental-options-content ul li {
        font-size: 15px !important;
    }
    .html-table.flex.flex-center {
        max-width: 85vw;
    }
    .html-buttons-list ul#building-plans-pdf li {
        margin: 0.3vw !important;
    }
    .html-buttons-list p,
    .html-buttons-list table#building-details--table tr:nth-child(1) td {
        font-size: 17px !important;
    }
    .no-comp {
        display: none !important;
    }
    h2.header.header-above-space.header-dark-green-color {
        margin: 4.5vw 0 1.5vw;
    }
    .offerOne .text{
        font-size: 14px;
        line-height: 21px;
    }

    .metBox {
        float: right;
        width: 56px;
        position: fixed;
        top: 10vw;
        right: 0;
        z-index: 10;
        overflow: hidden;
    }

    #history {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #csr {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #awards {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -50px;
    }

    #career {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -50px;
    }

    #cooperation {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #customers {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    .Gmore {
        float: left;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-decoration: none;
    }

    .Gmore span {
        float: left;
        position: relative;
        padding: 0px 32px 0px 15px;
        color: #ffffff;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 34px;
        text-transform: uppercase;
        background: #073f35 url(images/homeOfferMoreArrow.svg) right 15px center no-repeat;
    }

    .wrapper {
        float: left;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: #fff;
        z-index: 20;
    }

    .wrapper .wrap {
        width: 94%;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .wrapper .wrap .logo {
        float: left;
        position: relative;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }

    .wrapper .wrap .logo img {
        float: left;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        transition: none;
    }

    .wrapper .wrap .logo .logoWhite {
        display: none;
    }

    .wrapper nav {
        display: none;
        width: 100%;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .wrapper nav ul {
        float: right;
        position: relative;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

    .wrapper nav ul li {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
        list-style: none;
        text-align: right;
    }

    .wrapper nav ul li a {
        font-family: 'Barlow';
        font-size: 18px;
        color: #231f20;
        line-height: 26px;
        font-weight: 400;
        letter-spacing: 0.87px;
        text-decoration: none;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        display: inline-block;
    }

    .wrapper nav ul li a:hover {
        color: #073f35;
    }

    .wrapper nav ul li a.active {
        color: #073f35;
        font-weight: 600;
    }

    .wrapper nav ul li .menu-hr {
        display: none;
        float: right;
        margin: 0px 1.5vw 0px 1.5vw;
    }

    .wrapper nav ul li:last-child .menu-hr {
        display: none;
    }

    .wrapper .menu-tel {
        float: right;
        font-size: 30px;
        margin: 16px 0px 0px 0px;
        cursor: pointer;
        color: #231f20;
        position: relative;
    }

    .wrapper .other {
        float: right;
        position: absolute;
        display: flex;
        right: 50px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        top: 15px;
    }

    .wrapper .other .social {
        float: left;
        position: relative;
    }

    .wrapper .other .social a {
        font-family: 'Barlow';
        color: #231f20;
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        letter-spacing: 0.36px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        text-decoration: none;
    }

    .wrapper .other .social img {
        float: left;
        position: relative;
        margin: 0px 10px 0px 0px;
    }

    .wrapper .other .hr {
        float: left;
        position: relative;
        margin: 0px 10px 0px 10px;
        /* filter: brightness(0) invert(1); */
        width: 10px;
    }

    .wrapper .other .lang {
        float: left;
        position: relative;
    }

    .wrapper .other .lang a {
        float: left;
        position: relative;
        margin: 0px 0px 0px 10px;
        color: #9aa9b4;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: right;
    }

    .wrapper .other .lang a:hover,
    .wrapper .other .lang a.activeLang {
        color: #231f20;
        font-weight: 700 !important;
    }

    .container {
        float: left;
        width: 100%;
        height: calc(100% - 62px);
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .container .slide-1 {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
    }

    .container .slides {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        background-size: cover !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .container .slides .box {
        float: left;
        width: 94%;
        margin: 2vw 3% 0px 3%;
        position: relative;
        font-family: 'Barlow';
    }

    .container .slides .box .nag {
        float: left;
        width: 100%;
        position: relative;
        color: #ffffff;
        font-size: 4.2vw;
        font-weight: 700;
        line-height: 6vw;
        text-align: center;
    }

    .container .slides .box .text {
        float: left;
        width: 100%;
        position: relative;
        color: #ffffff;
        font-size: 1.15vw;
        font-weight: 300;
        line-height: 1.5vw;
    }

    .container .slides .box .more {
        display: none;
        visibility: hidden;
    }

    .container .owl-dots {
        float: left;
        width: 100%;
        left: 3%;
        bottom: 3.2vw;
        position: absolute;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        counter-reset: section;
    }

    .container .owl-dots .owl-dot {
        float: left;
        width: 2.4vw;
        height: 2.4vw;
        position: relative;
        margin: 0px 0.2vw 0px 0.6vw;
        padding: 0px 0px 0px 0px;
        color: #3b3a3a;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 1vw;
        border: 1px solid #3b3a3a;
        border-radius: 40em;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container .owl-dots .owl-dot::before {
        counter-increment: section;
        content: counter(section);
    }

    .container .owl-dots .active {
        float: left;
        width: 2.4vw;
        height: 2.4vw;
        position: relative;
        margin: 0px 0.2vw 0px 0.2vw;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 1vw;
        border: 1px solid #3b3a3a;
        border-radius: 40em;
        background: #163e33;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container .scrollDown {
        float: left;
        position: absolute;
        bottom: 3.2vw;
        z-index: 5;
        cursor: pointer;
        width: 40px;
        left: 50%;
    }

    .home {
        float: left;
        width: 100%;
        position: relative;
    }

    .home .homeX,
    .home .homeOne {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 7vw 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        background: url(images/homeOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .home .homeX .inside-light,
    .home .homeOne .inside,
    .home .homeThree .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    
    .home .homeX .inside-light .header,
    .home .homeOne .inside .header {
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 25px;
        font-weight: 700;
        line-height: 25px;
        z-index: 1;
        text-align: center;
    }

    .home .homeX .inside-light .archives,
    .home .homeOne .inside .archives {
        float: right;
        margin: -2vw 0px 0px 0px;
        padding: 0px 1vw 0px 0px;
        position: relative;
        color: #073f35;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        text-transform: uppercase;
        text-decoration: none;
        background: url(images/archiveArrow.svg) right center no-repeat;
        z-index: 2;
    }

    .list {
        float: left;
        width: 100%;
        position: relative;
        margin: 3vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .list .box {
        float: left;
        width: 32%;
        /* height:29.5vw; */
        position: relative;
        margin: 0px 0px 2vw 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
    }

    .list .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 13vw;
        position: relative;
        z-index: 5;
    }

    .list .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .list .box .inner {
        float: left;
        width: 86%;
        position: relative;
        margin: 0px 7% 0px 7%;
        padding: 0px 0px 0px 0px;
    }

    .list .box .inner .date {
        float: left;
        margin: -10px 0px 20px 0px;
        padding: 0px 10px 0.1vw 10px;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        background: #073f35;
        z-index: 6;
    }

    .list .box .inner .header {
        float: left;
        width: 100%;
        height: 42px;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 15px;
        font-weight: 700;
        line-height: 21px;
        overflow: hidden;
    }

    .list .box .inner .text {
        float: left;
        width: 100%;
        height: 72px;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        color: #424242;
        font-family: 'Roboto';
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        overflow: hidden;
    }

    .list .box .inner .Gmore {
        margin: 0px 0px 15px 0px;
    }

    .news .inside .page {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 30px 0px 0px 0px;
    }

    .news .inside .page .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 30px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 3vw;
    }

    .news .inside .page .left {
        float: left;
        width: 30%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .news .inside .page .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        overflow: hidden;
    }

    .news .inside .zdjecie-glowne .img {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .key {
        float: left;
        margin: 20px 0px 20px 0px;
        padding: 0px 10px 0.1vw 10px;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        background: #073f35;
        border-radius: 10px;
        z-index: 6;
    }

    .news .inside .right {
        float: right;
        width: 65%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .news .inside .dateOne {
        float: left;
        margin: 0px 0px 20px 0px;
        padding: 0px 10px 0.1vw 10px;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        background: #073f35;
        z-index: 6;
    }

    .news .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: 'Barlow';
        color: #565656;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
    }

    .news .inside .text h4 {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }

    .news .inside .text strong {
        font-weight: 500;
        color: #000000;
    }

    .news .inside .text a {
        text-decoration: none;
        color: #45c2c5;
    }

    .news .inside .text ul {
        float: left;
        width: 100%;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        list-style: none;
        position: relative;
    }

    .news .inside .text ul li {
        float: left;
        width: calc(100% - 30px);
        margin: 1vw 0px 0px 0px;
        padding: 0px 0px 0px 30px;
        background: url(images/offerLiBg.svg) left no-repeat;
        position: relative;
    }

    .home .homeTwo, 
    .home .homeFour,
    .home .homeTwelve,
    .home .homeThirteen {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 3.5vw 0px 0px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        overflow: hidden;
    }

    .home .homeTwo .inside, 
    .home .homeFour .inside,
    .home .homeEight .inside,
    .home .homeTwelve .inside,
    .home .homeThirteen .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .home .homeTwo .inside .left {
        float: left;
        width: 42.6vw;
        position: relative;
        margin: 5.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .home .homeTwo .inside .left .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 25px;
        font-weight: 700;
        line-height: 25px;
    }

    .home .homeTwo .inside .left .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .home .homeTwo .inside .left .Gmore {
        float: left;
        margin: 20px 0px 0px 0px;
        position: relative;
    }

    .home .homeTwo .inside .right {
        float: right;
        width: 44vw;
        position: relative;
    }

    .home .homeTwo .inside .right .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeTwo .inside .right .zdjecie-glowne .img {
        float: left;
        width: 100%;
    }

    .home .homeThree {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        padding-top: 3vw;
    }

    .home .homeThree .box {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        overflow: hidden;
    }

    .home .homeThree .box .logo {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 6;
    }

    .home .homeThree .box .logo .gallery {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box .logo .zdjecie-glowne .img {
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .home .homeThree .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home .homeThree .box .zdjecie-glowne .fade {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        background-color: rgba(0, 0, 0, 0.6);
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box:hover .zdjecie-glowne .fade {
        opacity: 0;
    }

    .home .homeThree .box .show {
        float: left;
        width: 12vw;
        position: absolute;
        left: 50%;
        bottom: -2vw;
        margin: 0px 0px 0px -6vw;
        font-family: 'Barlow';
        color: #ffffff;
        font-size: 0.85vw;
        font-weight: 600;
        line-height: 2vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.25px;
        z-index: 7;
        display: none;
    }

    .home .homeThree .box:nth-child(1) .show {
        background: #635faa;
    }

    .home .homeThree .box:nth-child(2) .show {
        background: #00aeef;
    }

    .home .homeThree .box:nth-child(3) .show {
        background: #2fbfc2;
    }

    .home .homeThree .box:nth-child(4) .show {
        background: #911943;
    }

    .home .homeThree .box:hover .show {
        bottom: 0;
    }

    .customers {
        float: left;
        width: 100%;
        position: relative;
        padding: 60px 0px 30px 0px;
        background: url(images/customersBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .customers .inside {
        float: left;
        width: 80%;
        /* height: 30vw; */
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
        background-size: cover;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        border-radius: 12px;
    }

    .customers .inside .information {
        float: left;
        width: 80%;
        margin: 6vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .customers .inside .information h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 15px 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
    }

    .customers .inside .information .text {
        float: left;
        width: 90%;
        position: relative;
        margin: 0px 5% 0px 5%;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .partners {
        float: left;
        width: 100%;
        margin: 30px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .partners .owl-carousel {
        float: left;
        width: 100%;
        height: 120px;
        position: relative;
    }

    .partners .owl-carousel .owl-stage-outer {
    }

    .partners .partners-box {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .partners .partners-box .img {
        width: auto !important;
        max-width: 75% !important;
        max-height: 100%;
    }

    .partners .owl-nav {
        float: left;
        width: 100%;
        position: relative;
        margin: -80px 0px 0px 0px;
        position: relative;
        font-size: 0;
    }

    .partners .owl-nav .owl-prev {
        float: left;
        width: 3.26vw;
        height: 3.26vw;
        margin: 0px 0px 0px -3.26vw;
        position: relative;
        cursor: pointer;
        /* background: url(images/partnersArrowLeft.png) center no-repeat; */
        background-size: 100% !important;
    }

    .partners .owl-nav .owl-next {
        float: right;
        width: 3.26vw;
        height: 3.26vw;
        margin: 0px -3.26vw 0px 0px;
        position: relative;
        cursor: pointer;
        /* background: url(images/partnersArrowRight.png) center no-repeat; */
        background-size: 100% !important;
    }

    .baner {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: calc(100% - 62px);
    }

    .baner h1 {
        float: left;
        width: 94%;
        /* margin: 90px 0px 0px 0px; */
        position: relative;
        color: #ffffff;
        font-size: 4.7vw;
        font-weight: 700;
        line-height: 4.7vw;
        text-align: center;
    }

    .baner .contactArrowDown {
        width: 40px;
    }

    .about {
        float: left;
        width: 100%;
        position: relative;
    }

    .about .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .aboutOne {
        float: left;
        width: 100%;
        position: relative;
        padding: 12vw 0px 12vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutOne .text {
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        float: left;
        width: 94%;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        height: 13vw;
    }

    .aboutTwo {
        float: left;
        width: 100%;
        position: relative;
        padding: 4vw 0px 4vw 0px;
        background: url(images/aboutTwoBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutTwo .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .aboutTwo .inside .header {
        color: #fff;
    }

    .aboutTwo .inside .history {
        float: left;
        width: 100%;
        /* height:45vw; */
        margin: 2vw 0px 0px 0px;
        position: relative;
    }

    .owl-stage-outer {
        overflow: hidden;
    }

    .aboutTwo .inside .history .box {
        float: left;
        width: 100%;
        height: 50%;
        position: relative;
    }

    .aboutTwo .inside .history .inner {
        float: left;
        width: 99%;
        height: 40vw;
        position: relative;
        background: #ffffff;
    }

    .aboutTwo .inside .history .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 11vw;
        position: relative;
        z-index: 5;
    }

    .aboutTwo .inside .history .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .aboutTwo .inside .history .box .year {
        float: left;
        width: 90%;
        position: relative;
        margin: 0vw 5% 3.5vw 2vw;
        color: #fff;
        font-family: 'Barlow';
        font-size: 1.5vw;
        font-weight: 600;
        line-height: 2vw;
    }

    .aboutTwo .inside .history .box .name {
        float: left;
        width: 90%;
        position: relative;
        margin: 2vw 5% 1.5vw 5%;
        color: #2a2a2a;
        font-family: 'Barlow';
        font-size: 2vw;
        font-weight: 600;
        line-height: 2vw;
    }

    .aboutTwo .inside .history .box .text {
        float: left;
        width: 90%;
        position: relative;
        margin: 0vw 5% 0px 5%;
        color: #2a2a2a;
        font-family: 'Barlow';
        font-size: 1.6vw;
        font-weight: 400;
        line-height: 2vw;
    }

    .aboutTwo .inside .history .box .triangle {
        float: left;
        position: absolute;
        left: 3vw;
        top: 0.9vw;
        width: 1.05vw;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .aboutTwo .inside .history .box .line {
        float: left;
        width: 100%;
        height: 0.7vw;
        position: absolute;
        left: 0;
        top: 2.5vw;
        background: #517d74;
        clip-path: polygon(99% 0, 100% 50%, 99% 100%, 0% 100%, 1% 50%, 0% 0%);
    }

    .aboutTwo .inside .history .owl-item.center .box .line {
        background: #fff;
    }

    .aboutTwo .inside .history .owl-item.center .box .triangle {
        float: left;
        position: absolute;
        left: 3vw;
        top: -0.9vw;
        width: 1.05vw;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .aboutTwo .inside .history .owl-item.center .box .year {
        font-size: 1.8vw;
        font-weight: 600;
        line-height: 2vw;
    }

    .aboutTwo .inside .history .owl-nav {
        float: right;
        width: 100%;
        height: 1.4vw;
        position: absolute;
        top: 2.5vw;
        left: 0vw;
        margin: -0.4vw 0px 0px 0px;
        z-index: 5;
        font-size: 0vw;
    }

    .aboutTwo .inside .history .owl-nav .owl-prev {
        float: left;
        width: 1.4vw;
        height: 1.4vw;
        margin: 0px 0px 0px -4vw;
        position: relative;
        background: url(images/historyArrowLeft.svg) center no-repeat;
        cursor: pointer;
        background-size: 100%;
    }

    .aboutTwo .inside .history .owl-nav .owl-next {
        float: right;
        width: 1.4vw;
        height: 1.4vw;
        margin: 0px -4vw 0px 0px;
        position: relative;
        background: url(images/historyArrowRight.svg) center no-repeat;
        cursor: pointer;
        background-size: 100%;
    }

    .aboutThree {
        float: left;
        width: 100%;
        position: relative;
        padding: 8vw 0px 8vw 0px;
        background: url(images/aboutThreeBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutThree .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .aboutThree .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 13px;
        font-weight: 300;
        line-height: 18px;
        text-align: justify;
        text-align-last: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flext-start;
        align-content: center;
    }

    .aboutThree .inside .text h3 {
        float: left;
        width: 100%;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 2.8vw;
        text-align: center;
    }

    .aboutThree .inside .text table {
        float: left;
        width: 30% !important;
        position: relative;
    }

    .aboutThree .inside .text table tr:nth-child(2) td {
        vertical-align: top;
        height: 5.6vw;
    }

    .aboutThree .inside .text table tr:nth-child(3) td {
        padding: 1.5vw 0px 0px 0px;
    }

    .aboutThree .inside .text table:nth-child(1) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_1.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutThree .inside .text table:nth-child(2) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_2.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutThree .inside .text table:nth-child(3) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_3.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutFour {
        float: left;
        width: 100%;
        position: relative;
        padding: 8vw 0px 6vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutFour .inside {
        float: left;
        width: 75%;
        position: relative;
    }

    .aboutFour .inside .awards {
        float: left;
        width: 100%;
        /* height:19vw; */
        position: relative;
        margin: 4vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .aboutFour .inside .awards .award {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .aboutFour .inside .awards .award .foto {
        float: left;
        width: 100%;
        height: 16vw;
        position: relative;
        border: 1px solid #f1f1f1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .aboutFour .inside .awards .award .foto .img {
        float: left;
        position: relative;
        width: auto !important;
        height: auto !important;
        max-width: 80%;
        max-height: 80%;
    }

    .aboutFour .inside .awards .award .name {
        float: left;
        width: 100%;
        position: relative;
        margin: 15px 0px 10px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
    }

    .aboutFour .inside .awards .award .info {
        float: left;
        width: 100%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 300;
        line-height: 17px;
        text-align: center;
    }

    .aboutFour .inside .awards .owl-nav {
        float: right;
        width: 100%;
        height: 20px;
        position: absolute;
        top: calc(8vw - 10px);
        left: 0vw;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        font-size: 0vw;
    }

    .aboutFour .inside .awards .owl-nav .owl-prev {
        float: left;
        width: 20px;
        height: 20px;
        margin: 0px 0px 0px -40px;
        position: relative;
        background: url(images/awardsArrowLeft.svg) center no-repeat;
        cursor: pointer;
        background-size: contain;
    }

    .aboutFour .inside .awards .owl-nav .owl-next {
        float: right;
        width: 20px;
        height: 20px;
        margin: 0px -40px 0px 0px;
        position: relative;
        background: url(images/awardsArrowRight.svg) center no-repeat;
        cursor: pointer;
        background-size: contain;
    }

    .what {
        float: left;
        width: 100%;
        position: relative;
    }

    .what .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatOne {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatOne .text {
        float: left;
        width: 80%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatOne h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatTwo {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutTwoBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatTwo .text {
        float: left;
        width: 80%;
        position: relative;
        color: #fff;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatTwo h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        color: #fff;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatThree {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatThree .inside {
        float: left;
        width: 94%;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatThree .text {
        float: left;
        width: 90%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatThree h2 {
        margin: -1.8vw 0px 3vw 0px !important;
        text-transform: uppercase;
    }

    .whatThree h2:after {
        content: " ";
        float: left;
        width: 30%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        left: 0;
        top: 1.8vw;
    }

    .whatThree h2:before {
        content: " ";
        float: left;
        width: 30%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        right: 0;
        top: 1.8vw;
    }

    .whatThree .gallery {
        float: left;
        width: 90%;
        margin: 20px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .whatThree .gallery .gallery-box {
        float: left;
        width: 33.33%;
        height: 8vw;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        overflow: hidden;
        border: 0px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .whatThree .gallery .gallery-box .img {
        float: left;
        position: relative;
        max-width: 80%;
        max-height: 70%;
    }

    .whatFour {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 0px 0px;
        background: #fff url(images/whatFourBg.jpg) bottom no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatFour .inside {
        float: left;
        width: 94%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatFour .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 13px;
        font-weight: 300;
        line-height: 18px;
        text-align: justify;
        text-align-last: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flext-start;
        align-content: center;
    }

    .whatFour h2 {
        text-transform: uppercase;
        margin: 0px 0px 4vw 0px !important;
    }

    .whatFour .inside .text h3 {
        float: left;
        width: 100%;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 2.8vw;
        text-align: center;
        min-height: 5.6vw;
    }

    .whatFour .inside .text table {
        float: left;
        width: 30% !important;
        position: relative;
        margin: 0px 0px 3vw 0px;
    }

    .whatFour .inside .text table:nth-child(4) {
        left: 14vw;
    }

    .whatFour .inside .text table:nth-child(5) {
        right: 14vw;
    }

    .whatFour .inside .text table tr:nth-child(2) td {
        vertical-align: bottom;
        height: 2.7vw;
    }

    .whatFour .inside .text table tr:nth-child(3) td {
        padding: 1.5vw 0px 0px 0px;
    }

    .whatFour .inside .text table:nth-child(1) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_1.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(2) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_2.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(3) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_3.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(4) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_4.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(5) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_5.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFive {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatFive .inside {
        float: left;
        width: 94%;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        padding: 0px 0px 30px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatFive .text {
        float: left;
        width: 90%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatFive .text a {
        text-decoration: none;
        color: #073f35;
        font-weight: 600;
    }

    .whatFive h2 {
        margin: -1.8vw 0px 3vw 0px !important;
    }

    .whatFive h2:after {
        content: " ";
        float: left;
        width: 22%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        left: 0;
        top: 1.8vw;
    }

    .whatFive h2:before {
        content: " ";
        float: left;
        width: 22%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        right: 0;
        top: 1.8vw;
    }

    .services {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .services .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .services .inside .left {
        float: left;
        width: 20%;
        position: relative;
    }

    .services .inside .left .submenu {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .services .inside .left .submenu .submenuName {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 8px 0px;
        font-family: 'Roboto';
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        color: #424242;
        text-decoration: none;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .left .submenu .submenuName .arrow {
        float: left;
        margin: 3px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .left .submenu .submenuName span {
        float: left;
        width: calc(100% - 16px);
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .left .submenu .submenuName.activeSubmenu {
        color: #073f35;
        font-weight: 600;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .left .submenu .submenuName:hover {
        color: #073f35;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .right {
        float: right;
        width: 75%;
        position: relative;
    }

    .services .inside .right .inner {
        float: left;
        width: 45%;
        position: relative;
    }

    .services .inside .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 1vw 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 2.1vw;
        font-weight: 700;
        line-height: 2.1vw;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 1.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .services .inside .text ul,
    .services .inside .text ol {
        float: left;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .services .inside .text ul li {
        float: left;
        width: 100%;
        margin: 0px 0px 0.1vw 18px;
        padding: 0px 0px 0px 0px;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .services .inside .text ol li {
        float: left;
        width: 100%;
        margin: 0px 0px 0.1vw 18px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        margin: 1vw 0px 1vw 0px;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .services .inside .zdjecie-glowne .img {
        float: left;
        max-width: 100%;
        max-height: 100%;
    }

    .news {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        background: url(images/homeOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .news .inside {
        float: left;
        width: 94%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .news .inside .box {
    }

    .pageContact {
        float: left;
        width: 100%;
        position: relative;
        padding: 5vw 0px 0px 0px;
        background: url(images/contactBg.jpg) top no-repeat;
        background-size: cover;
    }

    .brand {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatOne .brand {
        padding: 5vw 0px 0px 0px;
    }

    .brand .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .whatOne .brand .inside {
        width: 94%;
    }

    .brand .inside .box {
        float: left;
        width: 100%;
        height: 100px;
        margin: 0px 0px 5px 0px;
        position: relative;
        background: #fff;
        overflow: hidden;
    }

    .whatOne .brand .inside .box {
        height: 140px;
    }

    .brand .inside .box .zdjecie-glowne {
        float: left;
        width: 40%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .brand .inside .box .zdjecie-glowne .img {
        float: left;
        width: 20vw;
        position: relative;
    }

    .brand .inside .box .right {
        float: left;
        width: 60%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .brand .inside .box .right .text {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 4vw 0px 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .whatOne .brand .inside .box .right .text {
        width: 100%;
        font-size: 13px;
        line-height: 17px;
        padding: 0px 3vw 0px 0px;
        text-align: left;
    }

    .brand .inside .box .right .text a {
        text-decoration: none;
        font-weight: 600;
    }

    .boxBrand-9 .text a {
        color: #6966ae;
    }

    .boxBrand-10 .text a {
        color: #2bbcf1;
    }

    .boxBrand-11 .text a {
        color: #61ced1;
    }

    .boxBrand-12 .text a {
        color: #911943;
    }

    .pageContact .brand .inside .pliki {
        float: left;
        width: 100%;
        position: relative;
    }

    .pageContact .brand .inside .pliki a {
        float: left;
        width: calc(100% - 1vw);
        position: relative;
        margin: 0px 0px 0.3vw 0px;
        padding: 0px 0px 0px 1vw;
        color: #bdbbde;
        font-family: 'Roboto';
        font-size: 0.85vw;
        font-weight: 400;
        line-height: 1.3vw;
        text-decoration: none;
    }

    /* .brand .inside .box .hover { */
    /* float:left; */
    /* width:100%; */
    /* height:100%; */
    /* position:absolute; */
    /* top:0; */
    /* left:0; */
    /* color: #fff; */
    /* font-family: 'Barlow'; */
    /* font-size: 1.2vw; */
    /* font-weight: 600; */
    /* line-height: 1.2vw; */
    /* z-index:5; */
    /* display:flex; */
    /* flex-direction:row; */
    /* flex-wrap:wrap; */
    /* justify-content:center; */
    /* align-items:center; */
    /* align-content:center; */
    /* opacity:0; */
    /* } */
    /* .brand .inside .box .hover:hover { */
    /* opacity:1; */
    /* } */
    /* .brand .inside .box .hover:hover .show { */
    /* -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; */
    /* animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; */
    /* } */
    /* .brand .inside .boxBrand-9 .hover { background:#6966ae; } */
    /* .brand .inside .boxBrand-10 .hover { background:#2bbcf1; } */
    /* .brand .inside .boxBrand-11 .hover { background:#61ced1; } */
    /* .brand .inside .boxBrand-12 .hover { background:#911943; } */
    /* ----------------------------------------------
 * Generated by Animista on 2019-6-18 1:20:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
    /**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
    @-webkit-keyframes tracking-in-contract {
        0% {
            letter-spacing: 1em;
            opacity: 0;
        }
        40% {
            opacity: 0.6;
        }
        100% {
            letter-spacing: normal;
            opacity: 1;
        }
    }
    @keyframes tracking-in-contract {
        0% {
            letter-spacing: 1em;
            opacity: 0;
        }
        40% {
            opacity: 0.6;
        }
        100% {
            letter-spacing: normal;
            opacity: 1;
        }
    }

    .contact {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .contact .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .contact .inside .header {
        float: left;
        width: 100%;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
    }

    .contact .inside .location {
        margin: 0vw 0px 0px 0px;
        text-align: center;
    }

    .location {
        float: left;
        width: 100%;
        position: relative;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #073f35;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 700;
        line-height: 25px;
        text-decoration: none;
        /* background: url(images/contactIcon_1.svg) left no-repeat; */
        /* background-size:14px; */
    }

    .contact .inside .text {
        float: left;
        width: 100%;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
    }

    .contact .inside .text div {
        float: left;
        position: relative;
        width: 100%;
    }

    .contact .inside .text div:nth-of-type(1) {
        /* width:70%; */
    }

    .contact .inside .text div:nth-of-type(2) {
        /* width:30%; */
    }

    .contact .inside .text h3 {
        float: left;
        width: 100%;
        margin: 40px 0px 0px 0px;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 22px;
        font-weight: 700;
        line-height: 26px;
        text-align: center;
    }

    /* .contact .inside .text div:nth-of-type(1) h3:before, .contact .inside .text div:nth-of-type(2) h3:before { */
    /* content: ' '; */
    /* float:left; */
    /* width:46px; */
    /* height:1px; */
    /* position:absolute; */
    /* top:0.65vw;		 */
    /* background:#cccccc; */
    /* } */
    /* .contact .inside .text div:nth-of-type(1) h3:before { left:10vw; } */
    /* .contact .inside .text div:nth-of-type(2) h3:before { left:14vw; } */
    .contact .text table {
        float: left;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100% !important;
        text-align: center;
        margin: 30px 0px 0px 0px;
    }

    .contact .text table tr td {
        padding: 55px 0px 0px 0vw;
    }

    .contact .text table:nth-of-type(1) {
        background: url(images/contactIcon_1.svg) top no-repeat;
        background-size: 30px;
    }

    .contact .text table:nth-of-type(2) {
        background: url(images/contactIcon_2.svg) top no-repeat;
        background-size: 30px;
    }

    .contact .text table:nth-of-type(3) {
        background: url(images/contactIcon_3.svg) top no-repeat;
        background-size: 24px;
    }

    .contact .text div:nth-of-type(2) table:nth-of-type(1) {
        background: url(images/contactIcon_1.svg) top no-repeat;
        background-size: 30px;
    }

    .contact .text table a {
        text-decoration: none;
        font-weight: 600;
        color: #073f35;
    }

    .contact .textAdd {
        float: left;
        width: 100%;
        color: #7f7f7f;
        margin: 30px 0px 0px 0px;
        padding: 10px 8px 10px 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.28px;
        background-color: #f6f6f6;
        border-radius: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .contact .textAdd p {
        float: left;
        padding: 0px 15px 0px 15px;
        border-right: 1px solid #82d0ee;
    }

    .contact .textAdd p:last-child {
        border-right: 0;
    }

    #mapa-box {
        float: left;
        width: 100%;
        height: 400px;
        overflow: hidden;
        border: 0px solid #c0c0c0;
    }

    .fastContact {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 40px 0px;
        background: #fbfcfb;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .fastContact .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .fastContact .inside h2 {
        float: left;
        width: 100%;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
    }

    .fastContact .inside .text {
        float: left;
        width: 100%;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
    }

    .fastContact .text table {
        float: left;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 30px 0px 0px 0px;
    }

    .fastContact .text table tr td {
        padding: 60px 0px 0px 0vw;
    }

    .fastContact .text table:nth-of-type(1) tr td {
        /* width:28% !important; */

        padding: 0px 0px 0px 0vw;
    }

    .fastContact .text table:nth-of-type(1) {
        /* width:28% !important; */
        margin-top: 40px;
    }

    .fastContact .text table:nth-of-type(1) td {
        /* padding:0px 0px 0px 0px; */
    }

    .fastContact .text table:nth-of-type(2) {
        /* width:25% !important; */
        background: url(images/fastIconOne.svg) top no-repeat;
        background-size: 50px;
    }

    .fastContact .text table:nth-of-type(3) {
        /* width:27% !important; */
        background: url(images/fastIconTwo.svg) top no-repeat;
        background-size: 50px;
    }

    .fastContact .text table:nth-of-type(4) {
        /* width:20% !important; */
        background: url(images/fastIconThree.svg) top no-repeat;
        background-size: 50px;
    }

    .fastContact .text table a {
        text-decoration: none;
        font-weight: 600;
        color: #073f35;
    }

    .bottom {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 3vw 0px 4vw 0px;
        position: relative;
        background-color: #1a3c33;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .bottom .inside {
        float: left;
        width: 94%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
    }

    .bottom .inside .box {
        float: left;
        width: 25%;
        position: relative;
    }

    .bottom .inside .box .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        color: #fff;
        font-family: 'Roboto';
        font-size: 15px;
        line-height: 15px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .bottom .inside .box .link {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 10px 0px;
        color: #b9d3cc;
        font-family: 'Roboto';
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        text-decoration: none;
    }

    .bottom .inside .box .link:hover {
        text-decoration: underline;
    }

    .bottom .inside .box .socialIncon {
        float: left;
        position: relative;
        margin: 0px 4px 0px 0px;
    }

    footer {
        float: left;
        width: 100%;
        position: relative;
        border-top: 1px solid #3c5952;
        background-color: #1a3c33;
    }

    footer .wrap {
        width: 94%;
        height: 100%;
        margin: 10px 3% 10px 3%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: center;
    }

    footer .wrap .arrowUp {
        float: left;
        position: relative;
        z-index: 10;
        cursor: pointer;
        color: #6b968b;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    footer .wrap .arrowUp .img {
        float: left;
        margin: 0px 1vw 0px 0px;
        width: 40px;
        height: 40px;
    }

    footer .wrap .arrowUp:hover {
        color: #fff;
    }

    footer .wrap .text {
        float: left;
        position: relative;
        color: #6b968b;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        margin: 10px 0px 10px 0px;
    }

    .odee-tip {
        display: inline;
        position: relative;
        opacity: 0.6;
    }

    .odee-tip:hover:after {
        background: #333;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        bottom: 26px;
        color: #dc407f;
        content: attr(title);
        left: -110px;
        padding: 5px 10px;
        text-align: center;
        position: absolute;
        z-index: 98;
        width: 140px;
        font-size: 11px;
    }

    .odee-tip:hover:before {
        border: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent;
        border-width: 6px 6px 0 6px;
        bottom: 20px;
        content: "";
        left: 40%;
        position: absolute;
        z-index: 99;
    }

    .odee-tip:hover {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
    }

    .odee a {
        float: right;
        margin: 0px 0px 0px 0px;
    }

    .formBox {
        float: left;
        width: 100%;
        padding: 4vw 0px 4vw 0px;
        position: relative;
        background: url(images/formBoxBg.jpg) center no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .formBox .inside {
        float: left;
        width: 94%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .formBox .inside h3 {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        position: relative;
        color: #ffffff;
        font-family: 'Barlow';
        font-size: 4vw;
        font-weight: 700;
        line-height: 4vw;
        text-align: center;
    }

    .formularz-div {
        float: left;
        width: 100%;
        position: relative;
        margin: 3vw 0px 0px 0px;
    }

    .form-box-left {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .form-box-right {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .form-box {
        float: left;
        width: 100%;
        margin: 0px 0px 1.3vw 0px;
    }

    .form-box-all {
        float: left;
        width: 100%;
        margin: 0px 0px 1.5vw 0px;
    }

    .form-input {
        float: left;
        width: 100%;
        height: 34px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        font-family: 'Roboto';
        color: #000;
        border: 0px solid #fff;
        background: #ffffff;
        font-size: 14px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .inputDate {
        background: #fff url(images/inputDateBg.svg) right 1vw center no-repeat;
    }

    .inputDate::-webkit-inner-spin-button,
    .inputDate::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

    .form-textarea {
        float: left;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 80px;
        font-family: 'Roboto';
        color: #000;
        padding: 15px 0px 0px 10px;
        border: 0px solid #fff;
        background: #ffffff;
        font-size: 14px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .form-submit {
        float: right;
        height: 50px;
        margin: 1vw 0px 0px 0px;
           background-color: #035e44;
        color: #ffffff;
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        text-transform: uppercase;
        border: none;
        border: 0px solid #dedede;
        cursor: pointer;
        border-radius: 0;
            padding: 1vw 3vw;
    }

    .recaptcha {
        float: right;
        margin: 1vw 0px 0px 0px;
        position: relative;
    }

    .r-box {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1vw 0px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        color: #fff;
        text-align: justify;
    }

    .r-box .r-label {
        float: left;
        width: 100%;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .r-box .r-checkbox {
        float: left;
        position: relative;
        margin-right: 10px;
    }

    .r-text {
        float: left;
        width: calc(100% - 30px);
        position: relative;
    }

    .form-input:focus,
    .form-textarea:focus,
    .form-submit:focus {
        outline: none;
    }

    .offer-row {
        height: 15vw;
        width: 45vw;
    }

    .offer-icon {
        width: 15vw;
    }

    .offerTwo .text.div-left .offer-row:nth-child(1) img{
        margin: 0px 21px 0 -5px;
        width: 14.4vw;
    }
    
    .offerTwo .text.div-left .offer-row:nth-child(2) img{
        width: 15.2vw;
    }
    .offerTwo .text.div-left .offer-row:nth-child(3) .offer-icon-container{
       margin-right: 13px;
    }
    .offerTwo .text.div-left .offer-row:nth-child(3) img{
        margin: -15px 0 0 0;
    }
    
    
    .offerTwo .div-right .offer-icon-container{
        margin-right: 0;
    }
    .offerTwo .div-right .offer-row:nth-child(2) .offer-icon-container{
        margin: 0 -6px 0 10px;
    }
    .offerTwo .div-right .offer-row:nth-child(1) .offer-icon-container{
        margin-right:-9px;
    }
    .offerTwo .div-right .offer-row:nth-child(2) img{
        width: 14.3vw;
    }
    .offerTwo .div-right .offer-row:nth-child(3) .offer-icon-container{
        margin-right:-8px;
    }


    .offerTwo .text {
        font-size: 15px;
        line-height: 1.3;
        width: 90%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    
    .offerTwo .text.div-left .offer-row:nth-child(1) img{
        margin: 0px 21px 0 -5px;
        width: 14.4vw;
    }
    
    .offerTwo .text.div-left .offer-row:nth-child(2) img{
        width: 15.2vw;
    }
    .offerTwo .text.div-left .offer-row:nth-child(3) .offer-icon-container{
       margin-right: 13px;
    }
    .offerTwo .text.div-left .offer-row:nth-child(3) img{
        margin: -15px 0 0 0;
    }
    
    
    .offerTwo .div-right .offer-icon-container{
        margin-right: 0;
    }
    .offerTwo .div-right .offer-row:nth-child(2) .offer-icon-container{
        margin: 0 -6px 0 10px;
    }
    .offerTwo .div-right .offer-row:nth-child(1) .offer-icon-container{
        margin-right:-9px;
    }
    .offerTwo .div-right .offer-row:nth-child(2) img{
        width: 14.3vw;
    }
    .offerTwo .div-right .offer-row:nth-child(3) .offer-icon-container{
        margin-right:-8px;
    }

    p#building-plan--tile{
        padding: 4vw 0 1vw;
    }
    .location-section .header, 
    .building-parameters--container .header,
    h2.header.header-above-space.header-dark-green-color,
    .offerTwo h2{
        font-size: 1.5em !important; 
        max-width: 94%;
        line-height: 1.5;
    }
    .offerOne .text{
        font-size: 14px;
        line-height: 21px;
    }
    .offerOne .text{
        max-width:85vw;
    }
    .building-parameters--container .html-table table tr:nth-child(4) td:nth-child(1),
    .building-parameters--container .html-table table tr:nth-child(5) td:nth-child(1),
    .building-parameters--container .html-table table tr:nth-child(6) td:nth-child(1){
        padding-left: 60px !important;
    }

    .html-table table td,
    .html-buttons-list ul#building-plans-pdf li,
    .html-buttons-list ul.details--ul li,
    .rental-options-content ul li {
        font-size: 15px !important;
    }
    .html-table.flex.flex-center {
        max-width: 94% !important;
    }
    .html-buttons-list ul#building-plans-pdf li {
        margin: 0.3vw !important;
    }
    .html-buttons-list p,
    .html-buttons-list table#building-details--table tr:nth-child(1) td {
        font-size: 17px !important;
        line-height: 20px !important;
    }
    h2.header.header-above-space.header-dark-green-color {
        margin: 4.5vw 0 1.5vw;
    }

    .no-comp {
        display: none !important;
    }

    .metBox {
        float: right;
        width: 40px;
        position: fixed;
        top: 100px;
        right: 0;
        z-index: 10;
        overflow: hidden;
    }
    .metBox a {
        position: relative;
        float: left;
    }
    .metBox a img {
        position: relative;
        float: left;
        height: 40px;
        margin: 0px 0px 4px 0px;
    }

    #history {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #csr {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #awards {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -50px;
    }

    #career {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -50px;
    }

    #cooperation {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    #customers {
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin-top: -90px;
    }

    .Gmore {
        float: left;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-decoration: none;
    }

    .Gmore span {
        float: left;
        position: relative;
        padding: 0px 32px 0px 15px;
        color: #ffffff;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 34px;
        text-transform: uppercase;
        background: #073f35 url(images/homeOfferMoreArrow.svg) right 15px center no-repeat;
    }

    .wrapper {
        float: left;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: #fff;
        z-index: 20;
    }

    .wrapper .wrap {
        width: 94%;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .wrapper .wrap .logo {
        float: left;
        position: relative;
        margin: 15px 0px 15px 0px;
        padding: 0px 0px 0px 0px;
    }

    .wrapper .wrap .logo img {
        float: left;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        transition: none;
        height: 32px;
    }

    .wrapper .wrap .logo .logoWhite {
        display: none;
    }

    .wrapper nav {
        display: none;
        width: 100%;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .wrapper nav ul {
        float: right;
        position: relative;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

    .wrapper nav ul li {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
        list-style: none;
        text-align: right;
    }

    .wrapper nav ul li a {
        font-family: 'Barlow';
        font-size: 18px;
        color: #231f20;
        line-height: 26px;
        font-weight: 400;
        letter-spacing: 0.87px;
        text-decoration: none;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        display: inline-block;
    }

    .wrapper nav ul li a:hover {
        color: #073f35;
    }

    .wrapper nav ul li a.active {
        color: #073f35;
        font-weight: 600;
    }

    .wrapper nav ul li .menu-hr {
        display: none;
        float: right;
        margin: 0px 1.5vw 0px 1.5vw;
    }

    .wrapper nav ul li:last-child .menu-hr {
        display: none;
    }

    .wrapper .menu-tel {
        float: right;
        font-size: 30px;
        margin: 16px 0px 0px 0px;
        cursor: pointer;
        color: #231f20;
        position: relative;
    }

    .wrapper .other {
        float: right;
        position: absolute;
        display: flex;
        right: 50px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        top: 24px;
    }

    .wrapper .other .social {
        float: left;
        position: relative;
        display: none;
    }

    .wrapper .other .social a {
        font-family: 'Barlow';
        color: #231f20;
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        letter-spacing: 0.36px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        text-decoration: none;
    }

    .wrapper .other .social img {
        float: left;
        position: relative;
        margin: 0px 10px 0px 0px;
    }

    .wrapper .other .hr {
        float: left;
        position: relative;
        margin: 0px 10px 0px 10px;
        /* filter: brightness(0) invert(1); */
        width: 10px;
        display: none;
    }

    .wrapper .other .lang {
        float: left;
        position: relative;
    }

    .wrapper .other .lang a {
        float: left;
        position: relative;
        margin: 0px 0px 0px 10px;
        color: #9aa9b4;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: right;
    }

    .wrapper .other .lang a:hover,
    .wrapper .other .lang a.activeLang {
        color: #231f20;
        font-weight: 700 !important;
    }

    .container {
        float: left;
        width: 100%;
        /* height: calc(100% - 62px); */
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .container .slide-1 {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
    }

    .container .slides {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        background-size: cover !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .container .slides .box {
        float: left;
        width: 94%;
        margin: 2vw 3% 0px 3%;
        position: relative;
        font-family: 'Barlow';
    }

    .container .slides .box .nag {
        float: left;
        width: 100%;
        position: relative;
        color: #ffffff;
        font-size: 6vw;
        font-weight: 700;
        line-height: 6vw;
        text-align: center;
    }

    .container .slides .box .text {
        float: left;
        width: 100%;
        position: relative;
        color: #ffffff;
        font-size: 1.15vw;
        font-weight: 300;
        line-height: 1.5vw;
    }

    .container .slides .box .more {
        display: none;
        visibility: hidden;
    }

    .container .owl-dots {
        float: left;
        width: 100%;
        left: 3%;
        bottom: 3.2vw;
        position: absolute;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        counter-reset: section;
        display: none;
    }

    .container .owl-dots .owl-dot {
        float: left;
        width: 2.4vw;
        height: 2.4vw;
        position: relative;
        margin: 0px 0.2vw 0px 0.6vw;
        padding: 0px 0px 0px 0px;
        color: #3b3a3a;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 1vw;
        border: 1px solid #3b3a3a;
        border-radius: 40em;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container .owl-dots .owl-dot::before {
        counter-increment: section;
        content: counter(section);
    }

    .container .owl-dots .active {
        float: left;
        width: 2.4vw;
        height: 2.4vw;
        position: relative;
        margin: 0px 0.2vw 0px 0.2vw;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Barlow';
        font-size: 1vw;
        font-weight: 600;
        line-height: 1vw;
        border: 1px solid #3b3a3a;
        border-radius: 40em;
        background: #163e33;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .container .scrollDown {
        float: left;
        position: absolute;
        bottom: 3.2vw;
        z-index: 5;
        cursor: pointer;
        width: 40px;
        left: 50%;
        visibility: hidden !important;
    }

    .home {
        float: left;
        width: 100%;
        position: relative;
    }

    .home .homeOne {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 30px 0px 20px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        background: url(images/homeOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .home .homeX .inside-light,
    .home .homeOne .inside, 
    .home .homeThree .inside {
        float: left;
        width: 90%;
        position: relative;
    }

    .home .homeX .inside-light .header,
    .home .homeOne .inside .header {
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        z-index: 1;
        text-align: center;
    }

    .home .homeX .inside-light .archives,
    .home .homeOne .inside .archives {
        float: right;
        margin: 0vw 0px 0px 0px;
        padding: 0px 12px 0px 0px;
        position: absolute;
        color: #073f35;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
        background: url(images/archiveArrow.svg) right center no-repeat;
        z-index: 2;
        right: 0;
    }

    .list {
        float: left;
        width: 100%;
        position: relative;
        margin: 25px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .list .box {
        float: left;
        width: 100%;
        /* height:29.5vw; */
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
    }

    .list.homeNews .box:nth-child(n + 2) {
        display: none;
    }

    .list .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 38vw;
        position: relative;
        z-index: 5;
    }

    .list .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .list .box .inner {
        float: left;
        width: 86%;
        position: relative;
        margin: 0px 7% 0px 7%;
        padding: 0px 0px 0px 0px;
    }

    .list .box .inner .date {
        float: left;
        margin: -10px 0px 20px 0px;
        padding: 0px 10px 0.1vw 10px;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        background: #073f35;
        z-index: 6;
    }

    .list .box .inner .header {
        float: left;
        width: 100%;
        height: 42px;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 15px;
        font-weight: 700;
        line-height: 21px;
        overflow: hidden;
    }

    .list .box .inner .text {
        float: left;
        width: 100%;
        height: 72px;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        color: #424242;
        font-family: 'Roboto';
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        overflow: hidden;
    }

    .list .box .inner .Gmore {
        margin: 0px 0px 15px 0px;
    }

    .news .inside .page {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 30px 0px 0px 0px;
    }

    .news .inside .page .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 30px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    .news .inside .page .left {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .news .inside .page .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        overflow: hidden;
    }

    .news .inside .zdjecie-glowne .img {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .key {
        float: left;
        margin: 20px 0px 20px 0px;
        padding: 0px 10px 0.1vw 10px;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        background: #073f35;
        border-radius: 10px;
        z-index: 6;
    }

    .news .inside .right {
        float: right;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .news .inside .dateOne {
        float: left;
        margin: 0px 0px 20px 0px;
        padding: 0px 10px 0.1vw 10px;
        position: relative;
        color: #fefefe;
        font-family: 'Barlow';
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        background: #073f35;
        z-index: 6;
    }

    .news .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: 'Barlow';
        color: #565656;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
    }

    .news .inside .text h4 {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }

    .news .inside .text strong {
        font-weight: 500;
        color: #000000;
    }

    .news .inside .text a {
        text-decoration: none;
        color: #45c2c5;
    }

    .news .inside .text ul {
        float: left;
        width: 100%;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        list-style: none;
        position: relative;
    }

    .news .inside .text ul li {
        float: left;
        width: calc(100% - 18px);
        margin: 1vw 0px 0px 0px;
        padding: 0px 0px 0px 18px;
        background: url(images/offerLiBg.svg) left 0px top 7px no-repeat;
        position: relative;
    }

    .home .homeTwo, 
    .home .homeFour,
    .home .homeTwelve,
    .home .homeThirteen {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 3.5vw 0px 0px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        overflow: hidden;
    }

    .home .homeTwo .inside, 
    .home .homeFour .inside,
    .home .homeSeven .inside,
    .home .homeEight .inside,
    .home .homeTwelve .inside,
    .home .homeThirteen .inside {
        width: 90%;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .home .homeTwo .inside .left {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
    }

    .home .homeTwo .inside .left .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
    }

    .home .homeTwo .inside .left .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .home .homeTwo .inside .left .Gmore {
        float: left;
        margin: 20px 0px 0px 0px;
        position: relative;
    }

    .home .homeTwo .inside .right {
        float: right;
        width: 100%;
        position: relative;
    }

    .home .homeTwo .inside .right .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeTwo .inside .right .zdjecie-glowne .img {
        float: left;
        width: 100%;
    }

    .home .homeThree {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        padding-top: 3vw;
    }

    .home .homeThree .box {
        float: left;
        width: 100%;
        height: 50vw;
        position: relative;
        overflow: hidden;
    }

    .home .homeThree .box .logo {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 6;
    }

    .home .homeThree .box .logo .gallery {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box .logo .gallery .gallery-box {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home .homeThree .box .logo .gallery .gallery-box .img {
        position: relative;
        float: left;
        width: 45vw;
    }

    .home .homeThree .box .logo .zdjecie-glowne .img {
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .home .homeThree .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home .homeThree .box .zdjecie-glowne .fade {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        background-color: rgba(0, 0, 0, 0.6);
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
    }

    .home .homeThree .box:hover .zdjecie-glowne .fade {
        opacity: 0;
    }

    .home .homeThree .box .show {
        float: left;
        width: 12vw;
        position: absolute;
        left: 50%;
        bottom: -2vw;
        margin: 0px 0px 0px -6vw;
        font-family: 'Barlow';
        color: #ffffff;
        font-size: 0.85vw;
        font-weight: 600;
        line-height: 2vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.25px;
        z-index: 7;
        display: none;
    }

    .home .homeThree .box:nth-child(1) .show {
        background: #635faa;
    }

    .home .homeThree .box:nth-child(2) .show {
        background: #00aeef;
    }

    .home .homeThree .box:nth-child(3) .show {
        background: #2fbfc2;
    }

    .home .homeThree .box:nth-child(4) .show {
        background: #911943;
    }

    .home .homeThree .box:hover .show {
        bottom: 0;
    }

    .customers {
        float: left;
        width: 100%;
        position: relative;
        padding: 60px 0px 30px 0px;
        background: url(images/customersBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .customers .inside {
        float: left;
        width: 80%;
        /* height: 30vw; */
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
        background-size: cover;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        border-radius: 12px;
    }

    .customers .inside .information {
        float: left;
        width: 90%;
        margin: 6vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .customers .inside .information h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 15px 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 24px;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }

    .customers .inside .information .text {
        float: left;
        width: 90%;
        position: relative;
        margin: 0px 5% 0px 5%;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .partners {
        float: left;
        width: 100%;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .partners .owl-carousel {
        float: left;
        width: 100%;
        height: 120px;
        position: relative;
    }

    .partners .owl-carousel .owl-stage-outer {
    }

    .partners .partners-box {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .partners .partners-box .img {
        width: auto !important;
        max-width: 75% !important;
        max-height: 100%;
    }

    .partners .owl-nav {
        float: left;
        width: 100%;
        position: relative;
        margin: -80px 0px 0px 0px;
        position: relative;
        font-size: 0;
    }

    .partners .owl-nav .owl-prev {
        float: left;
        width: 3.26vw;
        height: 3.26vw;
        margin: 0px 0px 0px -3.26vw;
        position: relative;
        cursor: pointer;
        /* background: url(images/partnersArrowLeft.png) center no-repeat; */
        background-size: 100% !important;
    }

    .partners .owl-nav .owl-next {
        float: right;
        width: 3.26vw;
        height: 3.26vw;
        margin: 0px -3.26vw 0px 0px;
        position: relative;
        cursor: pointer;
        /* background: url(images/partnersArrowRight.png) center no-repeat; */
        background-size: 100% !important;
    }

    .baner {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: calc(100% - 62px);
    }

    .baner h1 {
        float: left;
        width: 94%;
        /* margin: 90px 0px 0px 0px; */
        position: relative;
        color: #ffffff;
        font-size: 6vw;
        font-weight: 700;
        line-height: 6vw;
        text-align: center;
    }

    .baner .contactArrowDown {
        width: 40px;
    }

    .about {
        float: left;
        width: 100%;
        position: relative;
    }

    .about .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 15px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
    }

    .aboutOne {
        float: left;
        width: 100%;
        position: relative;
        padding: 12vw 0px 12vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutOne .text {
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        float: left;
        width: 94%;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .aboutTwo {
        float: left;
        width: 100%;
        position: relative;
        padding: 4vw 0px 4vw 0px;
        background: url(images/aboutTwoBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutTwo .inside {
        float: left;
        width: 80%;
        position: relative;
    }

    .aboutTwo .inside .header {
        color: #fff;
    }

    .aboutTwo .inside .history {
        float: left;
        width: 100%;
        /* height:45vw; */
        margin: 0vw 0px 0px 0px;
        position: relative;
    }

    .owl-stage-outer {
        overflow: hidden;
    }

    .aboutTwo .inside .history .box {
        float: left;
        width: 100%;
        height: 50%;
        position: relative;
    }

    .aboutTwo .inside .history .inner {
        float: left;
        width: 100%;
        /* height:40vw; */
        position: relative;
        background: #ffffff;
    }

    .aboutTwo .inside .history .box .zdjecie-glowne {
        float: left;
        width: 100%;
        height: 21vw;
        position: relative;
        z-index: 5;
    }

    .aboutTwo .inside .history .box .zdjecie-glowne .img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .aboutTwo .inside .history .box .year {
        float: left;
        width: 90%;
        position: relative;
        margin: 0px 5% 30px 5%;
        color: #fff;
        font-family: 'Barlow';
        font-size: 15px;
        font-weight: 600;
        line-height: 30px;
    }

    .aboutTwo .inside .history .box .name {
        float: left;
        width: 90%;
        position: relative;
        margin: 20px 5% 15px 5%;
        color: #2a2a2a;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .aboutTwo .inside .history .box .text {
        float: left;
        width: 90%;
        position: relative;
        margin: 0vw 5% 20px 5%;
        color: #2a2a2a;
        font-family: 'Barlow';
        font-size: 13px;
        font-weight: 400;
        line-height: 19px;
    }

    .aboutTwo .inside .history .box .triangle {
        float: left;
        position: absolute;
        left: 3vw;
        top: 0.9vw;
        width: 1.05vw;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .aboutTwo .inside .history .box .line {
        float: left;
        width: 100%;
        height: 5px;
        position: absolute;
        left: 0;
        top: 37px;
        background: #517d74;
        clip-path: polygon(99% 0, 100% 50%, 99% 100%, 0% 100%, 1% 50%, 0% 0%);
    }

    .aboutTwo .inside .history .owl-item.center .box .line {
        background: #fff;
    }

    .aboutTwo .inside .history .owl-item.center .box .triangle {
        float: left;
        position: absolute;
        left: 3vw;
        top: -0.9vw;
        width: 1.05vw;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .aboutTwo .inside .history .owl-item.center .box .year {
        font-size: 15px;
        font-weight: 600;
        line-height: 30px;
    }

    .aboutTwo .inside .history .owl-nav {
        float: right;
        width: 100%;
        height: 20px;
        position: absolute;
        top: 30px;
        left: 0vw;
        margin: 0vw 0px 0px 0px;
        z-index: 5;
        font-size: 0vw;
    }

    .aboutTwo .inside .history .owl-nav .owl-prev {
        float: left;
        width: 20px;
        height: 20px;
        margin: 0px 0px 0px -30px;
        position: relative;
        background: url(images/historyArrowLeft.svg) center no-repeat;
        cursor: pointer;
        background-size: 100%;
    }

    .aboutTwo .inside .history .owl-nav .owl-next {
        float: right;
        width: 20px;
        height: 20px;
        margin: 0px -30px 0px 0px;
        position: relative;
        background: url(images/historyArrowRight.svg) center no-repeat;
        cursor: pointer;
        background-size: 100%;
    }

    .aboutThree {
        float: left;
        width: 100%;
        position: relative;
        padding: 8vw 0px 8vw 0px;
        background: url(images/aboutThreeBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutThree .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .aboutThree .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        text-align: justify;
        text-align-last: center;
    }

    .aboutThree .inside .text h3 {
        float: left;
        width: 100%;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
    }

    .aboutThree .inside .text table {
        float: left;
        width: 100% !important;
        position: relative;
        margin: 0px 0px 20px 0px;
    }

    .aboutThree .inside .text table tr:nth-child(2) td {
        vertical-align: top;
    }

    .aboutThree .inside .text table tr:nth-child(3) td {
        padding: 15px 0px 0px 0px;
    }

    .aboutThree .inside .text table:nth-child(1) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_1.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutThree .inside .text table:nth-child(2) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_2.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutThree .inside .text table:nth-child(3) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/aboutThree_3.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .aboutFour {
        float: left;
        width: 100%;
        position: relative;
        padding: 8vw 0px 6vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .aboutFour .inside {
        float: left;
        width: 75%;
        position: relative;
    }

    .aboutFour .inside .awards {
        float: left;
        width: 100%;
        /* height:19vw; */
        position: relative;
        margin: 4vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .aboutFour .inside .awards .award {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .aboutFour .inside .awards .award .foto {
        float: left;
        width: 100%;
        height: 50vw;
        position: relative;
        border: 1px solid #f1f1f1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .aboutFour .inside .awards .award .foto .img {
        float: left;
        position: relative;
        width: auto !important;
        height: auto !important;
        max-width: 80%;
        max-height: 80%;
    }

    .aboutFour .inside .awards .award .name {
        float: left;
        width: 100%;
        position: relative;
        margin: 15px 0px 10px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
    }

    .aboutFour .inside .awards .award .info {
        float: left;
        width: 100%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        text-align: center;
    }

    .aboutFour .inside .awards .owl-nav {
        float: right;
        width: 100%;
        height: 20px;
        position: absolute;
        top: calc(25vw - 10px);
        left: 0vw;
        margin: 0px 0px 0px 0px;
        z-index: 5;
        font-size: 0vw;
    }

    .aboutFour .inside .awards .owl-nav .owl-prev {
        float: left;
        width: 20px;
        height: 20px;
        margin: 0px 0px 0px -40px;
        position: relative;
        background: url(images/awardsArrowLeft.svg) center no-repeat;
        cursor: pointer;
        background-size: contain;
    }

    .aboutFour .inside .awards .owl-nav .owl-next {
        float: right;
        width: 20px;
        height: 20px;
        margin: 0px -40px 0px 0px;
        position: relative;
        background: url(images/awardsArrowRight.svg) center no-repeat;
        cursor: pointer;
        background-size: contain;
    }

    .what {
        float: left;
        width: 100%;
        position: relative;
    }

    .what .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1.5vw 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 3.15vw;
        font-weight: 700;
        line-height: 3.15vw;
        text-align: center;
    }

    .whatOne {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatOne .text {
        float: left;
        width: 80%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatOne h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
    }

    .whatTwo {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutTwoBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatTwo .text {
        float: left;
        width: 80%;
        position: relative;
        color: #fff;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatTwo h2 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        color: #fff;
        font-family: 'Barlow';
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
    }

    .whatThree {
        float: left;
        width: 100%;
        position: relative;
        padding: 40px 0px 30px 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatThree .inside {
        float: left;
        width: 94%;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatThree .text {
        float: left;
        width: 90%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatThree h2 {
        margin: -12px 0px 20px 0px !important;
        text-transform: uppercase;
    }

    .whatThree h2:after {
        content: " ";
        float: left;
        width: 25%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        left: 0;
        top: 12px;
    }

    .whatThree h2:before {
        content: " ";
        float: left;
        width: 25%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        right: 0;
        top: 12px;
    }

    .whatThree .gallery {
        float: left;
        width: 90%;
        margin: 20px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .whatThree .gallery .gallery-box {
        float: left;
        width: 50%;
        height: 20vw;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        overflow: hidden;
        border: 0px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .whatThree .gallery .gallery-box .img {
        float: left;
        position: relative;
        max-width: 80%;
        max-height: 70%;
    }

    .whatFour {
        float: left;
        width: 100%;
        position: relative;
        padding: 7vw 0px 0px 0px;
        background: #fff url(images/whatFourBg.jpg) bottom no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatFour .inside {
        float: left;
        width: 94%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatFour .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        text-align: justify;
        text-align-last: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flext-start;
        align-content: center;
    }

    .whatFour h2 {
        text-transform: uppercase;
        margin: 0px 0px 4vw 0px !important;
    }

    .whatFour .inside .text h3 {
        float: left;
        width: 100%;
        color: #1c1d1f;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
    }

    .whatFour .inside .text table {
        float: left;
        width: 100% !important;
        position: relative;
        margin: 0px 0px 20px 0px;
    }

    .whatFour .inside .text table:nth-child(4) {
        /* left:14vw; */
    }

    .whatFour .inside .text table:nth-child(5) {
        /* right:14vw; */
    }

    .whatFour .inside .text table tr:nth-child(2) td {
        vertical-align: bottom;
        /* height:2.7vw; */
    }

    .whatFour .inside .text table tr:nth-child(3) td {
        padding: 15px 0px 0px 0px;
    }

    .whatFour .inside .text table:nth-child(1) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_1.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(2) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_2.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(3) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_3.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(4) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_4.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFour .inside .text table:nth-child(5) tr:nth-child(1) td {
        height: 15vw;
        background: url(images/whatFour_5.svg) center no-repeat;
        background-size: auto 12vw;
    }

    .whatFive {
        float: left;
        width: 100%;
        position: relative;
        padding: 40px 0px 30px 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatFive .inside {
        float: left;
        width: 94%;
        border: 1px solid #c6c6c6;
        border-top: 0px solid #c6c6c6;
        padding: 0px 0px 30px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
    }

    .whatFive .text {
        float: left;
        width: 90%;
        position: relative;
        color: #303030;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .whatFive .text a {
        text-decoration: none;
        color: #073f35;
        font-weight: 600;
    }

    .whatFive h2 {
        margin: -12px 0px 20px 0px !important;
    }

    .whatFive h2:after {
        content: " ";
        float: left;
        width: 15%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        left: 0;
        top: 12px;
    }

    .whatFive h2:before {
        content: " ";
        float: left;
        width: 15%;
        height: 1px;
        border-top: 1px solid #c6c6c6;
        position: absolute;
        right: 0;
        top: 12px;
    }

    .services {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 7vw 0px 7vw 0px;
        background: url(images/aboutOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        overflow: hidden;
    }

    .services .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .services .inside .left {
        float: left;
        width: 38%;
        position: relative;
        margin: 0px 6% 0px 0px;
    }

    .services .inside .left .submenu {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .services .inside .left .submenu .submenuName {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 8px 0px;
        font-family: 'Roboto';
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        color: #424242;
        text-decoration: none;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .left .submenu .submenuName .arrow {
        float: left;
        margin: 3px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .left .submenu .submenuName span {
        float: left;
        width: calc(100% - 16px);
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .left .submenu .submenuName.activeSubmenu {
        color: #073f35;
        font-weight: 600;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .left .submenu .submenuName:hover {
        color: #073f35;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .right {
        float: right;
        width: 56%;
        position: relative;
    }

    .services .inside .right .inner {
        float: left;
        width: 45%;
        position: relative;
    }

    .services .inside .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 8px 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        border-bottom: 1px solid #073f35;
    }

    .services .inside .text {
        float: left;
        width: 100%;
        position: relative;
        margin: 1.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .services .inside .text ul,
    .services .inside .text ol {
        float: left;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .services .inside .text ul li {
        float: left;
        width: 100%;
        margin: 0px 0px 0.1vw 18px;
        padding: 0px 0px 0px 0px;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .services .inside .text ol li {
        float: left;
        width: 100%;
        margin: 0px 0px 0.1vw 18px;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

    .services .inside .zdjecie-glowne {
        float: left;
        width: 100%;
        position: relative;
        margin: 10px 0px 20px 0px;
        z-index: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .services .inside .zdjecie-glowne .img {
        float: left;
        max-width: 100%;
        max-height: 100%;
    }

    .news {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        background: url(images/homeOneBg.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .news .inside {
        float: left;
        width: 94%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .news .inside .box {
    }

    .pageContact {
        float: left;
        width: 100%;
        position: relative;
        padding: 5vw 0px 0px 0px;
        background: url(images/contactBg.jpg) top no-repeat;
        background-size: cover;
    }

    .brand {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .whatOne .brand {
        padding: 5vw 0px 0px 0px;
    }

    .brand .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .whatOne .brand .inside {
        width: 94%;
    }

    .brand .inside .box {
        float: left;
        width: 100%;
        /* height:100px; */
        margin: 0px 0px 5px 0px;
        position: relative;
        background: #fff;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
    }

    .whatOne .brand .inside .box {
        /* height:140px; */
    }

    .brand .inside .box .zdjecie-glowne {
        float: left;
        width: 40%;
        height: 80px;
        margin: 20px 0px 20px 0px;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .brand .inside .box .zdjecie-glowne .img {
        float: left;
        width: 20vw;
        position: relative;
    }

    .brand .inside .box .hover {
        display: none;
    }

    .brand .inside .box .right {
        float: left;
        width: 60%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .brand .inside .box .right .text {
        float: left;
        margin: 15px 0px 15px 0px;
        padding: 0px 4vw 0px 0px;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .whatOne .brand .inside .box .right .text {
        width: 100%;
        font-size: 13px;
        line-height: 17px;
        padding: 0px 3vw 0px 0px;
        text-align: left;
    }

    .brand .inside .box .right .text a {
        text-decoration: none;
        font-weight: 600;
    }

    .boxBrand-9 .text a {
        color: #6966ae;
    }

    .boxBrand-10 .text a {
        color: #2bbcf1;
    }

    .boxBrand-11 .text a {
        color: #61ced1;
    }

    .boxBrand-12 .text a {
        color: #911943;
    }

    .pageContact .brand .inside .pliki {
        float: left;
        width: 100%;
        position: relative;
    }

    .pageContact .brand .inside .pliki a {
        float: left;
        width: calc(100% - 1vw);
        position: relative;
        margin: 0px 0px 0.3vw 0px;
        padding: 0px 0px 0px 1vw;
        color: #bdbbde;
        font-family: 'Roboto';
        font-size: 0.85vw;
        font-weight: 400;
        line-height: 1.3vw;
        text-decoration: none;
    }

    /* .brand .inside .box .hover { */
    /* float:left; */
    /* width:100%; */
    /* height:100%; */
    /* position:absolute; */
    /* top:0; */
    /* left:0; */
    /* color: #fff; */
    /* font-family: 'Barlow'; */
    /* font-size: 1.2vw; */
    /* font-weight: 600; */
    /* line-height: 1.2vw; */
    /* z-index:5; */
    /* display:flex; */
    /* flex-direction:row; */
    /* flex-wrap:wrap; */
    /* justify-content:center; */
    /* align-items:center; */
    /* align-content:center; */
    /* opacity:0; */
    /* } */
    /* .brand .inside .box .hover:hover { */
    /* opacity:1; */
    /* } */
    /* .brand .inside .box .hover:hover .show { */
    /* -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; */
    /* animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; */
    /* } */
    /* .brand .inside .boxBrand-9 .hover { background:#6966ae; } */
    /* .brand .inside .boxBrand-10 .hover { background:#2bbcf1; } */
    /* .brand .inside .boxBrand-11 .hover { background:#61ced1; } */
    /* .brand .inside .boxBrand-12 .hover { background:#911943; } */
    /* ----------------------------------------------
 * Generated by Animista on 2019-6-18 1:20:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
    /**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
    @-webkit-keyframes tracking-in-contract {
        0% {
            letter-spacing: 1em;
            opacity: 0;
        }
        40% {
            opacity: 0.6;
        }
        100% {
            letter-spacing: normal;
            opacity: 1;
        }
    }
    @keyframes tracking-in-contract {
        0% {
            letter-spacing: 1em;
            opacity: 0;
        }
        40% {
            opacity: 0.6;
        }
        100% {
            letter-spacing: normal;
            opacity: 1;
        }
    }

    .contact {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 5vw 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .contact .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .contact .inside .header {
        float: left;
        width: 100%;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
    }

    .contact .inside .location {
        margin: 0vw 0px 0px 0px;
        text-align: center;
    }

    .location {
        float: left;
        width: 100%;
        position: relative;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #073f35;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 700;
        line-height: 25px;
        text-decoration: none;
        /* background: url(images/contactIcon_1.svg) left no-repeat; */
        /* background-size:14px; */
    }

    .contact .inside .text {
        float: left;
        width: 100%;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
    }

    .contact .inside .text div {
        float: left;
        position: relative;
        width: 100%;
    }

    .contact .inside .text div:nth-of-type(1) {
        /* width:70%; */
    }

    .contact .inside .text div:nth-of-type(2) {
        /* width:30%; */
    }

    .contact .inside .text h3 {
        float: left;
        width: 100%;
        margin: 40px 0px 0px 0px;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 22px;
        font-weight: 700;
        line-height: 26px;
        text-align: center;
    }

    /* .contact .inside .text div:nth-of-type(1) h3:before, .contact .inside .text div:nth-of-type(2) h3:before { */
    /* content: ' '; */
    /* float:left; */
    /* width:46px; */
    /* height:1px; */
    /* position:absolute; */
    /* top:0.65vw;		 */
    /* background:#cccccc; */
    /* } */
    /* .contact .inside .text div:nth-of-type(1) h3:before { left:10vw; } */
    /* .contact .inside .text div:nth-of-type(2) h3:before { left:14vw; } */
    .contact .text table {
        float: left;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100% !important;
        text-align: center;
        margin: 30px 0px 0px 0px;
    }

    .contact .text table tr td {
        padding: 55px 0px 0px 0vw;
    }

    .contact .text table:nth-of-type(1) {
        background: url(images/contactIcon_1.svg) top no-repeat;
        background-size: 30px;
    }

    .contact .text table:nth-of-type(2) {
        background: url(images/contactIcon_2.svg) top no-repeat;
        background-size: 30px;
    }

    .contact .text table:nth-of-type(3) {
        background: url(images/contactIcon_3.svg) top no-repeat;
        background-size: 24px;
    }

    .contact .text div:nth-of-type(2) table:nth-of-type(1) {
        background: url(images/contactIcon_1.svg) top no-repeat;
        background-size: 30px;
    }

    .contact .text table a {
        text-decoration: none;
        font-weight: 600;
        color: #073f35;
    }

    .contact .textAdd {
        float: left;
        width: 100%;
        color: #7f7f7f;
        margin: 30px 0px 0px 0px;
        padding: 10px 8px 10px 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.28px;
        background-color: #f6f6f6;
        border-radius: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .contact .textAdd p {
        float: left;
        position: relative;
        width: 100%;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 6px 0px 6px 0px;
    }

    .contact .textAdd p:last-child {
        border-right: 0;
    }

    #mapa-box {
        float: left;
        width: 100%;
        height: 400px;
        overflow: hidden;
        border: 0px solid #c0c0c0;
    }

    .fastContact {
        float: left;
        width: 100%;
        position: relative;
        padding: 0px 0px 40px 0px;
        background: #fbfcfb;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .fastContact .inside {
        float: left;
        width: 94%;
        position: relative;
    }

    .fastContact .inside h2 {
        float: left;
        width: 100%;
        position: relative;
        color: #231f20;
        font-family: 'Barlow';
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
    }

    .fastContact .inside .text {
        float: left;
        width: 100%;
        color: #231f20;
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
    }

    .fastContact .text table {
        float: left;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 30px 0px 0px 0px;
    }

    .fastContact .text table tr td {
        padding: 60px 0px 0px 0vw;
    }

    .fastContact .text table:nth-of-type(1) tr td {
        /* width:28% !important; */

        padding: 0px 0px 0px 0vw;
    }

    .fastContact .text table:nth-of-type(1) {
        /* width:28% !important; */
        margin-top: 40px;
    }

    .fastContact .text table:nth-of-type(1) td {
        /* padding:0px 0px 0px 0px; */
    }

    .fastContact .text table:nth-of-type(2) {
        /* width:25% !important; */
        background: url(images/fastIconOne.svg) top no-repeat;
        background-size: 50px;
    }

    .fastContact .text table:nth-of-type(3) {
        /* width:27% !important; */
        background: url(images/fastIconTwo.svg) top no-repeat;
        background-size: 50px;
    }

    .fastContact .text table:nth-of-type(4) {
        /* width:20% !important; */
        background: url(images/fastIconThree.svg) top no-repeat;
        background-size: 50px;
    }

    .fastContact .text table a {
        text-decoration: none;
        font-weight: 600;
        color: #073f35;
    }

    .bottom {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 3vw 0px 4vw 0px;
        position: relative;
        background-color: #1a3c33;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .bottom .inside {
        float: left;
        width: 94%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
    }

    .bottom .inside .box {
        float: left;
        width: 50%;
        position: relative;
        margin: 20px 0px 0px 0px;
    }

    .bottom .inside .box .header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 20px 0px;
        color: #fff;
        font-family: 'Roboto';
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .bottom .inside .box .link {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 10px 0px;
        color: #b9d3cc;
        font-family: 'Roboto';
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        text-decoration: none;
    }

    .bottom .inside .box .link:hover {
        text-decoration: underline;
    }

    .bottom .inside .box .socialIncon {
        float: left;
        position: relative;
        margin: 0px 4px 0px 0px;
    }

    footer {
        float: left;
        width: 100%;
        position: relative;
        border-top: 1px solid #3c5952;
        background-color: #1a3c33;
    }

    footer .wrap {
        width: 94%;
        height: 100%;
        margin: 10px 3% 10px 3%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: center;
    }

    footer .wrap .arrowUp {
        float: left;
        position: relative;
        z-index: 10;
        cursor: pointer;
        color: #6b968b;
        font-family: 'Barlow';
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    footer .wrap .arrowUp .img {
        float: left;
        margin: 0px 1vw 0px 0px;
        width: 35px;
        height: 35px;
    }

    footer .wrap .arrowUp:hover {
        color: #fff;
    }

    footer .wrap .text {
        float: left;
        position: relative;
        color: #6b968b;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        margin: 10px 0px 10px 0px;
    }

    .odee-tip {
        display: inline;
        position: relative;
        opacity: 0.6;
    }

    .odee-tip:hover:after {
        background: #333;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        bottom: 26px;
        color: #dc407f;
        content: attr(title);
        left: -110px;
        padding: 5px 10px;
        text-align: center;
        position: absolute;
        z-index: 98;
        width: 140px;
        font-size: 11px;
    }

    .odee-tip:hover:before {
        border: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent;
        border-width: 6px 6px 0 6px;
        bottom: 20px;
        content: "";
        left: 40%;
        position: absolute;
        z-index: 99;
    }

    .odee-tip:hover {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
    }

    .odee a {
        float: right;
        margin: 0px 0px 0px 0px;
    }

    .formBox {
        float: left;
        width: 100%;
        padding: 30px 0px 30px 0px;
        position: relative;
        background: url(images/formBoxBg.jpg) center no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .formBox .inside {
        float: left;
        width: 94%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .formBox .inside h3 {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        position: relative;
        color: #ffffff;
        font-family: 'Barlow';
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
    }

    .formularz-div {
        float: left;
        width: 100%;
        position: relative;
        margin: 20px 0px 0px 0px;
    }

    .form-box-left {
        float: left;
        width: 100%;
        position: relative;
    }

    .form-box-right {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .form-box {
        float: left;
        width: 100%;
        margin: 0px 0px 1.2vw 0px;
    }

    .form-box:nth-child(2n) {
        margin: 0px 0vw 1.2vw 0px;
    }

    .form-box-all {
        float: left;
        width: 100%;
        margin: 0px 0px 1.5vw 0px;
    }

    .form-input {
        float: left;
        width: 100%;
        height: 34px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        font-family: 'Roboto';
        color: #000;
        border: 0px solid #fff;
        background: #ffffff;
        font-size: 14px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .inputDate {
        background: #fff url(images/inputDateBg.svg) right 1vw center no-repeat;
    }

    .inputDate::-webkit-inner-spin-button,
    .inputDate::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

    .form-textarea {
        float: left;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 135px;
        min-height: 135px;
        max-height: 285px;
        font-family: 'Roboto';
        color: #000;
        padding: 15px 0px 0px 10px;
        border: 0px solid #fff;
        background: #ffffff;
        font-size: 14px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .form-submit {
        width: 98%;
        height: 42px;
        margin: 1.5vw 0px 1.5vw 0px;
        background-color: #035e44;
        color: #ffffff;
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        text-transform: uppercase;
        border: none;
        border: 0px solid #dedede;
        cursor: pointer;
        border-radius: 0;
            padding: 1vw 3vw;
    }

    .recaptcha {
        float: right;
        margin: 1vw 0px 0px 0px;
        position: relative;
    }

    .r-box {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 1vw 0px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        color: #fff;
        text-align: justify;
    }

    .r-box .r-label {
        float: left;
        width: 100%;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
    }

    .r-box .r-checkbox {
        float: left;
        position: relative;
        margin-right: 10px;
    }

    .r-text {
        float: left;
        width: calc(100% - 30px);
        position: relative;
    }

    .form-input:focus,
    .form-textarea:focus,
    .form-submit:focus {
        outline: none;
    }

    .offer-row {
        height: 35vw;
    }

    .offer-icon {
        width: 15vw;
        margin: 0 auto !important
    }

    .offerTwo .text {
        font-size: 15px;
        line-height: 1.3;
        width: 90%;
    }
}

.location-section {
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    /* background: url(images/offerTwoBg.png) center no-repeat; */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.location-section .header,
.building-parameters--container .header {
    padding: 0px 0px 5.5vw 0px;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 1.5vw 0px;
    color: #1c1d1f;
    font-family: 'Barlow';
    font-size: 3.15vw;
    font-weight: 700;
    line-height: 3.15vw;
    text-align: center;
}

.building-parameters--container {
    padding: 5.5vw 0 0 0;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* background: url(images/offerTwoBg.png) center no-repeat; */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.building-parameters--container .inside {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: inherit;
}
.flex-center {
    justify-content: center;
    align-items: center;
    align-content: center;
    clear: both;
}

.html-table.flex.flex-center {
    max-width: 66vw;
    margin: 0 auto;
    font-family: 'Barlow';
    text-align: left;
}
.html-table table {
    background: transparent;
    position: relative;
}


.html-table table tr {
    height: 50px !important;
}
.html-table table td {
    background: transparent;
    color: var(--font-color-black);
    padding: 4px 40px;
    position: relative;
    height: 50px !important;
    font-size: 1.15vw;
}

.html-table table td:nth-child(2) {
    text-align: center;
}

.html-table table td::before {
    content: "";
    border: 4px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.html-table table td::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

.html-table table td:nth-child(1)::after {
    background: rgba(20, 74, 58, 0.2);
}
.html-table table td:nth-child(2)::after {
    background: rgba(20, 74, 58, 0.101961);
}

.html-table table tr:nth-child(4) td:nth-child(1),
.html-table table tr:nth-child(5) td:nth-child(1),
.html-table table tr:nth-child(6) td:nth-child(1) {
    padding-left: 100px !important;
}


.html-buttons-list {
    padding: 3vw 0 0 0;
    width: 100%;
    position: relative;
}

.html-buttons-list .keep-max-width {
    max-width: 66vw;
    margin: 0 auto;
}
.html-buttons-list p {
    width: 100%;
    color: var(--header-dark-green-color);
    font-family: 'Barlow';
    font-size: 1.55vw;
    font-weight: 600;
    line-height: 2.4vw;
    text-align: center;
}

.html-buttons-list ul#building-plans-pdf {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    list-style: none;
    justify-content: center;
}

.html-buttons-list ul#building-plans-pdf li {
    background-color: rgba(20, 74, 58, 0.86);
    color: #fff;
    font-size: 1.15vw;
    padding: 1vw 4.6vw;
    display: inline-flex;
    margin: 0.1vw;
    cursor: pointer;
    transition: background-color 0.3s ease-in;
    font-weight: 300;
    font-family: 'Barlow';
}

.html-buttons-list ul#building-plans-pdf li:hover {
    background-color: rgba(20, 74, 58, 0.66);
}

/* Details */
.html-buttons-list table#building-details--table {
    font-family: 'Barlow';
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4vw 0;
    text-align: left;
}
.html-buttons-list table#building-details--table tbody {
    width: 100%;
}

.html-buttons-list table#building-details--table tr {
    display: flex;
}

.html-buttons-list table#building-details--table tr:nth-child(1) {
    padding: 1vw 0;
}

.html-buttons-list table#building-details--table tr:nth-child(1) td {
    font-size: 1.55vw;
    font-weight: 600;
    line-height: 1.8vw;
    font-family: 'Barlow';
    color: var(--header-dark-green-color);
}
.html-buttons-list ul.details--ul li {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    font-size: 1.15vw;
    line-height: 1.2;
    color: var(--header-dark-green-color);
}
.html-buttons-list ul.details--ul li:before {
    content: "\00BB";
    color: var(--header-dark-green-color);
    font-weight: 900;
    margin: 10px 11px;
}

.green-overlay {
    width: 100%;
    height: 100%;
    background: rgba(228, 235, 232, 0.6);
    position: absolute;
    top: 0;
    z-index: 0;
}

.green-overlay.gradient {
    background: linear-gradient(0deg, rgba(228, 235, 232, 0.6) 0%, rgba(228, 235, 232, 0) 100%);
}
.view-rental-options-content{
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    -ms-transform: skew(-27deg);
    -o-transform: skew(-27deg);
    -moz-transform: skew(-27deg);
    -webkit-transform: skew(-27deg);
    transform: skew(-27deg);
    width: 88%;
    margin-left: -9%;
    /* background: url(images/offerOneBg.png) center no-repeat; */
    background-size: cover;
    color: #fff;
}

.rental-options-content ,
.bg-right-img {
  bottom:0;
  overflow:hidden;
  position:absolute;
  top:0;
}
.rental-options-content {
    position: relative;
    /* background: url(images/offerOneBg.png) center no-repeat; */
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: left;
    padding: 3vw 18vw 4vw;
    overflow: visible;
    left: 0;
    right: auto;
    z-index: 2;
}
.rental-options-content p:first-of-type {
    color: #fff;
    text-align: left;
    padding: 0.9vw 0.4vw;
}

.rental-options-content ul {
    position: relative;
    max-width: 53vw;
}
.rental-options-content ul li {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    font-size: 1.15vw;
    line-height: 1.2;
    font-weight: 300;
    font-family: 'Barlow';
}
.rental-options-content ul li:before {
    content: "\00BB";
    color: #fff;
    font-weight: 900;
    margin: 10px 11px;
}
.bg-right-img {
    position: absolute;
    bottom: 0;
    background: url(images/Biurowiec_04.jpg) center no-repeat;
    height: 100%;
    width: 60vw;
    z-index: 0;
    left: auto;
    right: -35%;
    background-size: cover;
}

.unskew{
    -ms-transform: skew(27deg);
    -o-transform: skew(27deg);
    -moz-transform: skew(27deg);
    -webkit-transform: skew(27deg);
    transform: skew(27deg);
}
.overflow-hidden {
    overflow: hidden;
    width: 100%;
}

@media(max-width:1439px){
    .html-table table tr:nth-child(10) {
        position: relative;
    }
    .offerTwo .inside .gallery .owl-nav::before,
    .offerTwo .inside .gallery .owl-nav::after{
        width: 300px;
    }
}

@media(max-width:999px){
    .view-rental-options-content{
        width: 90%;
        margin-left: -12%;
    }
}

@media(max-width:720px){
    .view-rental-options-content{
        width: 90%;
        margin-left: -14%;
    }
}


@media (max-width: 640px) {

    @media(max-width:720px){
        .view-rental-options-content{
            width: 90%;
            margin-left: -16%;
        }
    }

    .html-table table td{
        padding: 4px 20px;
    }
    .html-buttons-list ul#building-plans-pdf li {
        background-color: rgba(20, 74, 58, 0.86);
        color: #fff;
        font-size: 1.15vw;
        padding: 2vw 6.6vw;
        display: inline-grid;
        margin: 1vw 24vw !important;
        cursor: pointer;
        transition: background-color 0.3s ease-in;
        font-weight: 300;
        font-family: 'Barlow';
        width: 50%;
        text-align: center !important;
    }
    .html-buttons-list {
        padding: 6vw 0 0 0;
    }
}

@media (max-width: 599px) {

    .offerOne {
        padding: 10vw 0;
    }
    .offerTwo .inside .gallery .owl-nav::before, .offerTwo .inside .gallery .owl-nav::after {
        width: 150px;
    }
    .offerTwo .inside .gallery .owl-nav::before {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) -44%, rgba(255, 255, 255, 0) 100%);
    }
    .offerTwo .inside .gallery .owl-nav::after {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) -44%, rgba(255, 255, 255, 0) 100%);
    }

    .html-buttons-list .keep-max-width{
        max-width: 94%;
    }

    .rental-options-content{
        padding: 3vw 15vw 4vw;
        margin: 0 0 0 16vw;
    }
    .view-rental-options-content {
        width: 100%;
        margin-left: -21%;
    }
    
}

@media (max-width: 599px) {
    .offerTwo .displayflex {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        padding: 0 0 4vw 0
    }
    .offerTwo .offer-row {
        display: flex;
        height: auto;
        width: 50%;
        flex-wrap: wrap;
        padding: 3vw 0;
        margin: 0 auto;
        text-align: center;
    }

    .offerTwo  .offer-icon-container{
        margin: 10px auto !important;
    }
    .offerTwo .text{
        float:none;
        clear:both;
        width: 100%;
    }
    .offerTwo  .offer-icon {
        width: 25vw !important;
        margin: 2vw !important;
    }
}

@media (max-width: 533px) {
    .html-table table td {
        padding: 4px 10px;
        text-align: center;
    }
    .building-parameters--container .html-table table tr:nth-child(4) td:nth-child(1),
    .building-parameters--container .html-table table tr:nth-child(5) td:nth-child(1),
    .building-parameters--container .html-table table tr:nth-child(6) td:nth-child(1){
        padding-left: 10px !important;
    } 

    .html-buttons-list table#building-details--table tr:nth-child(1) td{
        line-height: 20px;
    }
    .bg-right-img{
        width: 67vw; 
        background: linear-gradient(#2253466e, rgba(255,255,255,0.1)) ,url(images/Biurowiec_04.jpg) center no-repeat;
        background-size: cover;
    }
    .view-rental-options-content {
        width: 100%;
        margin-left: -29%;
    }
    .rental-options-content {
        padding: 3vw 11vw 4vw;
        margin: 0 0 0 23vw;
    }

}


@media(max-width:414px){
    .html-buttons-list .keep-max-width{
    position: relative;
    height: 660px;
    }
    #building-details--table{
        position: relative;
    }
    .html-buttons-list table#building-details--table tr{
        position: absolute;
        width: 100%;
        text-align: center;
        width: 100% !important;
    }

    .html-buttons-list table#building-details--table tr:nth-child(1) td:nth-child(1){
        text-align: center;
        width: 100% !important;
    }
    .html-buttons-list table#building-details--table tr:nth-child(1) td:nth-child(2){
        top:330px;
        text-align: center;
        width: 100% !important;
    }
    .html-buttons-list table#building-details--table tr td{
        position: absolute;
    }

    .html-buttons-list table#building-details--table tr:nth-child(2) td{
        width:100% !important;
        position: absolute;
        top:36px
    }
    .html-buttons-list table#building-details--table tr:nth-child(2) td:nth-child(2){
        top:364px
    }

    .html-buttons-list .details--ul{
        text-align: left !important;
    }
}


@media(max-width:380px){
    .rental-options-content {
        padding: 3vw 6vw 4vw;
        margin: 0 0 0 39vw;
        max-width: 89vw;
    }
    .view-rental-options-content {
        width: 122%;
        margin-left: -43%;
    }
    .bg-right-img{
        width:80vw
    }
}

.block-no-wrap{
    display: block !important;
}

.form-submit:hover{
    transition: all .2s;
    background: #047253;
}