/*
.goldman-regular {
    font-family: "Goldman", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.goldman-bold {
    font-family: "Goldman", sans-serif;
    font-weight: 700;
    font-style: normal;
}

 */



:root{
    --app-scale-from-fhd-from-4k:1;
    --app-proportion-from-fhd:1080;
    --app-position:0;
    --app-width-from-fhd:1920px;
    --app-width-from-mobile:767px;
    --app-proportion-from-mobile:432px;
     --app-width:3840;
    --app-scale-from-hd:1;
     --app-scale-from-fhd:1;
     --app-scale-from-mobile:1;
     --app-scale2:1;
    --app-scale-from-4k:1;
    --red-color:#eb1c23;
    --pink-color:#ed0080;
    --yellow-color:#ffea00;

    --blue-color:#009BDF;
}
#body_wrapper{
    overflow: hidden;
    margin: auto;
    max-width: 100%;
    width: 100%;

    transition: background 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);



    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center bottom;

}

#body_wrapper {
    /*

    background-image:   url('../img/bgd_bottom.png'), url('../img/bgd_4k.jpg') ,url('../img/gradient.png') ;
    background-repeat: no-repeat, no-repeat , repeat-y;
    background-position: bottom center, top center, bottom center;
    background-size:  calc(calc(var(--app-scale-from-hd) * 1920px)) auto , calc(calc(var(--app-scale-from-fhd-from-4k) * 3840px)) auto, 100% auto,;
    */

    background-color: black;


}
.hidden{
    display: none!important;
}


* {
    padding: 0;
    border: 0;
    margin: 0;
    outline: none;
    box-sizing: border-box;
}


html {

    background-color:black;
    transition: none !important;
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto;

    max-width: 100%;
    width:100%;
    font-size: 62.5%;

}
html { height: 100%; overflow:auto; }
body { height: 100%; }
html, body {
    scroll-behavior: auto !important;
}
body{
    font-weight:400;
    color:black;
    font-size: 16px;
    text-transform: none;
    width:100%;
    max-width: 100%;
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;

}
#top{
    position: relative;
    width:100%;


    margin: auto;
}
.overlay-container{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 100;
    background-image:   url('../img/linie.png') ;
    background-repeat: no-repeat;
    background-position: top right;

    background-size:  calc(calc(var(--app-scale-from-hd) * 1920px)) auto ;
}
.video-container{
    pointer-events: none;
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

.video-container video {

    height:100%;
    margin-left: 15%;
    pointer-events: none;
    position: absolute;
    /*
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);

     */

    object-fit: contain; /* Prevents distortion */
    z-index: 1;
}
.footer{
    top:0;
    left:0;


    flex-direction:column;
    display: flex;
    justify-content: center;

    position: relative;

    align-items: center;
    width:100%;
    padding:calc(calc(var(--app-scale-from-hd) * 20px)) 0 ;
    background-repeat: repeat-x;
    background-image: url("../img/footer_bgd.png");


}

.footer p{
    font-size: calc(calc(var(--app-scale-from-hd)*14px));
    text-align: center;
    color:#cea14e;
}
h1{

}
.download-button {
    z-index: 101;

    width: 268px;
    height: 29px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/button_off.png);


    margin-top: calc(calc(var(--app-scale-from-hd) * 25px));

}
.download-button:hover{
    background-image: url('../img/button_on.png');
}

h6{
    padding-bottom: calc(calc(var(--app-scale-from-hd) *20px));

    color:white;
    text-align: center;
    text-transform: uppercase;
}

.inner-holder{

        min-height:100%;
        position: relative;
        width:calc(calc(var(--app-scale-from-hd) *1400px));
         margin: auto;
        display: flex;
        justify-content: flex-start;
    padding-bottom: calc(calc(var(--app-scale-from-hd) *5px));

    z-index: 99;
}
.left-column{
    margin-left: 30px;
    width:35%;

}
.inner-holder p {

    line-height:1.3;
    color:#fff;
    font-weight: 700;

    padding: 30px 0 0 0 ;
    font-size: 18px;
    text-align: left;

}
.logo{
    background-image: url('../img/logo.png');
    background-size: 100% auto;
    width:281px;
    height:194px;
   /* width:calc(calc(var(--app-scale-from-hd) * 281px));
    height:calc(calc(var(--app-scale-from-hd) * 194px));*/
    margin: calc(calc(var(--app-scale-from-hd) *40px)) 0 0 0;

}
ul{
    padding:calc(calc(var(--app-scale-from-hd) * 20px)) 0 calc(calc(var(--app-scale-from-hd) * 20px)) 20px;

    color:#cea14e;
}

li{
    display: list-item;
    list-style-type: disc;
    line-height:1.5 ;
}



@media  (max-height: 900px) {


}

@media  (max-height: 700px) {

    #top,.inner-holder {
        min-height: 750px;
        height: auto;
    }
    .footer{
        position: static;
    }
}






@media (max-width: 1920px) {


}
@media (max-width: 1280px) {
    .video-container video {

        height:85%;
        margin-top: 10%;
        margin-left: 25%;
    }
    .footer{
        padding:calc(calc(var(--app-scale-from-hd)* 18px)); ;
        height: auto;
    }
    .left-column{
        margin-left: 10px;
        width:100%;

    }

    #body_wrapper {
        /*

        background-image:    url('../img/bgd_fhd.jpg'),url('../img/gradient.png');
        background-repeat:  no-repeat, repeat-y;
        background-position: top center, bottom center;;
        background-size:  calc(calc(var(--app-scale-from-hd) * 1920px)) auto,calc(calc(var(--app-scale-from-hd) * 3840px)) 8px;
        background-color: transparent;

         */
    }
}
@media(max-width: 960px) {

    .video-container video {

        height:85%;
        margin-top: 10%;
        margin-left: 45%;
    }

}

@media (max-width: 768px) {



    .download-button{

        width:268px;
        height:29px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url('../img/button_off.png');
        margin: 20px auto 0px auto;
        position: static;

    }

    .overlay-container{

        background-image:   url('../img/linie_mobile.png') ;
        background-repeat: no-repeat;
        background-position: top left;
        background-size:  767px auto ;
    }
    .text-column p{
        font-weight: 700;
    }
    .text-column br{
        display: none;
    }
    #top,.inner-holder {
        min-height: 750px;
        height: auto;
    }
    .footer{
        margin-top: 20px;
        position: static;
    }

    .logo{


        width: 281px;
        height:194px;
        margin: auto auto 10px auto;
    }

    .video-container {
        height: auto;
    }
    .video-container video{
        position: static;
        width:100%;
        margin: auto;
        min-height: 0;
        height:auto;
        transform: translate(0);
        padding-top:  200px;
    }
    .inner-holder {

        width: 100%;
        margin: auto;
        justify-content: center;
        padding: 5px;

    }
    .inner-holder p {
        padding-bottom: 10px;
     /*   line-height: calc(calc(var(--app-scale-from-mobile) * 40px));*/
    }
    .inner-holder .left-column{
        width: 320px;
        margin: auto;

    }
    .text-column{
        padding-top: calc(calc(var(--app-proportion-from-mobile))*0.85px);
        padding-bottom: 5px;
    }
    h6{
        /* line-height: calc(calc(var(--app-scale-from-mobile) * 35px));*/
   }
   p{
        /* line-height: calc(calc(var(--app-scale-from-mobile) * 35px));*/

   }

   .footer{
       padding: 20px;
   }
   .footer h6 {
       font-size: calc(calc(var(--app-scale-from-mobile) * 18px))!important;
   }
   .footer p {
       font-size: calc(calc(var(--app-scale-from-mobile) * 18px))!important;
   }
   #body_wrapper {
       /*

       background-image:    url('../img/bgd_mobile.jpg');
       background-repeat:  no-repeat;
       background-position: top center;

       background-size:  calc(calc(var(--app-scale-from-mobile) * 768px)) auto;
       background-color: transparent;

        */
    }

    .page{
        width: 100%;

    }

    .logo{


    }


}


@media (max-width: 560px) {


}









/*              ANIMACJE            */

.animate.in-view{

    opacity: 1;
    transform:none;
}


.animation-element.in-view{
    opacity: 1!important;
    transform:scale(1) translate(0px, 0px) rotate(0deg)!important;

}
.animation-element.fadeIn {
    opacity: 0;
    transition: all 1000ms ease-out;

}

.animation-element.slide-left {
    opacity: 0;
    transition: all 900ms cubic-bezier(0.175, 0.885, 0.32, 1.275);;
    transform: translateX(-700px);
}


.animation-element.slide-right,.animation-element-small.slide-right {
    opacity: 0;
    transition: all 1100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);;
    transform: translateX(700px);
}
.animate.rotation{
    animation: rotation 20s infinite linear;
}
.animate.pulsating{

    animation: pulsating 2s infinite ease-in-out;

}

.animation-element.floating{

    animation: float 5s infinite ease-in-out;

}
.animation-element.floatingX1{

    animation: floatX1 5s infinite ease-in-out;

}
.animation-element.floatingX2{

    animation: floatX2 5s infinite ease-in-out;

}

.animation-element.delay1{
    animation-delay: 500ms;
    transition-delay: 500ms;

}
.animation-element.delay2{
    animation-delay: 1000ms;
    transition-delay:1000ms
}
.animation-element.delay3{
    animation-delay: 1500ms;
    transition-delay: 1500ms;

}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes pulsating {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform:scale(1);
    }
}
@keyframes floatX1 {
    0% {
        transform: translateX( 0px);
    }
    50% {
        transform: translateX( -40px);
    }
    100% {
        transform: translateX( 0px);
    }
}
@keyframes floatX2 {
    0% {
        transform: translateX( 0px);
    }
    50% {
        transform: translateX( 40px);
    }
    100% {
        transform: translateX( 0px);
    }
}
@keyframes float {
    0% {
        transform: translateY( 0px);
    }
    50% {
        transform: translateY( 20px);
    }
    100% {
        transform: translateY( 0px);
    }
}
.animation-element.slide-up{
    opacity: 0;

    transition: all 1500ms ease-in-out;
    transform:  translateY( -300px);

}

.animation-element.slide-down,.animation-element-small.slide-down {
    opacity: 0;

    transition: all 1500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);;
    transform:  translateY( 200px);
}
.animation-element.scaleXUp{
    opacity: 1;
    transform:scaleX(0);
}

.animation-element.scaleUp{
    opacity: 1;
    transform:scale(0);
}

.animation-element.scaleUp.in-view{
    transform:scale(1);
    transition-duration:1500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animation-element.scale-X.in-view{
    transform:scale(1);
    transition-duration:1500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animation-element.scale-X{
    opacity: 1;
    transform:scale(0,1);
}