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

@font-face {font-family: 'FuturaPT-Bold'; src: url('fonts/33ADFE_2_0.eot');src: url('fonts/33ADFE_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/33ADFE_2_0.woff2') format('woff2'),url('fonts/33ADFE_2_0.woff') format('woff'),url('fonts/33ADFE_2_0.ttf') format('truetype');}
@font-face {font-family: 'FuturaPT-BookObl'; src: url('fonts/33ADFE_1_0.eot');src: url('fonts/33ADFE_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/33ADFE_1_0.woff2') format('woff2'),url('fonts/33ADFE_1_0.woff') format('woff'),url('fonts/33ADFE_1_0.ttf') format('truetype');}
@font-face {font-family: 'FuturaPT-Book'; src: url('fonts/33ADFE_0_0.eot');src: url('fonts/33ADFE_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/33ADFE_0_0.woff2') format('woff2'),url('fonts/33ADFE_0_0.woff') format('woff'),url('fonts/33ADFE_0_0.ttf') format('truetype');}

/* struktura */
html, body {margin: 0; padding: 0;}
* {position: relative; font-family: 'FuturaPT-Book', sans-serif;}

/* uruchamianie animacji */
 body:not(.disable) .grayBackground, body:not(.disable) .section .more-area, body:not(.disable) .top,  body:not(.disable) .line, body:not(.disable) .bottom, body:not(.disable) .logo img, body:not(.disable) .kontent {transition: all 650ms cubic-bezier(0.860, 0.000, 0.070, 1.000);}

/* top */
.kontener > header {z-index: 100;}
.grayBackground {position: fixed; z-index: 0; left: 0; top: 0; height: 100%; width: 720px; background-color: #F2F2F2; display: block;}
.more-visible .grayBackground {width: 1200px;}
.top {position: fixed; width: 600px; top: 0; left: 0; z-index: 92; height: 14.3vh; max-height: 136px; padding-top: 5.2vh; background-color: #F2F2F2;} 
.top::after {position: absolute; content: ""; display: block; bottom: -12.5vh; height: 12.5vh; width: 100%; left: 0;
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%);
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=0 );
}
/*    background: url(../img/gradient-tlo.png) repeat-x top left; background-size: auto 100%;*/
.logo {position: fixed; position: fixed; left: 107px; margin-left: 5.2vh; top: 5.2vh; z-index: 100;}
.logo img {width: auto; height: 20.08vh; max-height: 190px;}
.line {width: 410px; border-bottom: 2px solid #FFBFB3; position: fixed; top: 5.2vh; height: 14.3vh; max-height: 136px; margin-left: 5.2vh; left: 107px; z-index: 99;}
.more-visible .line, .section.show-more .bottom, .show-more .kontent {width: 880px;}
.more-visible .top {width: 1114px;}

/* sekcje */
.section {width: 100%; height: 100%; min-height: 500px; padding: 5.2vh; box-sizing: border-box; overflow: hidden;}
.section .more-area h1:first-child, .section .more-area h2:first-child, .section .more-areax h3:first-child {font-size: 4.5vh; line-height: 4.6vh; position: absolute; top: -9.1vh; margin: 0;}
.section > h1:first-child, .section > h2:first-child, .section > h3:first-child {font-size: 4.5vh; line-height: 4.6vh; margin-top: 28.5vh; margin-bottom: 4.8vh;}
@media screen and (max-height: 650px) {
 .section > h1:first-child, .section > h2:first-child, .section > h3:first-child {margin-top: 25vh; margin-bottom: 4.6vh;}
 .section .more-area h1:first-child, .section .more-area h2:first-child, .section .more-areax h3:first-child {top: -8.9vh; margin: 0;}
}
.section > *:not(.inne) {width: 410px; margin-left: 107px;}

/* to top */
#toTop {width: 50px; height: 50px; position: fixed; right: 5.2vh; bottom: 5.2vh; background-color: #FFBFB3; display: block; z-index: 100; cursor: pointer;}
#toTop div {width: 1px; height: 15px; background-color: black; top: 50%; left: 50%; transform: translate(-50%, -50%); position: relative;}
#toTop div::after, #toTop div::before {content: ""; display: block; position: absolute; width: 10px; height: 1px; background-color: black; right: 0;}
#toTop div::after {transform: rotate(225deg); transform-origin: right 0.5px;}
#toTop div::before {transform: rotate(-45deg); transform-origin: right 0.5px;}


/* tresc */
.kontent {overflow: hidden; width: 410px;}
.opozniacz .kontent {overflow: visible;}
.show-more .kontent {overflow: visible; width: 880px;}

.kontent p {margin: 0 0 20px; width: 410px;}
.section .more-area {position: absolute; top: 0; width: 410px; opacity: 0; left: 450px;}
.section.show-more .more-area {left: 470px; opacity: 1; }

@media screen and (max-width: 1600px) and (min-width: 1400px) {
    .section > :not(.inne) {margin-left: 27px;}
    .logo, .line {left: 27px;}
    .grayBackground, .top {width: 660px;}
}

@media screen and (max-width: 1400px) and (min-width: 980px) {
    .section > :not(.inne) {margin-left: 0px; width: 300px;}
    .kontent {width: 300px;}

    .grayBackground, .top {width: 460px;}
    .logo, .line {left: 0px;}
    .line {width: 300px;}
    /* tresc */
    .section.show-more .more-area {left: 345px; width: 300px;}
    .section .more-area {left: 380px;}
    .kontent p {
        margin: 0 0 15px;
        width: 300px;
        font-size: 14px;
    }
    .more-visible .line, .section.show-more .bottom, .show-more .kontent {width: 645px;}
}

/* mobile */
@media screen and (max-width: 980px) {
    /* top */
    .top {width: 72%; height: 15vh; padding-top: 0; position: absolute;}
    .logo {left: 8%; margin: 0 0 5vh 0; top: 4vh; position: relative; display: table; }
    .logo img {height: 15vh;}
    .line {margin: 0; width: 84%; left: 8%; position: absolute; top: 0;}
    .grayBackground {width: 72%;}

    /* sekcje */
        .section {padding: 10% 8%; height: auto !important;}
        .section > :not(.inne) {width: 100%; margin-left: 0;}

    /* treści */
        .section > h1:first-child, .section > h2:first-child, .section > h3:first-child {margin-top: 0; margin-bottom: 20px;}
        .kontent p {width: 85%; margin: 40px 0;}

    /* more */
        .section .more-area {position: relative; top: 0; left: 0px; height: auto; max-height: 0; width: 100%;}
        .section.show-more .more-area {left: 0; width: 100%; height: auto; max-height: 550px;}
        .more-visible .grayBackground {width: 72%}
        .section.show-more > .slajder-kontener {padding-left: 0;}
        .more-visible .line, .section.show-more .bottom, .show-more .kontent, .more-visible .top {width: auto;}
        .section .more-area h1:first-child, .section .more-area h2:first-child, .section .more-areax h3:first-child {top: 0; position: relative;}

    #toTop {bottom: 0; right: 0;}
}
@media screen and (max-width: 400px) {
    .kontent p {font-size: 14px;}
}