/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
    padding: 0; }

.mfp-ie7 .mfp-content {
    padding-top: 44px; }

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {border:0;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}/*IE8*/
audio,canvas,video{display:inline-block;}/*IE8/9*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
b,strong{font-weight: bold;}
q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
form{display:inline;}
*{outline:none;}
input[type=submit]:hover,input[type=checkbox]:hover,label:hover{cursor:pointer;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
textarea{overflow:auto;vertical-align:top;}
ol,ul{list-style:none;}
a{text-decoration:none;}
.clear {clear:both;font-size:0px;height:0px;margin:0px;padding:0px;overflow:hidden;}
.cf::after, .clearfix::after {
    content: '';
    display: table;
    clear: both;
}
.clear2{clear:both;}
main { display: block;}
@charset "utf-8";
@import "/assets/css/reset.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

/* Large desktop */
@media (max-width: 1199px) {  }

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  }

/* Landscape phones and down */
@media (max-width: 534px) {  }

/* Landscape phones and down */
@media (max-width: 320px) {  }


@-ms-viewport {
    width: device-width;
}



/***************************************************
Global styles
***************************************************/
html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: none;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-family: Roboto, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    background: #fff;
    margin: 0;
    min-width: 400px;
    padding-top: 125px;
}

a {
    color: #000000;
}
a:hover {
    color: #02aadb;
}


/***************************************************
Szkielet
***************************************************/

.container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 20px;
}
main.container {
    margin: 50px auto;
}

.header-wrapper {
    background: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
}
.header-wrapper .container {
    position: relative;
    height: 125px;
    transition: height .25s linear;
    -moz-transition: height .25s linear;
    -webkit-transition: height .25s linear;
}

.header-logo img {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    height: 80px;
}


.sticky .header-wrapper {
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.sticky .header-wrapper .container {
    height: 50px;
}
.sticky .header-logo img {
    height: 40px;
}


@media (max-width: 767px) {
    body {
        padding-top: 100px;
    }
    .header-wrapper .container {
        height: 100px;
    }
    .header-logo img {
        height: 40px;
    }
}



.footer-wrapper {
    background: #000;
    color: #fff;
    padding: 20px 0;
    font-size: 14px;
    line-height: 1.5em;
}
.footer-wrapper p {
    margin: 10px 0;
}
.footer-wrapper a {
    color: #fff;
}
.footer-wrapper .label {
    width: 70px;
}
.footer-links {
    text-align: center;
}
.footer-links li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
}
.footer-links li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #02aadb;
    border-radius: 50%;
    display: block;
    right: -5px;
    top: 8px;
}
.footer-links li:last-child:before {
    display: none;
}
.footer-links li a {
    color: #fff;
    font-size: 13px;
}
.footer-links li a:hover {
    text-decoration: underline;
}

.footer-links2 li {
    position: relative;
}
.footer-links2 li:before {
    content: '';
    position: relative;
    width: 5px;
    height: 5px;
    background: #02aadb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: 2px;
}
.footer-links2 li a {
    color: #fff;
    font-size: 13px;
}

.footer-logo img {
    width: 100%;
    max-width: 200px;
}


.footer-make {
}
.footer-make p {
    font-size: 11px;
    color: #a9a9a9;
    line-height: 1.2em;
}
.footer-make p a {
    color: #a9a9a9;
}

@media (max-width: 767px) {
    .footer-make {
        text-align: center;
    }
}





.g-grid {
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.g-row, .g-row {
    margin-top: -30px;
    margin-left: -30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.g-row-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.g-row-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.g-row-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.g-row-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.g-row-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.g-row-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-row-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.g-row-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.g-row-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


[class*="g-col-"] {
    min-height: 1px;
    padding-top: 30px;
    padding-left: 30px;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}

.g-col-center {
    margin-right: auto;
    margin-left: auto;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-col-content {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.g-col-auto {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.g-col-right {
    margin-right: 0;
    margin-left: auto;
}

.g-col-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.g-col-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.g-col-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.g-col-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}

.g-col-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}

.g-col-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.g-col-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

.g-col-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}

.g-col-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.g-col-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}

.g-col-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}

.g-col-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.g-col-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}

.g-col-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}

.g-col-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.g-gutter-reset {
    margin-left: 0;
}
.g-gutter-reset > [class*="g-col-"] {
    padding-left: 0;
}


.g-pdd-0 {
    margin-left: 0;
    margin-top: 0;
}
.g-pdd-0 > [class*="g-col-"] {
    padding-left: 0;
    padding-top: 0;
}

.g-pddX-0 {
    margin-left: 0;
}
.g-pddX-0 > [class*="g-col-"] {
    padding-left: 0;
}
.g-pddY-0 {
    margin-top: 0;
}
.g-pddY-0 > [class*="g-col-"] {
    padding-top: 0;
}

.g-pddX-50 {
    margin-top: -50px;
}
.g-pddX-50 > * {
    padding-top: 50px;
}


@media (min-width: 535px) {
    .g-col-s-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-s-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-s-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-s-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-s-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-s-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-s-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-s-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-s-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-s-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-s-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-s-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-s-content {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-s-auto {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 768px) {
    .g-col-m-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-m-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-m-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-m-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-m-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-m-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-m-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-m-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-m-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-m-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-m-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-m-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-m-content {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-m-auto {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 980px) {
    .g-col-l-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-l-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-l-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-l-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-l-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-l-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-l-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-l-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-l-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-l-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-l-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-l-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-l-content {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-l-auto {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}



[class*="g-hide-"] {
    display: block;
}

[class*="g-show-"] {
    display: none;
}

@media (min-width: 535px) {
    .g-show-s {
        display: block;
    }
    .g-hide-s {
        display: none;
    }
}

@media (min-width: 768px) {
    .g-show-m {
        display: block;
    }
    .g-hide-m {
        display: none;
    }
}

@media (min-width: 980px) {
    .g-show-l {
        display: block;
    }
    .g-hide-l {
        display: none;
    }
}

/***************************************************
content
***************************************************/

.content p {
    margin: 15px 0;
    line-height: 1.7em;
}

.content h1, .content .h1 {
    text-align: center;
    font-size: 24px;
    color: #252525;
    margin: 40px 0;
    padding-bottom: 20px;
    position: relative;
}
.content h1:after, .content .h1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    background: rgb(204, 204, 204);
    width: 50px;
    height: 3px;
}
.content h2 {
    text-align: left;
    font-size: 24px;
    color: #252525;
    margin: 40px 0;
    padding-bottom: 20px;
    position: relative;
}
.content h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #02aadb;
    width: 50px;
    height: 3px;
}
.content h3 {
    font-size: 20px;
    color: #252525;
    margin: 20px 0;
}
.content h3 a {
    color: inherit;
}
.content h3 a:hover {
    color: #02aadb;
}

.hBlue {
    background: #02aadb;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 20px;
    margin: 30px -20px;
}

.content ol {
    display: block;
    list-style: disc outside none;
    margin: 20px 0;
    line-height: 1.7em;
    padding: 0;
    counter-reset: my-counter;
}
.content ol li {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 30px;
}
.content ol li:before {
    position: absolute;
    text-align: center;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 22px;
    color: #fff;
    border-radius: 50%;
    background-color: #02aadb;
    content: counter(my-counter, decimal);
    counter-increment: my-counter;
    font-size: 11px;
}


.content ul {
    display: block;
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    line-height: 1.7em;
}
.content ul li {
    position: relative;
    padding-left: 30px;
}
.content ul li::before {
    content: "";
    position: absolute;
    background: #02aadb;
    display: block;
    width: 6px;
    height: 6px;
    top: 7px;
    left: 10px;
    border-radius: 50%;
}


.content p:first-child, .content h1:first-child, .content h2:first-child, .content h3:first-child {
    margin-top: 0;
}
.content p:last-child {
    margin-bottom: 0;
}

/***************************************************
menu
***************************************************/

.navbar {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
}
.navbar > ul > li {
    float: left;
    padding: 0 30px;
    position: relative;
    border-right: 1px solid #d3d3d3;
}
.navbar > ul > li:last-of-type {
    border: 0;
}
.navbar > ul > li > a {
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    display: block;
    position: relative;
}
.navbar > ul > li > a:hover, .navbar > ul > li.current > a {
    color: #02aadb;
}
.navbar > ul > li > a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #02aadb;
    content: '';
    opacity: 0;
    -ms-transition: opacity .3s,-webkit-transform .3s;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.navbar > ul > li > a:hover:before {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);

}

.navbar .navbar-social {
    margin-right: 0;
}
.navbar .icon-fb, .navbar .icon-insta {
    margin: -7px 0 -7px;
}


.navbar > ul > li:hover .navbar-sub {
    display: block;
}
.navbar .navbar-sub {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 300px;
    background: #fff;
    z-index: 999;
    padding: 10px;
    display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.navbar .navbar-sub li {
}
.navbar .navbar-sub a {
    color: #394671;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 2.5em;
    display: block;
    transition: all .15s linear;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
}
.navbar .navbar-sub a:hover {
    color: #02aadb;
    background: rgba(2,170,219,0.07);
}
.navbar .navbar-sub li.current a {
    color: #02aadb;
}


@media (max-width: 1023px) {
    .navbar {
        display: none;
    }
}



.mobile-overlay {
    display: none;
    position: fixed;
    top: -200px;
    right: -200px;
    bottom: -200px;
    left: -200px;
    background: rgba(68, 68, 68, 0.5);
    z-index: 999998;
}

.sidr-animating .mobile-overlay,
.sidr-open .mobile-overlay {
    display: block;
}

.mobile-offcanvas {
    display: none;
}

@media (min-width: 1023px) {
    .mobile-offcanvas {
        display: block;
    }
}

.mobile-nav {
    float: right;
    display: block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -26px;
}

@media (min-width: 1024px) {
    .mobile-nav {
        display: none;
    }
}

.mobile-nav:hover {
    text-decoration: none;
}

.mobile-nav span {
    position: relative;
    padding-left: 35px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}
.mobile-nav span::after {
    display: block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 25px;
    height: 3px;
    background: #02aadb;
    box-shadow: 0 6px 0 #02aadb,
    0 -6px 0 #02aadb;
    content: '';
}


.sidr {
    display: block;
    position: fixed;
    top: 0;
    width: 250px;
    height: 100%;
    background: #fff;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidr ul {
    margin: 30px 10px;
    padding: 0;
    list-style: none;
}
.sidr li {
    border-bottom: 1px solid #e4e4e4;
}
.sidr a {
    display: block;
    padding: 5px;
    margin: 5px 0;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
.sidr a:hover {
    color: #e5001d;
}


.sidr-class-navbar-sub {
    margin: 0!important;
}
.sidr-class-navbar-sub li {
    border-top: 1px solid #e4e4e4;
    border-bottom: 0;
    padding-left: 20px;
}
.sidr-class-navbar-sub a {
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
}

.sidr-class-navbar-social {
    float: left;
    border-bottom: 0!important;
}


.sidr.right {
    right: -250px;
    left: auto;
}

.sidr.left {
    right: auto;
    left: -250px;
}

.sidr-open .sidr {
    box-shadow: 1px 0 0 #ccc;
}


/***************************************************
			        SLIDER
***************************************************/

.slider-wrapper {
    margin: 0 auto;
    z-index: 1;
    max-width: 1280px;
    overflow: hidden;
}

.slider-wrapper .slick-slide {
    position: relative;
}
.slider-wrapper .slick-slide img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.slider-wrapper .container {
    z-index: 3;
    position: absolute;
    top: 20%;
    left: calc((100% - 1400px) / 2);
    right: calc((100% - 1400px) / 2);
}
.slider-content {
    font-size: 15px;
    text-align: center;
    line-height: 1.5em;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #4f4f4f;
    padding: 20px;
    width: 530px;
}
.slider-content p {
}
.slider-content h1 {
    font-size: 32px;
    color: #15abde;
    line-height: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.slider-content .btn {
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .slider-wrapper .container {
        left: 0;
        right: 0;
    }
}
@media (max-width: 979px) {
    .slider-content h1 {
        font-size: 24px;
    }
    .slider-wrapper .container {
        top: 20px;
    }
}

@media (max-width: 767px) {
    .slider-wrapper .slick-slide img {
        height: 270px;
        object-fit: cover;
    }
}
@media (max-width: 534px) {
    .slider-content {
        width: 100%;
    }
    .slider-content h1 {
        font-size: 20px;
    }
    .slider-content .btn {
        display: none;
    }
}



/* PAGER */

.slick-dots {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #666;
    padding: 7px 2px;
    z-index: 99;
    position: absolute;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}
.slick-dots li {
    float: left;
}
.slick-dots li button {
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    outline: 0;
    position: relative;
    background: #02aadb;
    border: 1px solid #fff;
    cursor: pointer;
    opacity: 0.5;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
    opacity: 1;
}




/***************************************************
box profile
***************************************************/

.sidebar {
    background: #f4f4f4;
    padding: 25px;
}
.sidebar h4 {
    font-weight: bold;
    font-size: 16px;
    color: #272727;
    margin-bottom: 10px;
}
.sidebar ul {
    list-style-type: none!important;
}
.sidebar li {
    border-top: 1px solid rgba(137,137,137,0.15);
    padding: 15px 0!important;
}
.sidebar li:first-child {
    border-top: 0;
}
.sidebar li.current a {
    color: #02aadb;
}


/***************************************************
Specifics
***************************************************/

.right {
    float: right!important;
}
.left {
    float: left!important;
}
.center {
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}

.color1 {
    color: #02aadb;
}

.label {
    display: inline-block;
    width: 100px;
}

hr {
    background: #C2C2C2;
    height: 1px;
    border: 0;
    margin: 30px 0;
}

a.img figure {
    position: relative;
}
a.img figure img {
    display: block;
}
a.img figure:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(2,170,219,0.4) url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E") no-repeat center center;
    opacity: 0;
    transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -webkit-transition: opacity .15s linear;
}
a.img:hover figure:after {
    opacity: 1;
}


.img-6-right, .img-6-left, .img-4-right, .img-4-left {
    width: 100%;
    margin: 20px 0;
}
p img {
    margin-top: 0!important;
}
@media (min-width: 534px) {
    .img-6-right {
        width: 50%;
        float: right;
        margin: 20px 0 20px 40px;
    }
    .img-6-left {
        width: 50%;
        float: left;
        margin: 20px 40px 20px 0;
    }
    .img-4-right {
        width: 33%;
        float: right;
        margin: 20px 0 20px 40px;
    }
    .img-4-left {
        width: 33%;
        float: left;
        margin: 20px 20px 20px 0;
    }
}

.pagination {
    text-align: center;
    margin: 30px 0 0 0;
}
.pagination a {
    margin: 0 5px;
    color: #000;
    padding: 10px 7px;
    border-bottom: 2px solid #fff;
    transition: border-bottom .15s linear;
    -moz-transition: border-bottom .15s linear;
    -webkit-transition: border-bottom .15s linear;
}
.pagination a.current, .pagination a:hover {
    border-bottom: 2px solid #02aadb;
}


.loader {
    background: url(/assets/img/loader.gif) no-repeat center;
    position: absolute;
    z-index: 9999;
    height: 100%;
    padding: 10px;
    margin: -10px;
}


#cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 5px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    z-index: 999;
}
#cookies a {
    color: #fff;
}
#cookies .ok {
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    margin: 0 5px;
}
body.hasCookies {
    margin-bottom: 25px;
}



.videodetector {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.videodetector iframe,
.videodetector object,
.videodetector embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/***************************************************
Zewnętrzne pluginy
***************************************************/

.qtip-error{
    background-color: #d8514d!important;
    border-color: #b92c28!important;
    color: #fff!important;
    border-radius: 0;
    font-size: 12px!important;
    line-height: 1.2em!important;
}
.qtip-info{
    background-color: #59bfdd!important;
    border-color: #28a4c9!important;
    color: #fff!important;
    border-radius: 0;
    font-size: 12px!important;
    line-height: 1.2em!important;
}


/***************************************************
Forms
***************************************************/

fieldset.form {
    border: 0;
    padding: 0;
    margin: 0;
}
fieldset.form-center {
    width: 280px;
    margin: 0 auto;
}


/* wiersz */
.form-group {
    clear: both;
    margin-bottom: 10px;
}


/* buttony */
fieldset.form .form-btns {

}


/* podpis */
.form-label {
    text-align: left;
    display: block;
    float: left;
    margin-top: 6px;
    margin-bottom: 6px;
    position: relative;
}


/* gwiazdka */
.form-req {
    color: #ff0000;
    margin-left: 3px;
}


/* grupa kontolek */
.form-control-group {
    max-width: 600px;
    margin: 6px 0;
    float: left;
}

.form-error {
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}


/* kontrolka */
.form-control {
    background: #fff;
    padding: 6px 8px;
    margin: 0;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    width: 100%;
}
.form-control:hover {
    border-color: #a7a7a7;
}
.form-control:focus {
    box-shadow: 0 0 5px 0 rgba(120,90,190,0.3);
}
select.form-control {
}
textarea.form-control {
    height: 150px;
}

.form-control-lg {
    width: 400px;
}
.form-control-sm {
    width: 100px;
}

.form-control-checkbox {
    margin-right: 5px;
}

.form-control-group-checkboxes span {
    display: block;
    float: left;
    margin-right: 15px;
}
.form-control-group-checkboxes span label {
    vertical-align: 2px;
}


/***************************************************
Messages
***************************************************/

.msg {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;

    color: #C09853;
    border-radius: 3px;
    background: #fcf8e2; /* Old browsers */
}

.msg.msg-info {
    color: #3A87AD;
    border-radius: 3px;
    border: 1px solid #9acfea;
    background: #e2f1f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2f1f9 0%, #b9def0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2f1f9), color-stop(100%,#b9def0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2f1f9 0%,#b9def0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f9', endColorstr='#b9def0',GradientType=0 ); /* IE6-9 */
}

.msg.msg-danger {
    color: #B94A48;
    border-radius: 3px;
    border: 1px solid #dca7a7;
    background: #f2dddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2dddd 0%, #e7c3c3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2dddd), color-stop(100%,#e7c3c3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2dddd 0%,#e7c3c3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2dddd 0%,#e7c3c3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2dddd 0%,#e7c3c3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2dddd 0%,#e7c3c3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2dddd', endColorstr='#e7c3c3',GradientType=0 ); /* IE6-9 */
}

.msg.msg-success {
    color: #468847;
    border-radius: 3px;
    border: 1px solid #B2DBA1;
    background: #def0d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #def0d7 0%, #c9e5bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def0d7), color-stop(100%,#c9e5bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #def0d7 0%,#c9e5bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0d7', endColorstr='#c9e5bd',GradientType=0 ); /* IE6-9 */
}


/***************************************************
Buttons
***************************************************/

.btn {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #02aadb;

    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;

    display: inline-block;
    padding: 7px 20px;
    border: 2px solid #15abde;
    border-radius: 0;

    background: #fff;

    transition: background .15s linear;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
}
.btn:hover, .btn.current {
    color: #fff;
    border-color: #fff;
    background: #02aadb;
}

.btn [class*="icon-"] {
    margin-right: 5px;
    margin-top: -2px;
}


.btn2 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #4e4e4e;

    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;

    display: inline-block;
    padding: 8px 20px 6px 20px;
    border: 2px solid #4e4e4e;
    border-radius: 20px;
    margin: 0 5px;

    background: #fff;

    transition: all .15s linear;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
}
.btn2:hover, .btn2.current {
    color: #fff;
    border-color: #02aadb;
    background: #02aadb;
}


.btn-lg {
    font-size: 18px;
    padding: 8px 16px;
}
.btn-sm {
    font-size: 11px;
    padding: 3px 6px;
}
.btn-xs {
    font-size: 11px;
    padding: 0px 4px;
}

.btn-w100 {
    width: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.btn-w150 {
    width: 150px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.btn-w200 {
    width: 200px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.btn-block {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.btn-disabled {
    opacity: 0.7;
}


.btns {
    margin-top: 30px!important;
    clear: both;
    text-align: center;
}


/***************************************************
Links
***************************************************/

.link-u {
    text-decoration: underline;
}
.link-info {
    color: #2AABD2;
}
.link-success {
    color: #419741;
}
.link-danger {
    color: #C12F2B;
}

/***************************************************
Icons
***************************************************/

[class*="icon-"] {
    display: inline-block;
    vertical-align: middle;
    content:'';
}

.icon-fb {
    width: 24px;
    height: 24px;
    background-color: #edeeee;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13'%3E%3Cpath id='Path_29' data-name='Path 29' d='M1237.046,49.757l.361-2.334h-2.277V45.909a1.188,1.188,0,0,1,1.345-1.266h1.025V42.674a11.514,11.514,0,0,0-1.824-.174,2.865,2.865,0,0,0-3.084,3.144v1.779H1230.5v2.334h2.092V55.4a8.264,8.264,0,0,0,2.555,0V49.757Z' transform='translate(-1230.5 -42.5)' fill='%23a9abac'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 8px 5px;
    border-radius: 50%;
}
a:hover .icon-fb {
    background-color: #02aadb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13'%3E%3Cpath id='Path_29' data-name='Path 29' d='M1237.046,49.757l.361-2.334h-2.277V45.909a1.188,1.188,0,0,1,1.345-1.266h1.025V42.674a11.514,11.514,0,0,0-1.824-.174,2.865,2.865,0,0,0-3.084,3.144v1.779H1230.5v2.334h2.092V55.4a8.264,8.264,0,0,0,2.555,0V49.757Z' transform='translate(-1230.5 -42.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.icon-phone {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23afafaf' d='M11.323,14.62c-0.86,0.409-2.864,1.611-6.096-4.996C2.022,3.071,4.166,2.053,4.956,1.622C4.975,1.611,6.11,1.025,6.112,1.024l1.916,3.918L6.886,5.532C5.683,6.207,8.185,11.323,9.417,10.7c0.047-0.024,1.128-0.579,1.131-0.581l1.933,3.904C12.477,14.026,11.39,14.587,11.323,14.62z'/%3E%3C/svg%3E") no-repeat center 0;
}

.icon-email {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 10px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='%23afafaf' xml:space='preserve'%3E%3Cpath d='M5.097,7.465L1,4.544v6.724L5.097,7.465z M14.964,3.188H1.048l6.953,4.957L14.964,3.188z M9.949,8.146L8,9.535L6.047,8.145l-5.031,4.668h13.958L9.949,8.146z M10.9,7.47l4.1,3.803V4.552L10.9,7.47z'/%3E%3C/svg%3E") no-repeat center 0;
}

.icon-arrow-right, .icon-arrow-left {
    width: 15px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9'%3E%3Cg id='_33574f6e6149a1e2cec212f8b8d7e03a' data-name='33574f6e6149a1e2cec212f8b8d7e03a' transform='translate(25 210.4) rotate(180)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10,205.9l6.092,4.5v-2.934H25v-3.132H16.092V201.4Z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 0!important;
    padding: 15px 10px!important;
}
.icon-arrow-left {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/***************************************************
Table
***************************************************/
table.table {
    margin: 10px auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C2C2C2;
}

table.table thead tr {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

table.table thead th {
    font-weight: bold;
    padding: 8px 10px;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
}
table.table thead th[data-sort] {
    cursor: pointer;
    *cursor: hand;
}
table.table thead th span {
    margin: 0 0 0 2px;
}


table.table td {
    padding: 6px 10px;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
}

table.table tr:nth-child(odd) { background-color: #fff; }
table.table tr:nth-child(even) { background-color: #f6f6f6; }

table.table tr:hover {
    background-color: #ebebeb;
}

table.table tr td.sub {
    padding-left: 30px;
}

table.table input[type=text] {
    margin: -4px -5px;
    padding: 2px;
}
table.table input[type=text].act-order {
    width: 30px;
    text-align: center;
}


/*@media screen and (max-width: 1000px) {*/
/*    table.table {*/
/*        overflow-x: auto;*/
/*        display: block;*/
/*    }*/
/*}   */



.cols43 {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 50px;
}
.cols11 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

@media (max-width: 979px) {
    .cols43 {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
    .cols11 {
        grid-template-columns: 1fr;
    }
}



/***************************************************
main
***************************************************/

.mainAbout {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 50px;
}

.mainAbout-boxes {
    text-align: center;
}
.mainAbout-tiles {
    margin-top: 30px;
}
.mainAbout-tiles div {
    font-size: 16px;
    display: block;
    float: left;
    width: 50%;
    height: 175px;
    background: #f4f4f4;
    border: 1px solid #fff;
    padding: 20px 0 0 0;
    transition: all .15s linear;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
}
/*.mainAbout-tiles a:hover {*/
/*    -webkit-transform: scale(1.1);*/
/*    -moz-transform: scale(1.1);*/
/*    -ms-transform: scale(1.1);*/
/*    -o-transform: scale(1.1);*/
/*    transform: scale(1.1);*/
/*}*/
.mainAbout-tiles div:nth-child(1) {
    background: #02aadb;
    color: #fff;
}
.mainAbout-tiles div:nth-child(4) {
    background: #4c4c4c;
    color: #fff;
}
.mainAbout-tiles span[class*='icon-'] {
    width: 100px;
    height: 70px;
    margin-bottom: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.mainAbout-tiles .icon-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.889' height='204.094' viewBox='0 0 206.889 204.094'%3E%3Cpath id='kompleksowe-rozwiazania-01' d='M233.836,102.221l-.014-1.973,0-81.057c0-.669,0-1.336-.007-2.01A17.691,17.691,0,0,0,221.685.986a20.629,20.629,0,0,0-6.576-.963q-21.545,0-43.091-.011T128.926,0L99.162,0q-26.7,0-53.415.008a28.95,28.95,0,0,0-3.23.211A17.812,17.812,0,0,0,27.47,13.6a23.1,23.1,0,0,0-.519,5.373L27,185.523a22.12,22.12,0,0,0,.083,2.346c.744,7.15,4.573,12.207,11.381,15.029a18.63,18.63,0,0,0,7.177,1.186l23.88,0,97.624.012,47.183,0c.68,0,1.359,0,2.033-.01a17.884,17.884,0,0,0,16.688-12.365,20.308,20.308,0,0,0,.8-6.135ZM35.5,86.25q0-33.906.011-67.811a14.244,14.244,0,0,1,.235-2.6A9.331,9.331,0,0,1,44.734,8.48h81.385q.015,5.487.008,10.973l0,6.553c0,3.492,0,6.986.013,10.476a10.947,10.947,0,0,0,.312,2.777A7.6,7.6,0,0,0,133.8,44.9a7.85,7.85,0,0,0,2.81-.522,10.977,10.977,0,0,0,1.279-.6l.281-.148a12.69,12.69,0,1,1,8.779,23.542,12.632,12.632,0,0,1-8.98-1.215,8.555,8.555,0,0,0-3.237-1.147,7.608,7.608,0,0,0-8.573,6.943,14.2,14.2,0,0,0-.038,1.454l0,.374,0,24.28-12.758,0H101.709a20.783,20.783,0,0,0,.013-18.574,21.156,21.156,0,0,0-14.908-11.38,21.712,21.712,0,0,0-4.295-.431A21.131,21.131,0,0,0,61.724,83.9,20.36,20.36,0,0,0,63.38,97.858l-7.87,0-20.007,0Zm90.62,109.475-40.271,0-39.811,0a13.333,13.333,0,0,1-3.88-.453,9.311,9.311,0,0,1-6.658-8.777c0-.227,0-.453,0-.68l0-79.352c0-.068,0-.135,0-.2.033,0,.067,0,.1,0q8.209-.009,16.415-.008H63.609l.6,0a12.98,12.98,0,0,0,1.463-.066,7.361,7.361,0,0,0,6.367-4.961,7.255,7.255,0,0,0-.179-5.479,11.919,11.919,0,0,0-.553-1.086l-.207-.378a12.449,12.449,0,0,1-.028-11.474,12.653,12.653,0,0,1,9.473-6.738,14,14,0,0,1,2.158-.171A12.656,12.656,0,0,1,95.189,86.447a12.114,12.114,0,0,1-1.173,7.783c-.079.155-.162.307-.245.459-.169.309-.336.618-.482.937a7.309,7.309,0,0,0,.419,6.958,7.5,7.5,0,0,0,5.916,3.624c.655.041,1.313.047,1.964.047l24.32,0c.07,0,.142,0,.213,0q.011,9.027.006,18.055v5.117c0,.316,0,.635,0,.953a21.635,21.635,0,0,0-9.427-2.154,21.1,21.1,0,0,0-20.516,15.322,20.548,20.548,0,0,0,2.394,16.887A21.273,21.273,0,0,0,112.8,169.99a21.5,21.5,0,0,0,13.323-1.777Q126.129,181.965,126.124,195.725Zm98.8-6.705a9.5,9.5,0,0,1-9.045,6.684q-.213.006-.426.006l-.662,0H182.734q-23.963,0-47.942,0h-.1c0-.068,0-.135,0-.2q-.006-6.405-.005-12.813,0-7.485-.007-14.975a14.64,14.64,0,0,0-.2-2.469,7.553,7.553,0,0,0-7.44-6.043,7.713,7.713,0,0,0-3.145.676c-.3.133-.59.289-.877.445-.131.07-.263.143-.4.211a12.862,12.862,0,0,1-18.488-8.757,12.41,12.41,0,0,1,2.1-9.764,12.776,12.776,0,0,1,8.508-5.219,13.278,13.278,0,0,1,8.058,1.352l.157.08a9.545,9.545,0,0,0,2.317.91,8.336,8.336,0,0,0,1.763.189,7.541,7.541,0,0,0,7.613-7.049,12.792,12.792,0,0,0,.033-1.316l0-24.66v-.039l12.188,0,12.261,0a20.82,20.82,0,0,0-2.2,9.6,21.124,21.124,0,0,0,16.444,20.223,23.173,23.173,0,0,0,5,.555,21.151,21.151,0,0,0,20.528-15.6,20.626,20.626,0,0,0-1.428-14.7c-.013-.025-.025-.053-.039-.08q2.594-.009,5.184-.008l4.639,0,7.771,0q5.142,0,10.287.006v.031q.011,7.362.006,14.729V134.8q0,25.35.008,50.705A11.9,11.9,0,0,1,224.924,189.02Zm.428-91.158c-.354,0-.707,0-1.061,0l-27.438,0a9.815,9.815,0,0,0-3.308.426,7.607,7.607,0,0,0-4.491,4.045,7.4,7.4,0,0,0-.1,5.961c.161.385.355.752.553,1.119l.184.346a12.193,12.193,0,0,1,1.445,6.2,12.852,12.852,0,0,1-10.8,12.135,11.773,11.773,0,0,1-1.942.16,12.865,12.865,0,0,1-12.658-10.082,12.018,12.018,0,0,1,1.18-8.447,18.481,18.481,0,0,0,.991-2.184,7.058,7.058,0,0,0-.8-6.13,7.589,7.589,0,0,0-5.842-3.51c-.352-.032-.7-.041-1.059-.041l-.8,0-24.648,0h-.063l0-24.108a21.538,21.538,0,0,0,9.414,2.175A21.223,21.223,0,0,0,165.156,58.34a20.9,20.9,0,0,0-15.788-23.917,21.458,21.458,0,0,0-14.677,1.509V8.471l80.661,0a13,13,0,0,1,2.744.23,9.359,9.359,0,0,1,7.246,8.754c.019.318.014.638.012.957Z' transform='translate(-26.951 0.002)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.mainAbout-tiles .icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='189.924' height='198.425' viewBox='0 0 189.924 198.425'%3E%3Cg id='indywidualne-podejscie-01' transform='translate(-35.433 -3.718)'%3E%3Cg id='Group_1' data-name='Group 1'%3E%3Cpath id='Path_1' data-name='Path 1' d='M130.365,3.718a95.446,95.446,0,0,0-76.4,38.571l-.488.661L35.434,34.815l6.553,55.373L84.749,57.052l-18.192-8.2.83-1.026a80.977,80.977,0,0,1,144,49.875h13.967A95.105,95.105,0,0,0,130.365,3.718Z' fill='%234c4c4c'/%3E%3C/g%3E%3Cg id='Group_2' data-name='Group 2'%3E%3Cpath id='Path_2' data-name='Path 2' d='M218.8,115.674l-42.76,33.138,18.186,8.2-.832,1.024a80.973,80.973,0,0,1-144-49.872H35.433a94.986,94.986,0,0,0,171.4,55.409l.484-.661,18.043,8.138Z' fill='%234c4c4c'/%3E%3C/g%3E%3Cpath id='Path_3' data-name='Path 3' d='M178.4,102.93a48.007,48.007,0,1,1-48.007-48.009A48.081,48.081,0,0,1,178.4,102.93' fill='%234c4c4c'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.mainAbout-tiles .icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243.905' height='200.839' viewBox='0 0 243.905 200.839'%3E%3Cpath id='dlugofalowa-wspolpraca-01' d='M189.295,1.418,168.406,22.3c-.772-.1-1.6-.179-2.5-.248A32.5,32.5,0,0,0,153.8,19.72c-8.281,0-16.532,3.118-24.577,9.313l-4.861,4.836c-6.923-4.54-14.027-6.84-21.127-6.84a32.723,32.723,0,0,0-16.862,4.712L67.333,12.706,6.362,73.677l23,23c.268,10.174,3.94,20.637,10.919,31.1a81.851,81.851,0,0,0,10.007,12.139q4.562,4.624,9.177,9.2,2.154,2.145,4.3,4.293c-4.247,6.69-3.274,13.111,2.959,19.6,3.768,3.926,7.438,5.676,11.9,5.676a24.4,24.4,0,0,0,6.511-1.006c5.258,7.73,10.247,11.625,15.636,12.207q1.362,1.323,2.715,2.655,1.816,1.782,3.643,3.554a21.793,21.793,0,0,0,15.2,6.157,21.2,21.2,0,0,0,10.513-2.785,12.849,12.849,0,0,0,5.388-5.522l.123-.2c6.382,5.2,11.365,7.528,16.058,7.528,5.93,0,11.366-3.916,17.068-12.3A24.461,24.461,0,0,0,178,189.979c4.465,0,8.135-1.75,11.9-5.674,6.846-7.133,7.349-14.206,1.538-21.624-.076-.1-.268-.347-.489-.639,4.608-.643,7.673-3.983,8.85-5.506,5.243-6.78,5.183-14.1-.156-21.208q1.17-1.17,2.345-2.338,2.184-2.174,4.351-4.36a82.832,82.832,0,0,0,10.009-12.138C223.33,106.023,227,95.561,227.27,85.386l23-23ZM54.247,128.7c-6.72-7.379-10.943-14.805-12.894-22.657a41.847,41.847,0,0,1-1.031-6.077,43.23,43.23,0,0,1-.161-5.206l.013-.431-22.492-22.5L65.491,24.027,81.139,39.676l-.318.805,9.7.808.66-1.628a21.93,21.93,0,0,1,11.867-3.39c6.187,0,12.515,2.425,18.81,7.209l22,22.1a4.935,4.935,0,0,1-.023,6.943l-1.452,1.449a4.92,4.92,0,0,1-6.944-.016L112.29,50.7l-7.075,4.939,6.87,8.044,1.938,1.947L106.959,72.7a5.433,5.433,0,0,0-1.383,2.251l-.2.208q-7.949,7.959-15.91,15.906c-9.7,9.695-19.737,19.72-29.569,29.616A26.043,26.043,0,0,0,54.247,128.7Zm72.774,62.56c-1.837,1.741-3.35,2.353-5.379,2.2-2.971-.233-5.2-2.452-6.822-4.071l-.4-.4q-.936-.918-1.86-1.847l-.387-.386a49.841,49.841,0,0,0,6.091-4.31l.131.217a12.811,12.811,0,0,0,5.378,5.509,20.8,20.8,0,0,0,4.043,1.777A3.708,3.708,0,0,1,127.021,191.264Zm32.417-2.971c-1.56,1.834-3.122,2.726-4.777,2.726-1.765,0-3.773-1.034-5.975-3.077-.463-.427-.919-.861-1.376-1.3a21.1,21.1,0,0,0,2.183-1.835q2.427-2.343,4.831-4.711,1.452-1.424,2.907-2.845l.2.2C161.678,181.712,162.277,184.953,159.438,188.293Zm23.509-12.263a6.778,6.778,0,0,1-5.458,3.141c-2.082,0-4.277-1.089-6.347-3.148q-2.071-2.065-4.138-4.137l-2.109-2.111q1.618-1.579,3.239-3.155,3.42-3.328,6.829-6.67,1.363,1.365,2.73,2.729,1.524,1.52,3.043,3.041C184.47,169.466,185.213,172.936,182.947,176.03Zm9.417-27.38a7.058,7.058,0,0,1-6.471,4.438,6.387,6.387,0,0,1-3.113-.8c-.017-.01-.034-.02-.051-.028q3.341-3.321,6.656-6.66l2.623-2.63A5.953,5.953,0,0,1,192.364,148.65Zm24.1-65.173a41.935,41.935,0,0,1-.16,5.208,40.756,40.756,0,0,1-1.029,6.071c-2.063,8.309-6.667,16.138-14.075,23.936-6.466,6.8-13.263,13.516-19.836,20.008q-4.46,4.405-8.9,8.828-3.755,3.756-7.506,7.516c-7.436,7.451-15.124,15.156-22.753,22.663l-.387.385c-1.628,1.624-3.857,3.848-6.831,4.08-2.042.163-3.54-.453-5.377-2.2-1.171-1.111-1.759-4.37-1.186-6.58.581-2.252,2.688-4.417,4.6-6.376,3.1-3.166,6.285-6.35,9.368-9.429q2.271-2.267,4.535-4.536c2.014-2.02,4.391-4.414,6.745-6.854.35-.361.8-.784,1.306-1.253,2.339-2.185,5.542-5.177,5.544-8.216a4.285,4.285,0,0,0-1.477-3.205,4.233,4.233,0,0,0-2.964-1.212c-3.152,0-6.289,3.351-8.364,5.567-.331.354-.627.67-.881.926-2.131,2.143-4.431,4.444-6.806,6.765q-4.149,4.05-8.276,8.121c-7.733,7.6-15.729,15.471-23.811,22.963-2.2,2.039-4.207,3.073-5.97,3.073-1.656,0-3.219-.893-4.78-2.728-2.843-3.336-2.242-6.576,2.009-10.833q10.329-10.346,20.67-20.682,7.8-7.8,15.59-15.6c.205-.205.407-.4.6-.594,1.463-1.424,2.844-2.77,3.153-5.4.322-2.7-.968-4.667-3.286-5.012a10.2,10.2,0,0,0-1.5-.119c-2.751,0-4.267,1.308-6.266,3.3L115.2,135.043Q100.349,149.9,85.482,164.73c-2.07,2.062-4.265,3.151-6.348,3.151a6.775,6.775,0,0,1-5.456-3.142c-2.265-3.094-1.521-6.562,2.213-10.309,14.677-14.737,29.273-29.331,43.383-43.375,1.549-1.542,3.128-3.408,3.1-5.555a5,5,0,0,0-1.8-3.583,4.67,4.67,0,0,0-3.207-1.424c-2.19,0-4,1.812-5.448,3.268-12.249,12.295-23.184,23.226-33.43,33.415A22.093,22.093,0,0,1,73.848,141a6.4,6.4,0,0,1-3.111.8,7.058,7.058,0,0,1-6.475-4.438c-1.566-3.91.391-6.3,3.111-9.014l.9-.893c17.652-17.594,35.9-35.78,53.708-53.833l6.859,6.891a14.23,14.23,0,0,0,20.1.051l1.457-1.45a14.15,14.15,0,0,0,.451-19.609L134.05,42.54l-2.6-2.607,3.732-3.752c5.867-4.46,11.8-6.867,17.673-7.157.69-.063,1.4-.094,2.115-.094a33.066,33.066,0,0,1,14.9,4l.667.393,20.587-20.588,47.81,47.812-22.494,22.5Z' transform='translate(-6.362 -1.418)' fill='%2302aadb'/%3E%3C/svg%3E%0A");
}
.mainAbout-tiles .icon-4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255.275' height='184.321' viewBox='0 0 255.275 184.321'%3E%3Cpath id='doswiadczenie_i_pasja-01' data-name='doswiadczenie i pasja-01' d='M255.671,76.224,133.035,10.454a5,5,0,0,0-4.727,0L5.672,76.224a5,5,0,0,0,0,8.812l29.9,16.036v39.791a5,5,0,0,0,2.637,4.406l90.1,48.318a5,5,0,0,0,2.363.594h.1a5,5,0,0,0,2.363-.594l90.1-48.318a5,5,0,0,0,2.637-4.406V101.016l11.9-6.383v77.019c0,.054.012.1.016.156l-12.96,12.96a2,2,0,0,0,1.414,3.414h27.062a.132.132,0,0,0,.02,0,2,2,0,0,0,1.236-3.572l-12.8-12.8c0-.053.016-.1.016-.156V92.488l13.9-7.452a5,5,0,0,0,0-8.812Zm-39.8,61.647-85.15,45.665-85.15-45.665V106.435l82.735,44.37a5,5,0,0,0,4.726,0l82.839-44.427Zm32.605,46.311h-17.4l8.7-8.7ZM130.672,140.726,18.614,80.63l112.058-60.1,112.057,60.1Z' transform='translate(-3.035 -9.86)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@media (max-width: 767px) {
    .mainAbout {
        grid-template-columns: 1fr;
    }
}


.mainOffer-wrapper {

}
.mainOffer {
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 1030px;
    margin: 0 auto;
}
.mainOffer-box {
    position: relative;
    max-width: 500px;
    width: 100%;
    justify-self: center;
}
.mainOffer img {
    width: 100%;
    height: auto;
    display: block;
}
.mainOffer-text {
    font-size: 15px;
    text-align: center;
    line-height: 1.5em;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #4f4f4f;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 20%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 350px;
    max-width: 90%;
}
.mainOffer h2 {
    color: #02aadb;
    font-size: 34px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
}
.mainOffer h2:after {
    display: none;
}
.mainOffer .btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}


@media (max-width: 979px) {
    .mainOffer h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .mainOffer {
        grid-template-columns: 2fr;
    }
}


.mainDstinction {
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    max-width: 1030px;
    margin: 0 auto;
}
.mainDstinction-box {
    position: relative;
    max-width: 500px;
    width: 100%;
    justify-self: center;
}
.mainDstinction-box h3 {
    font-weight: bold;
}

.mainDstinction-box:after {
    content: '';
    position: absolute;
    background: #7e7e7e;
}
.mainDstinction-box:nth-child(1):after, .mainDstinction-box:nth-child(4):after {
    width: 1px;
    right: -30px;
    top: 0;
    bottom: 0;
}
.mainDstinction-box:nth-child(4):after {
    right: auto;
    left: -30px;
}
.mainDstinction-box:nth-child(2):after, .mainDstinction-box:nth-child(3):after {
    height: 1px;
    bottom: -30px;
    right: 0;
    left: 0;
}
.mainDstinction-box:nth-child(3):after {
    top: -30px;
    bottom: auto;
}

.mainDstinction span[class*='icon-'] {
    width: 140px;
    height: 60px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.mainDstinction .icon-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256.503' height='200.322' viewBox='0 0 256.503 200.322'%3E%3Cg id='wlasny-park-maszynowy-01' transform='translate(-2.288 -3.053)'%3E%3Cg id='Group_5' data-name='Group 5'%3E%3Cpath id='Path_14' data-name='Path 14' d='M155.194,106.662a77.664,77.664,0,0,0,3.851-18.5l-12.754-6.177c.014-2.068-.063-4.149-.248-6.242-.051-.723-.147-1.434-.229-2.152l11.995-7.583a77.937,77.937,0,0,0-5.866-17.937L137.768,49.1a64.038,64.038,0,0,0-4.6-7.047l6.6-12.544A79.485,79.485,0,0,0,125.691,16.92l-11.752,7.964a66.246,66.246,0,0,0-7.5-3.81l-.554-14.159A78.412,78.412,0,0,0,87.395,3.053L81.212,15.818c-2.064-.019-4.136.062-6.239.243-.729.063-1.442.155-2.153.24L65.25,4.291A78.668,78.668,0,0,0,47.3,10.167l1.031,14.17a63.528,63.528,0,0,0-7.04,4.611l-12.554-6.6A78.551,78.551,0,0,0,16.15,36.429l7.972,11.743A64.451,64.451,0,0,0,20.3,55.667l-14.167.556a77.982,77.982,0,0,0-3.848,18.5L15.048,80.9c-.013,2.069.054,4.151.234,6.243.064.724.155,1.43.251,2.152L3.523,96.869A78.688,78.688,0,0,0,9.4,114.805l14.166-1.027a65.558,65.558,0,0,0,4.606,7.046l-6.6,12.54a78.68,78.68,0,0,0,14.076,12.6l11.744-7.964a65.02,65.02,0,0,0,7.5,3.816l.558,14.162a77.909,77.909,0,0,0,18.479,3.851l6.2-12.761c2.056.014,4.146-.055,6.238-.235.721-.062,1.437-.158,2.141-.247L96.083,158.6a78.949,78.949,0,0,0,17.953-5.869l-1.024-14.176a69.2,69.2,0,0,0,7.039-4.609l12.547,6.6a79.212,79.212,0,0,0,12.583-14.079l-7.957-11.743a70.084,70.084,0,0,0,3.814-7.5Zm-71.711,7.1a32.444,32.444,0,1,1,29.5-35.142A32.451,32.451,0,0,1,83.483,113.763Z' fill='%2302aadb'/%3E%3C/g%3E%3Cg id='Group_6' data-name='Group 6'%3E%3Cpath id='Path_15' data-name='Path 15' d='M258.505,149.773a60,60,0,0,0-.132-12.916l-10.016-2.4a53.672,53.672,0,0,0-2.205-7.805l7.338-7.243a58.569,58.569,0,0,0-2.992-5.746,57.583,57.583,0,0,0-3.59-5.368l-9.878,2.954a49.62,49.62,0,0,0-5.794-5.692l2.736-9.932a60.347,60.347,0,0,0-11.255-6.335l-7.1,7.5a50.417,50.417,0,0,0-7.836-2.02l-2.622-9.994a59,59,0,0,0-12.89.161l-2.416,10.008a49.539,49.539,0,0,0-7.791,2.2l-7.246-7.332a55.812,55.812,0,0,0-5.742,2.977,59.763,59.763,0,0,0-5.37,3.578l2.94,9.9a51.3,51.3,0,0,0-5.687,5.786l-9.93-2.726a59.822,59.822,0,0,0-6.337,11.235l7.495,7.1a51.213,51.213,0,0,0-2,7.84l-9.986,2.622a59.481,59.481,0,0,0,.136,12.9l10.029,2.385a51.2,51.2,0,0,0,2.182,7.822l-7.33,7.238a55.6,55.6,0,0,0,2.976,5.728,59.712,59.712,0,0,0,3.589,5.383l9.9-2.947a50.233,50.233,0,0,0,5.785,5.68l-2.72,9.945a59.277,59.277,0,0,0,11.227,6.318l7.109-7.491a48.276,48.276,0,0,0,7.841,2.015l2.616,9.989a60.609,60.609,0,0,0,12.9-.138l2.383-10.023a49.373,49.373,0,0,0,7.806-2.2l7.273,7.338a57.026,57.026,0,0,0,5.721-2.976,57.732,57.732,0,0,0,5.369-3.6l-2.941-9.877a50.949,50.949,0,0,0,5.682-5.79l9.938,2.72A58.662,58.662,0,0,0,254,167.318l-7.495-7.109a50.348,50.348,0,0,0,2.021-7.827ZM210.847,162.66a22.469,22.469,0,0,1-31-8.3,22.738,22.738,0,0,1,7.74-30.13,22.459,22.459,0,1,1,23.258,38.426Z' fill='%2302aadb'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.mainDstinction .icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260.786' height='204.093' viewBox='0 0 260.786 204.093'%3E%3Cg id='elastyczne-podejscie-01' transform='translate(-0.689 0.002)'%3E%3Cg id='Group_1' data-name='Group 1'%3E%3Cpath id='Path_1' data-name='Path 1' d='M252.383,49.054l-69.334,41.42-3.613,2.5V63.532H156.664c-12.624,0-20.606,18.617-28.325,36.619-1.84,4.289-3.573,8.336-5.393,12.185-1.586,3.356-3.214,7.21-4.937,11.287-8.354,19.761-18.726,44.3-38,44.3H3.659V133.636H80.01c3.164,0,9.295-14.965,12.588-23,2.134-5.208,4.333-10.57,6.782-15.755,1.379-2.923,2.815-6.187,4.334-9.644C114.1,61.6,128.325,29.243,156.664,29.243h22.772V0l3.613,2.5,69.334,41.221,3.856,2.667Z' fill='%2302aadb'/%3E%3C/g%3E%3Cg id='Group_2' data-name='Group 2'%3E%3Cpath id='Path_2' data-name='Path 2' d='M183.049,107.933l-3.613-2.5v29.442H156.664c-12.624,0-20.606-18.616-28.325-36.611-1.84-4.29-3.573-8.337-5.393-12.188-1.586-3.357-3.214-7.206-4.937-11.285-8.354-19.762-18.726-44.309-38-44.309H3.659V64.771H80.01c3.164,0,9.295,14.963,12.588,23,2.134,5.205,4.333,10.574,6.782,15.756,1.379,2.925,2.815,6.187,4.334,9.646,10.385,23.628,24.611,55.99,52.95,55.99h22.772v29.245l3.613-2.5,69.334-41.219,3.856-2.667-3.856-2.667Z' fill='%2302aadb'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M257.926,149.566l-3.858-2.667-.08-.056-.087-.051L184.655,105.42l-3.532-2.444-4.656-3.225v32.137h-19.8c-10.667,0-18.255-17.689-25.594-34.8l-.047-.111c-1.833-4.277-3.564-8.316-5.395-12.187-1.573-3.327-3.182-7.137-4.885-11.169C112.056,53.071,101.247,27.5,80.009,27.5H.689V67.753H79.478c2.672,2.353,8.439,16.436,10.371,21.154l.069.168c2.125,5.178,4.322,10.535,6.777,15.732,1.4,2.962,2.874,6.321,4.3,9.569,10.715,24.381,25.389,57.77,55.668,57.77h19.8v31.945l4.657-3.229,3.529-2.444,69.242-41.166.089-.052.083-.059,3.858-2.665,3.551-2.456Zm-5.543,5.122-69.334,41.219-3.613,2.5V169.166H156.664c-28.339,0-42.565-32.362-52.95-55.99-1.519-3.459-2.955-6.721-4.334-9.646-2.45-5.182-4.648-10.551-6.782-15.756-3.292-8.038-9.424-23-12.588-23H3.659V30.48H80.01c19.273,0,29.646,24.546,38,44.309,1.723,4.079,3.35,7.928,4.937,11.285,1.82,3.85,3.553,7.9,5.393,12.188,7.719,18,15.7,36.611,28.325,36.611h22.772V105.43l3.613,2.5,69.334,41.422,3.856,2.667Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.mainDstinction .icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='196.76' height='198.917' viewBox='0 0 196.76 198.917'%3E%3Cg id='profesjonalizm-pasja-01' transform='translate(-33.516 -4.086)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M160.114,62.272a47.551,47.551,0,0,0,.337-5.348l-.023-.512a32.1,32.1,0,0,0-.206-4.07v-.005A48.283,48.283,0,0,0,113.366,8.721l-.591-.466a1.866,1.866,0,0,0-1.427-.651,2.931,2.931,0,0,0-1.988,1.059H109.2c-2.824-2.83-4.947-4.577-6.768-4.577h-.009c-1.737.133-9.877,3.022-12.475,4.976-.579.434-1.225.989-1.908,1.6A48.254,48.254,0,0,0,53.466,56.925c0,.335.025.665.031.994a37.831,37.831,0,0,0,.16,4.354A12.3,12.3,0,0,0,43.191,74.191v3.941A12.488,12.488,0,0,0,55.9,90.361h.748a50.6,50.6,0,0,0,25.83,30.95,53.358,53.358,0,0,0,48.351,0,50.6,50.6,0,0,0,25.823-30.95h.748a12.488,12.488,0,0,0,12.71-12.229V74.19A12.349,12.349,0,0,0,160.114,62.272ZM50.667,78.132V74.19a5.058,5.058,0,0,1,4.379-4.91c.015.96.049,1.9.069,2.863a41.007,41.007,0,0,0-.354,5.06,47.061,47.061,0,0,0,.4,5.894A5.1,5.1,0,0,1,50.667,78.132ZM150.8,81.783a40.5,40.5,0,0,1-1.574,7.5c-5.436,17.679-22.447,30.63-42.572,30.63S69.509,106.967,64.078,89.286A41.522,41.522,0,0,1,62.237,77.2a40.644,40.644,0,0,1,.551-6.373c.152-.97.362-1.915.585-2.864,6.09-4.326,13.893-11.066,16.879-16.372,0,0,49.3,11.554,67.265,12.878.515.039,1,.059,1.471.063a41.741,41.741,0,0,1,1.532,6.295,37.986,37.986,0,0,1,.281,10.954Zm11.837-3.651a5.1,5.1,0,0,1-4.493,4.965,47.637,47.637,0,0,0,.4-5.894,44.373,44.373,0,0,0-.418-5.694c.222-.7.449-1.4.641-2.111a5.022,5.022,0,0,1,3.874,4.792Z' fill='%2302aadb'/%3E%3Cg id='Group_4' data-name='Group 4'%3E%3Cpath id='Path_5' data-name='Path 5' d='M171.806,170.927l-22.682-16.2h27.729a3.3,3.3,0,0,0,1.3-.225,45.275,45.275,0,0,0-40.229-33.023l-11.464,60.2h-7.382l-6.163-40.472h-.216l6.048-11.111H94.559l6.049,11.111h-.217L94.23,181.678H86.854l-11.465-60.2a45.237,45.237,0,0,0-41.873,45.1v21.965H167.69l4.96-14.7A2.552,2.552,0,0,0,171.806,170.927Z' fill='%2302aadb'/%3E%3Cg id='Group_3' data-name='Group 3'%3E%3Cpath id='Path_6' data-name='Path 6' d='M212.565,201.5a1.5,1.5,0,0,1-.872-.279L189,185.025a1.322,1.322,0,0,1-.148-.121c-.138-.016-.423-.016-.659-.016s-.525,0-.66.017a1.619,1.619,0,0,1-.148.12l-22.691,16.2a1.489,1.489,0,0,1-.871.279,1.5,1.5,0,0,1-1.421-1.98l8.826-26.164c.154-.456.162-.711-.4-1.286l-22.579-16.127a1.5,1.5,0,0,1,.872-2.721h27.729a1.918,1.918,0,0,0,.713-.106c.09-.038.244-.1.39-.531l8.817-26.168a1.5,1.5,0,0,1,2.843,0l8.788,26.055a1.335,1.335,0,0,0,1.141.752h27.729a1.5,1.5,0,0,1,.871,2.721l-22.578,16.119a1.545,1.545,0,0,0-.478,1.1,1.638,1.638,0,0,1,.079.189l8.818,26.164a1.5,1.5,0,0,1-1.423,1.979Z' fill='%2302aadb'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M188.2,126.9l8.827,26.172a2.836,2.836,0,0,0,2.522,1.655h27.729l-22.692,16.2a2.746,2.746,0,0,0-.835,2.913L212.564,200l-22.69-16.2c-.415-.416-.836-.416-1.68-.416s-1.258,0-1.68.416L163.823,200l3.866-11.462,4.96-14.7a2.55,2.55,0,0,0-.845-2.913l-22.682-16.2h27.729a3.3,3.3,0,0,0,1.3-.225,2.187,2.187,0,0,0,1.227-1.431L188.2,126.9m0-3h0a3,3,0,0,0-2.843,2.042l-8.689,25.785H149.124a3,3,0,0,0-1.743,5.441l22.344,15.959-4.877,14.456-3.866,11.462a3,3,0,0,0,4.586,3.4l22.492-16.058h.272l22.491,16.058a3,3,0,0,0,4.586-3.4l-8.737-25.924,22.347-15.954a3,3,0,0,0-1.743-5.441H199.737l-8.7-25.786A3.006,3.006,0,0,0,188.2,123.9Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.mainDstinction .icon-4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='158.757' height='198.755' viewBox='0 0 158.757 198.755'%3E%3Cg id='wieloletnie-doswiadczenie-01' transform='translate(-51.016 -2.667)'%3E%3Cpath id='Path_8' data-name='Path 8' d='M195.894,2.667H64.9a13.9,13.9,0,0,0-13.881,13.88v171A13.9,13.9,0,0,0,64.9,201.422h131a13.9,13.9,0,0,0,13.88-13.879v-171A13.9,13.9,0,0,0,195.894,2.667Zm7.879,184.876a7.888,7.888,0,0,1-7.88,7.879H64.9a7.888,7.888,0,0,1-7.881-7.879v-171A7.889,7.889,0,0,1,64.9,8.667h131a7.889,7.889,0,0,1,7.88,7.88v171Z' fill='%2302aadb'/%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='85' height='6' transform='translate(68 40.5)' fill='%2302aadb'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M177.2,45.409l-5.431-5.431-4.243,4.242,9.674,9.674L191.621,39.47l-4.242-4.242Z' fill='%2302aadb'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='85' height='6' transform='translate(68 70.076)' fill='%2302aadb'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M177.2,74.984l-5.431-5.431-4.243,4.242L177.2,83.47l14.424-14.425L187.379,64.8Z' fill='%2302aadb'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='85' height='6' transform='translate(68 100.363)' fill='%2302aadb'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M177.2,105.273l-5.431-5.431-4.243,4.242,9.674,9.674,14.424-14.424-4.242-4.242Z' fill='%2302aadb'/%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='85' height='6' transform='translate(68 130.363)' fill='%2302aadb'/%3E%3Cpath id='Path_12' data-name='Path 12' d='M177.2,135.273l-5.431-5.431-4.243,4.242,9.674,9.674,14.424-14.424-4.242-4.242Z' fill='%2302aadb'/%3E%3Crect id='Rectangle_5' data-name='Rectangle 5' width='85' height='6' transform='translate(68 159.939)' fill='%2302aadb'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M177.2,164.849l-5.431-5.432-4.243,4.242,9.674,9.674,14.424-14.424-4.242-4.242Z' fill='%2302aadb'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media (max-width: 979px) {
    .mainDstinction span[class*='icon-'] {
        width: 100px;
        height: 60px;
    }
    .mainDstinction-box h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .mainDstinction {
        grid-template-columns: 2fr;
    }
    .mainDstinction-box:nth-child(1):after {
        display: none;
    }
    .mainDstinction-box:nth-child(2):after {
        top: -30px;
        bottom: auto;
    }
    .mainDstinction-box:nth-child(4):after {
        height: 1px;
        top: -30px;
        right: 0;
        left: 0;
        bottom: auto;
        width: auto;
    }
}



.title-wrapper {
    background: #02aadb;
    padding: 50px 0;
}
.title-wrapper .h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

/***************************************************
podstrona - kontakt
***************************************************/

.contact-wrapper #map {
    width: 100%;
    height: 300px;
}

/***************************************************
podstrona - galeria
***************************************************/


.gallery-wrapper article h3 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.gallery-wrapper article img {
    width: 100%;
    height: auto;
    display: block;
}
.gallery-wrapper figure {
    position: relative;
}
.gallery-wrapper figure span {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    display: none;
    z-index: 99;
}
.gallery-wrapper a:hover figure span {
    display: inline-block;
}

.gallery-nav a {
    margin-bottom: 3px;
}

/***************************************************
moduł - blog
***************************************************/

.blog-item {
    background: #f4f4f4;
    padding: 0 20px 20px 20px;
}
.blog-item figure {
    margin: 0 -20px;
}
.blog-item img {
    width: 100%;
    height: auto;
}
.blog-item-link {
    text-align: right;
}

.blog-show {


}
.blog-show img {
    width: 100%;
}

.blogMain-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}


/***************************************************
moduł - news
***************************************************/

.news-wrapper article {
    margin-bottom: 15px;
}
.news-wrapper article header {
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
}
.news-wrapper article header h2 {
    margin: 0;
    float: left;
}
.news-wrapper article header h2 a {
    text-decoration: none;
}
.news-wrapper article header time {
    color: #999;
    float: right;
}
.news-wrapper article figure {
    float: left;
    margin-right: 10px;
}
.news-wrapper article figure img {
    width: 90px;
    display: block;
}
.news-wrapper article section time {
    color: #999;
}
.news-wrapper article section p {
    margin: 10px 0;
}


.box-grey {
    background: #f4f4f4;
    padding: 20px;
    height: 100%;
}


.offer-sprawdziany-kontrolne {
    text-align: center;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.offer-sprawdziany-kontrolne > div {
    padding-top: 35%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}
.offer-sprawdziany-kontrolne > div h3 {
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    font-size: 22px;
    margin: 0;
}
.offer-sprawdziany-kontrolne > div:nth-child(1) {
    background-position: bottom right;
    background-image: url("/assets/img/offer-przyrzady-kontrolno-pomiarowe.jpg");
}
.offer-sprawdziany-kontrolne > div:nth-child(2) {
    background-position: bottom left;
    background-image: url("/assets/img/offer-przyrzady-technologiczno-produkcyjne.jpg");
}
.offer-sprawdziany-kontrolne > div:nth-child(3) {
    background-position: top right;
    background-image: url("/assets/img/offer-szablony-sprawdziany-2d-3d.jpg");
}
.offer-sprawdziany-kontrolne > div:nth-child(4) {
    background-position: top left;
    background-image: url("/assets/img/offer-czesci-komponenty-dla-przemyslu.jpg");
}

@media (max-width: 767px) {
    .offer-sprawdziany-kontrolne > div {
        background-image: none!important;
        background-color: #fafafa;
    }
}