@import url('fonts/stylesheet-jembohands-regular.css');
@import url('fonts/gryzzale-fonts.css');
@import url('fonts/kontiki-fonts.css');
body{ background-color: #eee !important; font-family: 'SegoeUI'; }

.gryzzale-home-page .uk-navbar-container { display: none; }
.gryzzale-home-page, html { height: 100%; }
.gryzzale-home-page .tm-page { height: 100%; position: relative; }
.gryzzale-home-page .tm-page .uk-section { height: 100%; padding: 0; }
.gryzzale-home-page .tm-page .uk-section .uk-container { height: 100%; max-width: none; width: 100%; padding: 0; }
.gryzzale-home-page .tm-page .uk-section .uk-container .uk-grid { height: 100%; padding: 0; margin-left: 0; }
.gryzzale-home-page .tm-page .uk-section .uk-container .uk-grid>* { padding-left: 0; }


.gryzzale-home-page .gutter::after{ content: "gryzzale";
    background-image: url("/images/gryzzale.png"); background-size: 300px;
    background-repeat: no-repeat; background-position: 50% 50%; text-align: center; color: transparent;
    position: absolute;  top: 0; width: 450px; height: 100%; left: calc(50% - 225px);

    /*border:solid 1px #00FF00; box-sizing: border-box;*/
}



.gryzzale-home-page .gutter::before{ content: "TARCZYŃSKI"; text-align: center; position: absolute; top: 0;
    right: -150px; width: 300px; height: 180px; z-index: 20; color: transparent;
    background-image: url("/images/tarczynski-logo.png"); background-size: contain;
    background-repeat: no-repeat; background-position: top center;
}


.gryzzale-home-page .kolumna { position: relative; }
.gryzzale-home-page .kolumna.dla-rodzicow { flex:1; }
.gryzzale-home-page .kolumna.dla-dzieci { flex:1; }
.gryzzale-home-page .gutter {
    position: relative; width: 0px; flex:0; z-index: 20;
}

.gryzzale-home-page .kolumna.dla-rodzicow .uk-width-1-1,
.gryzzale-home-page .kolumna.dla-dzieci .uk-width-1-1{
    display: flex; justify-content: flex-end; flex-direction: column;
}

.gryzzale-home-page .kolumna.dla-rodzicow:hover { flex:2; }
.gryzzale-home-page .kolumna.dla-dzieci:hover { flex:2; }

.gryzzale-home-page .kolumna{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.gryzzale-home-page .gryzzale-home-section .uk-container > .uk-grid { display: flex; flex-direction: row;  }

.gryzzale-home-page .kolumna .tresc { display: flex; flex-direction: column; justify-content: center; }
.gryzzale-home-page .kolumna .tresc .uk-button { display: block; width: 250px; margin-left: auto; margin-right: auto; border-radius: 30px; }
.gryzzale-home-page .kolumna .tresc h1 { margin: 0; }

.gryzzale-home-page .kolumna.dla-rodzicow .tresc { background-color: rgba(24,37,107,0.77); height: 40%; text-align: center; }
.gryzzale-home-page .kolumna.dla-rodzicow .tresc h1 { color: white; font-family: 'jembohandsregular'; }
.gryzzale-home-page .kolumna.dla-rodzicow .tresc p { color: white; font-size: 19px; max-width: 500px; margin-right: auto; margin-left: auto; line-height: 1.2em;  }
.gryzzale-home-page .kolumna.dla-rodzicow .tresc .uk-button {
    background-color: rgb(255,120,0); color: rgb(24,37,107);
    letter-spacing: normal; font-weight: 900; text-transform: none; font-size: 20px;
    font-family: "SegoeUI"; padding: 6px 5px;
    position: relative; z-index: 100;
}


.gryzzale-home-page .kolumna.dla-dzieci .tresc { background-color: rgba(255,120,0,0.8); height: 40%; text-align: center; }
.gryzzale-home-page .kolumna.dla-dzieci .tresc h1 { color: white; font-family: 'jembohandsregular'; }
.gryzzale-home-page .kolumna.dla-dzieci .tresc p{ color:#18256b; font-size: 19px; line-height: 1.2em; }
.gryzzale-home-page .kolumna.dla-dzieci .tresc .uk-button {
    background-color: rgb(24,37,107); color: rgb(255,120,0);
    letter-spacing: normal; font-weight: 900; text-transform: none; font-size: 20px;
    font-family: "SegoeUI"; color: white; width: 300px; padding: 6px 5px;
}
.tarczynski-logo-mobile {display:none; width: 200px; position: absolute; top: 0; left: 20px; }
.gryzzale-home-page .uk-button-default { border-width: 4px; }


@media only screen and (max-width: 1366px){
    .gryzzale-home-page .gutter::after {
        width: 500px; left: calc(50% - 250px);
        background-size: 380px;
    }

}

@media only screen and (max-width: 1200px){
    .gryzzale-home-page .gutter::after {
        width: 300px; height: 100%; left:-150px; /*top: calc(60% - 250px);*/
    }
    .gryzzale-home-page .gutter::after { background-size: 300px; }
}

@media only screen and (max-width: 1024px){
    .gryzzale-home-page .kolumna.dla-rodzicow .uk-width-1-1 { background-position: 40% 50%; }
    .gryzzale-home-page .kolumna.dla-rodzicow .tresc p { max-width: 240px; margin-left: auto; margin-right: auto; }
    .gryzzale-home-page .kolumna.dla-dzieci .tresc p { max-width: 240px; margin-left: auto; margin-right: auto; }
}

@media only screen and (max-width: 980px){
    .gryzzale-home-page .gutter::after {
        width: 200px; height: 100%; left:-100px; /*top: calc(60% - 170px);*/
        background-size: 200px;
    }
    .gryzzale-home-page .gutter::before { width: 200px; right: -100px; }

}

@media only screen and (max-width: 800px){
    .gryzzale-home-page .kolumna.dla-dzieci .uk-width-1-1 { background-position: 57% 50%; }

}

@media only screen and (max-width: 640px) {

    .gryzzale-home-page .kolumna.dla-rodzicow{ flex: 1; }
    .gryzzale-home-page .kolumna.dla-dzieci{ flex: 1; }
    .gryzzale-home-page .kolumna.dla-rodzicow:hover{ flex: 1; }
    .gryzzale-home-page .kolumna.dla-dzieci:hover{ flex: 1; }

    .gryzzale-home-page .gutter { width: 100%; }

    .gryzzale-home-page .kolumna.dla-rodzicow .tresc { height: 33%; padding-bottom: 10px; }
    .gryzzale-home-page .kolumna.dla-dzieci .tresc { height: 33%; padding-bottom: 10px; }
    .gryzzale-home-page .kolumna.dla-rodzicow .tresc p { display: none; }
    .gryzzale-home-page .kolumna.dla-dzieci .tresc p { display: none; }
    .gryzzale-home-page .gryzzale-home-section .uk-container > .uk-grid { flex-direction: column; }
    .gryzzale-home-page .kolumna.dla-rodzicow .opis { display: none; }
    .gryzzale-home-page .kolumna.dla-dzieci .opis { display: none; }
    .gryzzale-home-page .gutter::before { width: 200px; left: 5px; right:unset; top: -50px;  }
    .gryzzale-home-page .gutter::after {
        /*background-color: rgba(255,0,0,0.2);*/ left: 0; width: 100%; height: 200px;
        top:-100px;

    }

    .gryzzale-home-page .kolumna.dla-rodzicow .tresc h1 { margin-bottom: 10px; }
    .gryzzale-home-page .kolumna.dla-dzieci .tresc h1 { margin-bottom: 10px; }
    .gryzzale-home-page .kolumna.dla-dzieci .uk-width-1-1 { background-position: 60% 0%; }

    .gryzzale-home-page .gutter::before { display: none; }
    .gryzzale-home-page .gutter::after { display: none; top: -140px; background-size: 150px; }
    .tarczynski-logo-mobile { display: block; }
    .tarczynski-logo-mobile .el-image { display: none; }
    .tarczynski-logo-mobile::before {
        content: "";  background-image: url('/images/tarczynski-gryzzale-logo.png');
        display: block; width: 10px; height: 10px; background-size: contain; width: 200px;
        height: 120px; background-repeat: no-repeat; background-position: top left; position: absolute;
        left: 0px;
    }

    .gryzzale-home-page .kolumna.dla-dzieci .tresc .uk-button {
        font-size: 16px; padding: 6px 5px; line-height: 1em;
        width: 250px;
    }
    .gryzzale-home-page .kolumna.dla-rodzicow .tresc .uk-button {
        font-size: 16px; padding: 6px 5px; line-height: 1em;
    }

}





/*dla dzieci*/

.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-gryzzale-dance .tm-grid-expand.uk-grid,
.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-poznaj-gryzzale .tm-grid-expand.uk-grid,
.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-test-mocy .tm-grid-expand.uk-grid,
.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-mega-quiz .tm-grid-expand.uk-grid,
.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-zabawy-lola .tm-grid-expand.uk-grid { min-height: 90vh; }
.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-gryzzale-dance .logo-w-sekcji-gryzzale-dance.tm-grid-expand.uk-grid{
    min-height: unset;
}
.dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-gryzzale-dance .tm-grid-expand.uk-grid { min-height: calc(62vh - 60px); }


@media only screen and (max-width: 595px) {
    .dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-poznaj-gryzzale .tm-grid-expand.uk-grid,
    .dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-test-mocy .tm-grid-expand.uk-grid,
    .dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-mega-quiz .tm-grid-expand.uk-grid,
    .dla-dzieci-glowna.gryzzale-dla-dzieci-page .sekcja-zabawy-lola .tm-grid-expand.uk-grid{
        min-height: unset;
    }
}



.gryzzale-dla-dzieci-page .uk-navbar-container { background-color: rgba(255,0,0,0.1); position: relative; }
.gryzzale-dla-dzieci-page .uk-navbar-container .uk-navbar {   }

/* ukrycie logotypu */
.gryzzale-dla-dzieci-page .uk-navbar-container .uk-navbar .uk-navbar-left { display: block; position:relative; display: none; }

.gryzzale-dla-dzieci-page .uk-navbar-container .uk-navbar .uk-navbar-left .uk-navbar-item.uk-logo {
    display: block; position: absolute; top: 0; left: 0; width: 300px; z-index: 10;  }



.gryzzale-dla-dzieci-page .uk-navbar-container {
    /*background-color: #2155af;*/

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#296acc+0,13216a+100 */
    background: rgb(41,106,204); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(41,106,204,1) 0%, rgba(19,33,106,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(41,106,204,1) 0%,rgba(19,33,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(41,106,204,1) 0%,rgba(19,33,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296acc', endColorstr='#13216a',GradientType=0 ); /* IE6-9 */
}

.gryzzale-dla-dzieci-page .uk-navbar-container .uk-container.uk-container-expand{
    position: relative; z-index: 20; padding: 0;
}

.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a {
    color: white;
    font-family: "kontiki","SegoeUI",Serif;
}



.gryzzale-dla-dzieci-page .uk-navbar-nav .gryzzale-dance {
    /*background-color: #42a8ff;*/



}
.gryzzale-dla-dzieci-page .uk-navbar-nav .poznaj-gryzzale {
    /*background-color: #f39503;*/




}
.gryzzale-dla-dzieci-page .uk-navbar-nav .mega-quiz {
    /*background-color: #a5419a;*/


}
.gryzzale-dla-dzieci-page .uk-navbar-nav .test-mocy {
    /*background-color: #16277c;*/




}
.gryzzale-dla-dzieci-page .uk-navbar-nav .zabawa-lola {
    /*background-color: #00bc98;*/


}

.gryzzale-dla-dzieci-page .uk-navbar-nav{
    /*mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/stampTiles.svg);*/
    /*mask: url(/images/dla-dzieci/menu_maska.svg);*/
    /*mask-repeat: no-repeat;*/
    width: 100%;
}

.gryzzale-dla-dzieci-page .uk-navbar-nav li:nth-child(2) {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#54d6ff+0,2866ff+100 */
    background: rgb(84,214,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(84,214,255,1) 0%, rgba(40,102,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(84,214,255,1) 0%,rgba(40,102,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(84,214,255,1) 0%,rgba(40,102,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54d6ff', endColorstr='#2866ff',GradientType=0 ); /* IE6-9 */
}

.gryzzale-dla-dzieci-page .uk-navbar-nav li:nth-child(1){
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6aa03+0,e94f01+100 */
    background: rgb(246,170,3); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(246,170,3,1) 0%, rgba(233,79,1,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(246,170,3,1) 0%,rgba(233,79,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(246,170,3,1) 0%,rgba(233,79,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6aa03', endColorstr='#e94f01',GradientType=0 ); /* IE6-9 */
}
.gryzzale-dla-dzieci-page .uk-navbar-nav li:nth-child(3){
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c319c+0,0f1a52+100 */
    background: rgb(28,49,156); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(28,49,156,1) 0%, rgba(15,26,82,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(28,49,156,1) 0%,rgba(15,26,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(28,49,156,1) 0%,rgba(15,26,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c319c', endColorstr='#0f1a52',GradientType=0 ); /* IE6-9 */
}
.gryzzale-dla-dzieci-page .uk-navbar-nav li:nth-child(4){
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c24fbb+0,782c67+100 */
    background: rgb(194,79,187); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(194,79,187,1) 0%, rgba(120,44,103,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(194,79,187,1) 0%,rgba(120,44,103,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(194,79,187,1) 0%,rgba(120,44,103,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c24fbb', endColorstr='#782c67',GradientType=0 ); /* IE6-9 */
}
.gryzzale-dla-dzieci-page .uk-navbar-nav li:nth-child(5){
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00cdae+0,008d5c+100 */
    background: rgb(0,205,174); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,205,174,1) 0%, rgba(0,141,92,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,205,174,1) 0%,rgba(0,141,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,205,174,1) 0%,rgba(0,141,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cdae', endColorstr='#008d5c',GradientType=0 ); /* IE6-9 */
}

.gryzzale-dla-dzieci-page .uk-navbar-nav > li { width: 20%; }
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a {
    font-size: 24px; line-height: 1.1em; text-align: center;
    display: flex; position: relative; padding: 0px;
    letter-spacing: normal;
}


.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::before{
    content:"|"; display:block; border-left:solid 3px rgba(58,146,255,1); color: transparent;
    left: -20px; display: block; position: absolute; height: 50px;
    top: calc(50% - 25px);
}
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::after{
    content:"|"; display:block; border-right:solid 3px rgba(58,146,255,1); color: transparent;
    right: -20px; display: block; position: absolute; height: 50px;
    top: calc(50% - 25px);
}
@media only screen and (max-width: 1200px){
    .gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::before { left: -5px; }
    .gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::after { right: -5px; }
}
@media only screen and (max-width: 1100px){
    .gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::before { left: -2px; }
    .gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::after { right: -2px; }
}
@media only screen and (max-width: 990px){
    .gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::before { left: 0px; }
    .gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::after { right: 0px; }
}

.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover{
    color:rgba(58,146,255,1);
    text-shadow:  1px 1px 0px #000;
}
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::before,
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a:hover::after{
    text-shadow:none;
}
.gryzzale-dla-dzieci-page .uk-navbar-container {
    -webkit-mask-image: url(/images/dla-dzieci/menu_maska.svg);
    -webkit-mask-repeat: no-repeat;	
    mask: url(/images/dla-dzieci/menu_maska.svg);
    mask-repeat: no-repeat; margin-bottom: -30px;
}
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a { min-height: 100px; }
.gryzzale-dla-dzieci-page .tm-header.uk-visible\@m {
    filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.4));
    position: fixed; width: 100%; z-index: 21;
}

.logo-tarczynski-wrapper {
    position: absolute; z-index: 42;
    display: block; max-width: 300px; left: 5%; top: 0;
    position: fixed;
}
@media only screen and (max-width: 959px){
    .logo-tarczynski-wrapper{ position: absolute; }
}
.gryzzale-dla-rodzicow-page .logo-tarczynski-wrapper { z-index: 1000; }

@media only screen and (max-width: 1024px){
    .logo-tarczynski-wrapper { max-width: 250px; }
}


.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a.gryzzale-dance { width: 110px; margin: auto; }
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a.poznaj-gryzzale { width: 110px; margin: auto; }
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a.test-mocy { width: 80px; margin: auto; }
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a.mega-quiz { width: 80px; margin: auto; }
.gryzzale-dla-dzieci-page .uk-navbar-nav > li > a.zabawa-lola { width: 80px; margin: auto; }

.uk-navbar-item-logo-tarczynski { filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.3)); }

.font-family-jembohands { font-family: 'jembohandsregular'; line-height: 1.5em; }
.font-family-jembohands > span.big { font-size: 140%; }
.text-shadow { text-shadow: 3px 3px 8px rgba(31,155,206,0.8); }

.font-family-jembohands > span.bg-white {
    display: inline-block; padding: 3px;
    background-image: url("/images/dla-dzieci/span-bg-white.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%;
}
.font-family-jembohands > span.bg-dark {
    display: inline-block; padding: 3px;
    background-image: url("/images/dla-dzieci/span-bg-dark.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%;
}
.font-family-jembohands > span.bg-brown {
    display: inline-block; padding: 3px;
    background-image: url("/images/dla-dzieci/span-bg-brown.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%;
}
.font-family-jembohands > span.bg-green {
    display: inline-block; padding: 3px;
    background-image: url("/images/dla-dzieci/span-bg-green.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%; padding-left: 20px; padding-right: 20px;
}
.font-family-jembohands > span.bg-dark-pink {
    display: inline-block; padding: 3px;
    background-image: url("/images/dla-dzieci/span-bg-dark-pink.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%; padding-left: 20px; padding-right: 20px;
}
.font-family-jembohands > span.bg-deep-blue {
    display: inline-block; padding: 3px;
    background-image: url("/images/dla-dzieci/span-bg-deep-blue.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%; padding-left: 20px; padding-right: 20px;
}

.gryzzale-dla-dzieci-page .uk-button,
.gryzzale-dla-rodzicow-page .uk-button{
    letter-spacing: normal; text-transform: none; border-radius: 6px; color: #0e3a73;
    font-weight: 600; font-size: 22px; line-height: 46px; padding: 5px 40px;
    font-family: "SegoeUI";
}
.gryzzale-dla-dzieci-page .uk-button-default,
.gryzzale-dla-rodzicow-page .uk-button-default { border-width: 5px; }



.sekcja-poznaj-gryzzale.uk-section-default .uk-section { padding-bottom: 0; }
.poznaj-gryzzale-postacie > img { margin-left: -150px; max-width: calc(100% + 250px); }
@media only screen and (max-width: 1200px){
    .poznaj-gryzzale-postacie > img { max-width: calc(100% + 150px); }
}
@media only screen and (max-width: 1024px){
    .poznaj-gryzzale-postacie > img { max-width: calc(100% + 120px); margin-left: -110px; }
}
@media only screen and (max-width: 959px){
    .poznaj-gryzzale-postacie { text-align: center; }
    .poznaj-gryzzale-postacie > img { margin-left: unset; max-width:600px; }
}

@media only screen and (max-width: 640px) {
    .gryzzale-dla-dzieci-page .uk-button-default,
    .gryzzale-dla-rodzicow-page .uk-button-default { line-height: 1.2em; }
}

.sekcja-test-mocy.uk-section-default .uk-section { padding-bottom: 0; }
.sekcja-test-mocy.uk-section-default .uk-section .uk-first-column { padding: 0; margin-left: -150px; }
@media only screen and (max-width: 1200px) {
    .sekcja-test-mocy.uk-section-default .uk-section .uk-first-column { margin-left: -20px; }
}
@media only screen and (max-width: 959px) {
    .sekcja-test-mocy.uk-section-default .uk-section .uk-first-column { margin-left: 20px; }
    .sekcja-test-mocy.uk-section-default .uk-section .uk-grid { flex-direction: column-reverse; }
    .sekcja-test-mocy.uk-section-default .uk-section .uk-first-column .el-image { max-width: 600px; }
    .sekcja-test-mocy.uk-section-default .uk-section .uk-first-column > div:nth-child(1) { text-align: center; }
}

.sekcja-mega-quiz.uk-section-default .uk-section { padding-bottom: 0; }
.sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column.uk-width-3-5\@m { padding: 0; margin-right: -300px; }
@media only screen and (max-width: 1100px) {
    .sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column.uk-width-3-5\@m { margin-right: -200px; }
}
@media only screen and (max-width: 959px) {
    .sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column.uk-width-3-5\@m { margin-right: 0px; }
    .sekcja-mega-quiz.uk-section-default .uk-section .uk-grid {
        flex-direction: column-reverse;
    }
    .sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column .el-image { max-width: 600px; }
    .sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column > div:nth-child(1) { text-align: center; }
}
.sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column.uk-width-2-5\@m { padding-left: 150px; }
@media only screen and (max-width: 480px) {
    .sekcja-mega-quiz.uk-section-default .uk-section .uk-first-column.uk-width-2-5\@m { padding-left: 20px; }
}

.sekcja-zabawy-lola.uk-section-default .uk-section { padding-bottom: 0; }
.sekcja-zabawy-lola.uk-section-default .uk-section .uk-width-3-5\@m { padding: 0; margin-left: -250px; }

@media only screen and (max-width: 959px) {
    .sekcja-zabawy-lola.uk-section-default .uk-section .uk-first-column .el-image { max-width: 600px; }
    .sekcja-zabawy-lola.uk-section-default .uk-section .uk-first-column > div:nth-child(1) { text-align: center; }
    .sekcja-zabawy-lola.uk-section-default .uk-section .uk-width-3-5\@m { margin-left: unset; }
}

/*gryzzale dance*/
.gryzzale-dla-dzieci-page.gryzzale-dance .tm-page { background-color: #37b3e6; background-image: url("/images/dla-dzieci/gryzale-dance_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; }

.gryzalowy-taniec div .el-item{
    display: flex; position: relative; flex-wrap: wrap; align-content: flex-start;
}

.gryzalowy-taniec div .el-item .el-image { width: 280px; height: 280px; margin: auto; order: 2; }
.gryzalowy-taniec div .el-item .el-title { order: 1; margin-top: 0 !important; color:#002c69; font-family: 'jembohandsregular'; font-size: 60px; position: absolute; top: 0; left: 40px; }
.gryzalowy-taniec div .el-item .el-content { order: 3; text-align: center; color:#002c69;
    max-width: 240px; margin: auto;
}

.gryzzalowe-nagrody div .el-item .el-content {
    text-align: center; color:#002c69; max-width: 240px; margin: auto;
}
@media only screen and (max-width: 995px) {
    .gryzzalowe-nagrody div .el-item .el-content { margin-left: 0; margin-bottom: 6em; max-width: 420px; }
}

.sprawdz-jak-tancza-inni .uk-grid .el-link { display:none; }
.sprawdz-jak-tancza-inni .uk-card-primary { background-color: rgba(255,120,0,1); }
.sprawdz-jak-tancza-inni .uk-card-title { font-family: inherit; }

.gryzzale-dance .tiktok-embed { width: calc(100% - 52px) !important; }
.gryzzale-dance .tiktok-embed iframe { width: 100%; }

.tabela-zwyciezcow .uk-table { font-family: 'SegoeUI'; }
.tabela-zwyciezcow .uk-table tr.el-item:nth-child(1) .uk-text-meta,
.tabela-zwyciezcow .uk-table tr.el-item:nth-child(1) .el-title,
.tabela-zwyciezcow .uk-table tr.el-item:nth-child(1) .el-content {
    padding-bottom: 1em; padding-top: 1em;
}
.tabela-zwyciezcow .uk-table tr.el-item:nth-child(1) .uk-text-meta { font-family: 'jembohandsregular'}
.tabela-zwyciezcow .uk-table tr.el-item:nth-child(1) .el-title { font-family: 'jembohandsregular'}
.tabela-zwyciezcow .uk-table tr.el-item:nth-child(1) .el-content { font-family: 'jembohandsregular'}

.tabela-zwyciezcow .uk-table tr.el-item td:nth-child(1) { width: 33%; }
.tabela-zwyciezcow .uk-table tr.el-item td:nth-child(2) { width: 33%; }

.tabela-zwyciezcow .uk-table tr.el-item:nth-child(2n) {
    /*background-color: #68c6ec;*/
    background-color: rgba(255,255,255,0.1);
}

.tabela-zwyciezcow .uk-table .uk-text-meta,
.tabela-zwyciezcow .uk-table .el-title,
.tabela-zwyciezcow .uk-table .el-content{ font-size: 22px; line-height: 1.3em; letter-spacing: normal; color: #002c69; font-weight: bold; font-family: 'SegoeUI'; }

.tabela-zwyciezcow span.bg-white {
    display: inline-block; padding: 3px 10px;
    background-image: url("/images/dla-dzieci/span-bg-white.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 100% 100%;
}


/*gryzzale dance*/

.gryzzale-dla-dzieci-page .paczka-postacie { display: flex; justify-content: flex-end; flex-direction: column; }
.gryzzale-dla-dzieci-page .paczka-postacie > div { margin-left: -100px; margin-bottom: -100px; }
@media only screen and (max-width: 990px) {
    .gryzzale-dla-dzieci-page .paczka-postacie > div { margin-left: -100px; margin-bottom:unset; }
}
@media only screen and (max-width: 640px) {
    .gryzzale-dla-dzieci-page .paczka-postacie > div { margin: auto; }
}

.gryzzale-dla-dzieci-page .baw-sie-wspaniale-postacie { margin-left: -140px; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-dzieci-page .baw-sie-wspaniale-postacie { margin-left: 0; margin: auto; max-width: 600px; float: none; }
}
.gryzzale-dla-dzieci-page .mocu-postac { margin-left: -140px; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-dzieci-page .mocu-postac { margin-left: unset; margin: auto; float: none; max-width: 600px; }
}
.gryzzale-dla-dzieci-page .lool-postac { margin-left: -140px; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-dzieci-page .lool-postac { margin-left: unset; margin: auto; float: none; max-width: 600px; }
}
.gryzzale-dla-dzieci-page .mega-postac { margin-left: -140px; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-dzieci-page .mega-postac { margin-left: unset; margin: auto; float: none; max-width: 600px; }
    .gryzzale-dla-dzieci-page .nuda-postac { margin-left: unset; margin: auto; float: none; max-width: 600px; }
}

@media only screen and (max-width: 560px) {
    .gryzzale-dla-dzieci-page .quiz-container .mega-postac { display: none; }
}

    /*dla dzieci*/

.color-white { color: white; }
.color-dark-blue{ color: #002c69; }
.background-color-transparent { background-color: transparent; }
.text-transform-uppercase { text-transform: uppercase; }
.align-self-flex-end { align-self: flex-end; }

.uk-section.background-color-transparent .uk-margin {
    height: 100%;
}
.uk-section.background-color-transparent .uk-margin iframe.uk-responsive-width{
    height: 100%;
}

.uk-section.background-color-transparent .player-wideo-yt {
    min-height: 330px; max-width: 580px; height: auto;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.5); margin-top: 60px;
}
.uk-section.background-color-transparent .player-wideo-yt > iframe {
    min-height: 330px;
}
.uk-section.background-color-transparent  .player-wideo-yt.right {
    float: right; width: 100%; }

.filmy-mocu.uk-margin {
    position: relative;
}
.filmy-mocu.uk-margin img {
    position: absolute;
    bottom: 0; max-width: unset;
    width: 133%; left: -30%;
}

.dr-nuda {
    position: absolute;
    bottom: -360px;
    mix-blend-mode: multiply;
    z-index: -1;
}

.filmy-gryzzale.mega.uk-section { margin-top: 10px !important; }
.filmy-tytul.uk-section { margin-top: 100px !important; }

@media only screen and (max-width: 1050px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 360px; }
}
@media only screen and (max-width: 980px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 320px; }
}

@media only screen and (max-width: 959px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 450px; }
    .filmy-mocu.uk-margin img { position: relative; }

    .filmy-gryzzale.mega .uk-grid .uk-width-2-3\@m {
        order: 2;
    }
    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m {
        order: 1;
    }
    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m .el-image {
        float: right; margin-top: -150px;
    }
    .filmy-tytul h1 br { display: none; }
    .filmy-tytul.uk-section { margin-top: 150px !important; }

    .filmy-mocu.uk-margin img { width: unset; left: unset; }

    .filmy-gryzzale.lool .uk-grid .uk-width-2-3\@m {
        order: 2;
    }
    .filmy-gryzzale.lool .uk-grid .uk-width-1-3\@m {
        order: 1;
    }
    .filmy-gryzzale.lool .uk-grid .uk-width-1-3\@m .el-image {
        float: right; max-height: 420px;
    }
    .uk-section.background-color-transparent .player-wideo-yt { max-width: unset; height: 100%; }
    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m .el-image {margin-top: -50px;}
}

@media only screen and (max-width: 640px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 360px; }
    .filmy-mocu .el-image { max-height: 300px; }
    .filmy-gryzzale.lool .el-image { max-height: 330px !important; }

    .uk-section.background-color-transparent .player-wideo-yt { min-height: 270px; }
    .uk-section.background-color-transparent .player-wideo-yt > iframe { min-height: 270px; }
}

@media only screen and (max-width: 600px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 260px; }
    .uk-section.background-color-transparent .player-wideo-yt > iframe { min-height: 260px; }
    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m .el-image {margin-top: 0px;}
}

@media only screen and (max-width: 500px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 270px; }
    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m .el-image {
        float: right; margin-top: -20px;
    }
    .filmy-tytul #page\#0-0-1-0 { max-width: unset; }
    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m .el-image {margin-top: 20px;}
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 210px; }
    .uk-section.background-color-transparent .player-wideo-yt > iframe { min-height: 210px; }
}

@media only screen and (max-width: 460px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 190px; }
    .uk-section.background-color-transparent .player-wideo-yt > iframe { min-height: 190px; }
}


@media only screen and (max-width: 400px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 210px; margin-top: 0; }
    .uk-section.background-color-transparent .player-wideo-yt > iframe { min-height: 160px; }



    .filmy-gryzzale.mega .uk-grid .uk-width-1-3\@m .el-image { max-height: 250px; margin-top: 10px; }
    .dr-nuda { bottom: -210px; }
    .filmy-gryzzale.lool .el-image { max-height: 280px !important; }
    .filmy-mocu .el-image { max-height: 260px; }
}

@media only screen and (max-width: 360px) {
    .uk-section.background-color-transparent .player-wideo-yt { min-height: 170px; }
}
    /*test mocy*/

.gryzzale-test-mocy #quiz-buttons,
.gryzzale-test-mocy #quiz-buttons:hover,
.gryzzale-test-mocy #quiz-buttons:hover::after,
.gryzzale-test-mocy #quiz-buttons::after,
.gryzzale-test-mocy #quiz-next-btn:hover,
.gryzzale-test-mocy #quiz-next-btn,
.gryzzale-test-mocy #quiz-finish-btn,
.gryzzale-test-mocy #quiz-finish-btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.gryzzale-test-mocy #quiz-header {  }
.gryzzale-test-mocy #quiz-header h1 { font-family: 'jembohandsregular'; color: white; }
.gryzzale-test-mocy .uk-container h1 { font-family: 'jembohandsregular'; line-height: 1.5em; }
#quiz-start-btn { width: 150px; background-color: white; color: #0e3a73; font-weight: 900; border: solid 4px white; }
#quiz-start-btn:hover { background-color: transparent; color: white; }
#questions { color: white; min-height: 200px; }
#quiz-counter { color: white; }
#quiz-home-btn {
    background-color: #fc0; padding: 2px 20px; border-radius: 4px; padding-top: 1px; padding-bottom: 3px;
    display: none;
}
.gryzzale-test-mocy #quiz-home-btn { display: none; }
.gryzzale-test-mocy .answers a { background-color: rgba(255,255,255,0.1); color: white; }
.gryzzale-test-mocy .answers a.incorrect { background-color: rgb(255,120,0); }
.gryzzale-test-mocy #quiz-results { text-align: center; color: white; }
.gryzzale-test-mocy #quiz-response { display: none !important; }
.gryzzale-test-mocy #quiz-controls { margin-top: 2em; background-color: transparent; }
.gryzzale-test-mocy #quiz-next-btn,
.gryzzale-test-mocy #quiz-finish-btn,
.gryzzale-test-mocy #quiz-restart-btn { font-weight: 900; width: 200px; display: inline-block; position: relative; }
.gryzzale-test-mocy #quiz-buttons { position: relative; }
.gryzzale-test-mocy #quiz-buttons::after {
    content: " ";  margin-left: 1em; background-repeat: no-repeat; display: inline-block; width: 80px; height: 40px;
    background-image: url("/images/dla-dzieci/next.png"); background-size: 48px; background-position: 0% 50%;
    margin-bottom: -10px;
}
.gryzzale-test-mocy #quiz-buttons:hover::after { background-position: 95% 50%; background-size: 38px; }
.gryzzale-test-mocy #quiz-next-btn:hover,
.gryzzale-test-mocy #quiz-finish-btn:hover{ background-color: #ffcc00; }
.gryzzale-test-mocy #quiz-buttons a { color:#0e3a73; padding-top: 4px; }
.gryzzale-dla-dzieci-page .uk-navbar-container > .uk-container .uk-navbar-right {
    margin-right: 0;
    width: calc(100% - 300px - 6%);
}
#quiz-response { /*visibility: hidden;*/ }
.gryzzale-test-mocy .quiz-controls-wrapper { /*min-height: 100px;*/ }
/*test mocy*/

/*mega quiz*/
.mega-quiz #quiz-header h1 { font-family: 'jembohandsregular'; color: white; }
.mega-quiz .uk-container h1 { font-family: 'jembohandsregular'; line-height: 1.5em; }
.mega-quiz .answers a { background-color: rgba(255,255,255,0.1); color: white; }
.mega-quiz #quiz-controls { margin-top: 0em; background-color: transparent; }
.mega-quiz #quiz-response { text-align: left; margin-bottom: 2em; font-size: 1.4em; }
.mega-quiz #quiz-response > span { font-weight: bold; color: #fc0; }

.mega-quiz #quiz-next-btn { border: solid 4px white; font-weight: bold; }
.mega-quiz #quiz-next-btn:hover { background-color: transparent; color: white; }

.mega-quiz .question-container .mega-quiz { display: flex; justify-content: space-between; }
.mega-quiz .question-container .mega-quiz .answers { width: calc(100% - 450px)}
.mega-quiz .question-container .mega-quiz .mega-postac { width: 400px; }
.mega-quiz #quiz-counter { display: none !important; }

.mega-quiz .question-container .mega-quiz .mega-postac {
    background-repeat: no-repeat; background-size: contain;
    background-position: bottom center; min-height: 300px; margin-top: -100px;
}

@media only screen and (max-width: 840px) {
    .mega-quiz .question-container .mega-quiz .answers { flex: 0.9; width: unset; }
    .mega-quiz .question-container .mega-quiz .mega-postac { flex:0.4; width: unset; }
}

@media only screen and (max-width: 640px) {
    .mega-quiz .question-container .mega-quiz { flex-wrap: wrap; }
    .mega-quiz .question-container .mega-quiz .answers { width: 100%; flex: unset; }
    .mega-quiz .question-container .mega-quiz .mega-postac {
        width: 100%; flex: unset; padding: 1px; margin-top: 0; min-height: 240px; }
}

.mega-quiz .question-container .mega-quiz .mega-postac.moc {  }
.mega-quiz .question-container .mega-quiz .mega-postac { background-image: url("/images/dla-dzieci/odpowiedzi/mega_1.png"); }
.mega-quiz .question-container .mega-quiz .mega-postac.lool {  }

.mega-quiz .question-container .mega-quiz .mega-postac.correct {
    background-image: url("/images/dla-dzieci/odpowiedzi/mega_3.png");
}
.mega-quiz .question-container .mega-quiz .mega-postac.incorrect {
    background-image: url("/images/dla-dzieci/odpowiedzi/mega_2.png");
}
/*mega quiz*/

/*zabawa loola*/
.gryzzale-dla-dzieci-page.zabawa-lola .tm-header { z-index: 41; }
.gryzzale-dla-dzieci-page.zabawa-lola .uk-section-default.head .uk-section { position: relative; }
.gryzzale-dla-dzieci-page.zabawa-lola .uk-section-default.head .uk-section::after {
    content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 30%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009b73+0,009b73+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,155,115,0) 0%, rgba(0,155,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009b73', endColorstr='#009b73',GradientType=0 ); /* IE6-9 */
}

.gryzzale-dla-dzieci-page.zabawa-lola .uk-section-default.head .uk-section .uk-container { position: relative; z-index: 40; }

.gryzzale-dla-dzieci-page.zabawa-lola .uk-section-default.head .uk-section { min-height: 560px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; }

.gryzzale-dla-dzieci-page.zabawa-lola .uk-section-default.head .uk-section .uk-container {
    width: 100%; position: relative; z-index: 40;
}
.gryzzale-dla-dzieci-page.zabawa-lola .uk-section-default.head h1{
    color: white; font-family: "kontiki","SegoeUI",Serif; font-size: 60px; font-weight: bold;
}

    /*zabawa loola*/



/*stopka*/
.footer-1 strong { color: white; }
.footer-2 > p { text-transform: uppercase; }
/*stopka*/

/* dla rodzicow */
.gryzzale-dla-rodzicow-page .uk-navbar { z-index: 10; }
.gryzzale-dla-rodzicow-page .uk-navbar-container .uk-navbar .uk-navbar-left { display: block; position:relative; display: none; }

.gryzzale-dla-rodzicow-page .uk-navbar-container {
    background-color: #ee7202; filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.4)); }
.gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section {
    display: flex; flex-direction: column; justify-content: flex-end; }
.gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section .uk-container {
    width: 100%; position: relative; z-index: 40; box-sizing: border-box;
}
.gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section .uk-container h1 { font-size: 60px; font-weight: bold; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section .uk-container h1 {
        font-size: 50px; line-height: 1.4em; }
}
@media only screen and (max-width: 640px) {
    .gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section .uk-container h1 {
        font-size: 40px; }
}

.gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section { min-height: 560px; position: relative; }
.gryzzale-dla-rodzicow-page .uk-section-default.head .uk-section::after {
    content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 20%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009b73+0,009b73+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,155,115,0) 0%, rgba(0,155,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009b73', endColorstr='#009b73',GradientType=0 ); /* IE6-9 */
}

.gryzzale-dla-rodzicow-page.przepisy-i-inspiracje .uk-section-default.head .uk-section::after{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004999+0,004999+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,73,153,0) 0%, rgba(0,73,153,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004999', endColorstr='#004999',GradientType=0 ); /* IE6-9 */
}

/*.gryzzale-dla-rodzicow-page .uk-section-default.head { margin-top: -80px; }*/

.gryzzale-dla-rodzicow-page .uk-navbar-nav > li > a {
    font-size: 16px; letter-spacing: normal; font-family: "SegoeUI"; font-weight: 600;
    min-height: 70px;
}



.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right {
    margin-right: 0; justify-content: flex-end;
    width: calc(100% - 300px - 6%);
}
@media only screen and (max-width: 1024px) {
    .gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right { width: calc(100% - 250px - 6%); }
}

.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav {
    width: 100%; justify-content: center;
}
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li {
    /*width: 14.28%;*/ text-align: center; /*max-width: 145px;*/ flex:1.3;
}
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li:nth-child(2){
    flex:1.5;
}
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li:nth-child(5){
    flex:0.9;
}
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li:nth-child(4),
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li:nth-child(6){
    flex:2;
}
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li a {
    color: white; position: relative;
}
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li a::after {
    display: block; content: ""; border-right: 2px solid white; height: 20px; position: absolute; right: 0;
    top: calc(50% - 10px);
}

.gryzzale-dla-rodzicow-page .uk-navbar-nav > li > a:hover,
.gryzzale-dla-rodzicow-page .uk-navbar-container > .uk-container .uk-navbar-right .uk-navbar-nav > li a:hover {
    color:#5D2C00;
}


.gryzzale-grid .uk-grid > div .uk-panel{  }
.gryzzale-grid .uk-grid > div .uk-panel > .uk-margin-top .el-link.uk-button { display: none; }
.gryzzale-grid .uk-grid > div a.uk-panel.el-item div.uk-margin-top:last-child { display: none; background-color: #009b73; }

@media only screen and (max-width: 959px) {
    .gryzzale-grid .uk-grid > div .uk-panel { max-width: 360px; }
}

.gryzzale-grid .uk-grid > div .uk-panel .el-title {
    position: absolute; display: block;
    bottom: 0; width: 100%; font-family: unset; box-sizing: border-box; padding: 1em;
    font-weight: 600; line-height: 1.1em; color: white; padding-top: 3em;
    text-shadow: 1px 1px #000000;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009b73+0,009b73+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,155,115,0) 0%, rgba(0,155,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009b73', endColorstr='#009b73',GradientType=0 ); /* IE6-9 */

}

.gryzzale-dla-rodzicow-page.przepisy-i-inspiracje .gryzzale-grid .uk-grid > div .uk-panel .el-title{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004999+0,004999+100&0+0,1+100 */
        background: -moz-linear-gradient(top,  rgba(0,73,153,0) 0%, rgba(0,73,153,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004999', endColorstr='#004999',GradientType=0 ); /* IE6-9 */
}



.gryzzale-grid .uk-grid > div .uk-panel .el-title.uk-margin-top { margin-top: 0 !important; }
.gryzzale-grid .uk-grid > div .uk-panel:hover .el-title { text-decoration: underline; }

.gryzzale-grid.purple .uk-grid > div .uk-panel .el-title {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e0049+0,8e016e+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(94,0,73,0) 0%, rgba(142,1,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(94,0,73,0) 0%,rgba(142,1,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(94,0,73,0) 0%,rgba(142,1,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e0049', endColorstr='#8e016e',GradientType=0 ); /* IE6-9 */
}
.gryzzale-grid.blue .uk-grid > div .uk-panel .el-title {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004999+0,004999+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,73,153,0) 0%, rgba(0,73,153,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004999', endColorstr='#004999',GradientType=0 ); /* IE6-9 */
}

.dla-rodzicow-main-head {  }
.dla-rodzicow-main-head .uk-section { width: 100%; min-height: 560px; min-height: 90vh; }

.gryzzale-dla-rodzicow-page .head-purple.uk-section-default { margin-top:40px; position: relative;  }
.gryzzale-dla-rodzicow-page .head-purple.uk-section-default:hover h1 { text-decoration: underline; }
.gryzzale-dla-rodzicow-page .head-purple.uk-section-default .uk-section { min-height: 520px; }
.gryzzale-dla-rodzicow-page .head-purple.uk-section-default::after { content: ""; display: block; position: absolute; width: 100%; bottom: 0; height: 45%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e0049+0,8e016e+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(94,0,73,0) 0%, rgba(142,1,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(94,0,73,0) 0%,rgba(142,1,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(94,0,73,0) 0%,rgba(142,1,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e0049', endColorstr='#8e016e',GradientType=0 ); /* IE6-9 */


}
.gryzzale-dla-rodzicow-page .head-purple.uk-section-default .uk-section .uk-width-1-2\@m {
    display: flex; align-items: flex-end; justify-content: flex-end; position: relative;
    z-index: 20; text-shadow: 1px 1px #000;
}
@media only screen and (max-width: 959px){
    .gryzzale-dla-rodzicow-page .head-purple.uk-section-default .uk-section .uk-width-1-2\@m { justify-content: flex-start; }
}


.gryzzale-dla-rodzicow-page .head-blue.uk-section-default { position: relative;  }
.gryzzale-dla-rodzicow-page .head-blue.uk-section-default:hover h1 { text-decoration: underline; }
.gryzzale-dla-rodzicow-page .head-blue.uk-section-default .uk-section { min-height: 520px; }
.gryzzale-dla-rodzicow-page .head-blue.uk-section-default::after { content: ""; display: block; position: absolute; width: 100%; bottom: 0; height: 45%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004999+0,004999+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,73,153,0) 0%, rgba(0,73,153,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,73,153,0) 0%,rgba(0,73,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004999', endColorstr='#004999',GradientType=0 ); /* IE6-9 */

}
.gryzzale-dla-rodzicow-page .head-blue.uk-section-default .uk-section .uk-width-1-2\@m {
    display: flex; align-items: flex-end; justify-content: flex-end; position: relative;
    z-index: 22; flex-wrap: wrap; text-shadow: 1px 1px #000;
}
.gryzzale-dla-rodzicow-page .head-blue.uk-section-default .uk-section .uk-width-1-2\@m h1 { width: 100%; }
.gryzzale-dla-rodzicow-page .head-blue.uk-section-default .uk-container .uk-panel{
    font-size: 22px; font-weight: bold; line-height: 1.3em;
}

.gryzzale-dla-rodzicow-page .head-green.uk-section-default { position: relative;  }
.gryzzale-dla-rodzicow-page .head-green.uk-section-default:hover h1 { text-decoration: underline; }
.gryzzale-dla-rodzicow-page .head-green.uk-section-default .uk-section { min-height: 520px; }
.gryzzale-dla-rodzicow-page .head-green.uk-section-default::after { content: ""; display: block; position: absolute; width: 100%; bottom: 0; height: 45%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009b73+0,009b73+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,155,115,0) 0%, rgba(0,155,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,155,115,0) 0%,rgba(0,155,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009b73', endColorstr='#009b73',GradientType=0 ); /* IE6-9 */
}
.gryzzale-dla-rodzicow-page .head-green.uk-section-default .uk-section .uk-width-1-2\@m {
    display: flex; align-items: flex-end; justify-content: flex-end; position: relative;
    z-index: 24; flex-wrap: wrap; text-shadow: 1px 1px #000;
}
.gryzzale-dla-rodzicow-page .head-green.uk-section-default .uk-section .uk-width-1-2\@m h1 { width: 100%; }
.gryzzale-dla-rodzicow-page .head-green.uk-section-default .uk-container .uk-panel{
    font-size: 22px; font-weight: bold; line-height: 1.3em;
}

.gryzzale-dla-rodzicow-page .head-black.uk-section-default { position: relative; margin-bottom: 0px; }
.gryzzale-dla-rodzicow-page .head-black.uk-section-default .uk-section { min-height: 520px; }

.gryzzale-dla-rodzicow-page .head-black.uk-section-default:hover h1 { text-decoration: underline; color: white !important; }

.gryzzale-dla-rodzicow-page .head-black.uk-section-default .uk-section::after { background: none; }
.gryzzale-dla-rodzicow-page .head-black.uk-section-default::after { content: ""; display: block; position: absolute; width: 100%; bottom: 0; height: 45%;

    background: -moz-linear-gradient(top,  rgba(0,73,153,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,73,153,0) 0%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom,  rgba(0,73,153,0) 0%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004999', endColorstr='#66000000',GradientType=0 );

}

.gryzzale-dla-rodzicow-page .head-black.uk-section-default .uk-section .uk-width-1-2\@m {
    display: flex; align-items: flex-end; justify-content: flex-end; position: relative;
    z-index: 24; flex-wrap: wrap;
}
.gryzzale-dla-rodzicow-page .head-black.uk-section-default .uk-section .uk-width-1-2\@m h1 { width: 100%; color: #082c65; margin-bottom: 0; }
.gryzzale-dla-rodzicow-page .head-black.uk-section-default .uk-container .uk-panel{
    font-size: 22px; font-weight: bold; line-height: 1.3em; color: #082c65;
}

.blue .uk-button-default { background-color: #38b5e6; color: white; border-color:#38b5e6; }
.green .uk-button-default { background-color: #079e74; color: white; border-color:#079e74; }
.dark-blue .uk-button-default { background-color: #082c65; color: white; border-color:#082c65; }

.blue .uk-button-default:hover{ background-color: transparent; color: #38b5e6; }
.green .uk-button-default:hover{ background-color: transparent; color: #079e74; }
.dark-blue .uk-button-default:hover{ background-color: transparent; color: #082c65; }

.gryzzale-dla-rodzicow-page .tm-page { background-color: white; }

.gryzzale-dla-rodzicow-page .uk-section.porady .tm-grid-expand{ max-width: 1000px; margin: auto; }
.gryzzale-dla-rodzicow-page .uk-section.porady { color: black; }
.gryzzale-dla-rodzicow-page h2 { font-family: "SegoeUI"; }
.gryzzale-dla-rodzicow-page h1 { font-family: "kontiki",sans-serif; font-size: 60px; line-height: 1.1em; }
.gryzzale-dla-rodzicow-page h1.font-family-jembohands{ font-family: 'jembohandsregular'; }
@media only screen and (max-width: 959px){
    .gryzzale-dla-rodzicow-page h1 { font-size: 50px; }
}
@media only screen and (max-width: 640px){
    .gryzzale-dla-rodzicow-page h1 { font-size: 40px; }
}

@media only screen and (max-width: 360px){
    .gryzzale-dla-rodzicow-page h1 { font-size: 34px; }
}


.gryzzale-dla-rodzicow-page .sekcja-dobry-wybor .uk-container .uk-width-1-2\@m .el-image { width: 100%; }
.gryzzale-dla-rodzicow-page .sekcja-dobry-wybor .uk-container .uk-width-1-2\@m h2 {
    box-sizing: border-box; padding: 20px; font-weight: bold; color: rgb(142,1,110); margin-bottom: 0;
}
.gryzzale-dla-rodzicow-page .sekcja-dobry-wybor .uk-container .uk-width-1-2\@m p {
    box-sizing: border-box; padding: 20px; color: black; margin: 0;
}

    /* dla rodzicow */

/* przepisy */
.przepisy.uk-section {}
.przepisy.uk-section h2 { color: #003399; font-size:26px;
    line-height: 1.2em; font-weight: bold; }
.przepisy.uk-section ul { color: #003366; }
.przepisy.uk-section { color: #003366; }


.przepisy.uk-section ul > li { padding:0.5em 0; border-bottom: solid 1px #003366; }
.przepisy.uk-section ul > li:last-child { border-bottom: none; }

.przepisy.uk-section .uk-heading-bullet.skladniki,
.przepisy.uk-section .uk-heading-bullet.danie,
.przepisy.uk-section .uk-heading-bullet.smacznego,
.przepisy.uk-section .uk-heading-bullet.przygotowanie { display: flex; align-items: center; }

.przepisy.uk-section .uk-heading-bullet.skladniki:before,
.przepisy.uk-section .uk-heading-bullet.danie:before,
.przepisy.uk-section .uk-heading-bullet.smacznego:before,
.przepisy.uk-section .uk-heading-bullet.przygotowanie:before {
    border-left: none; height: 100%; top: 5px;
}

.przepisy.uk-section .uk-heading-bullet.danie:before {
    content: url("/images/dla-rodzicow/ikony/danie.png"); }
.przepisy.uk-section .uk-heading-bullet.skladniki:before {
    content: url("/images/dla-rodzicow/ikony/skladniki.png"); }
.przepisy.uk-section .uk-heading-bullet.smacznego:before {
    content: url("/images/dla-rodzicow/ikony/smacznego.png"); }
.przepisy.uk-section .uk-heading-bullet.przygotowanie:before {
    content: url("/images/dla-rodzicow/ikony/przygotowanie.png"); }

/* przepisy */

/*okno modalne test mocy*/
.gryzzale-test-mocy .blocker {
    background-color: rgba(2,30,120,0.75);
    display: flex;
}
.gryzzale-test-mocy div.modal {
    position: relative; max-height: 500px; left: unset; top: unset;
    margin-left: unset; margin: auto; border-radius: 0; background-color: transparent;
    box-shadow: none; max-width: 800px; width: 90%;
}
@media only screen and (max-width: 420px){
    .gryzzale-test-mocy div.modal{ max-height: none; width: 100%; padding: 15px 5px; }
}

.gryzzale-test-mocy div.modal .wynik-testu-wrapper {
 padding: 2em; color: white; border-radius: 20px;
    border: solid 4px white; position: relative;
}
.gryzzale-test-mocy div.modal.modal-test-mocy.sila .wynik-testu-wrapper {
    background-color: #0382c5;
}
.gryzzale-test-mocy div.modal.modal-test-mocy.humor .wynik-testu-wrapper {
    background-color: #009e73;
}
.gryzzale-test-mocy div.modal.modal-test-mocy.spryt .wynik-testu-wrapper {
    background-color: #c073a6;
}

.gryzzale-test-mocy div.modal .wynik-testu-wrapper h1 {
    font-family: 'jembohandsregular'; color: white; font-size: 30px;
    position: relative; z-index: 3;
}
.gryzzale-test-mocy div.modal .wynik-testu-wrapper h1 > span {
    display: inline-block; padding: 18px; font-size: 20px; padding-top: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.gryzzale-test-mocy .modal-test-mocy.sila .wynik-testu-wrapper h1 > span{
    background-image: url("/images/dla-dzieci/postacie/mocu-span.png");
}
.gryzzale-test-mocy .modal-test-mocy.spryt .wynik-testu-wrapper h1 > span{
    background-image: url("/images/dla-dzieci/postacie/mega-span.png");
}
.gryzzale-test-mocy .modal-test-mocy.humor .wynik-testu-wrapper h1 > span{
    background-image: url("/images/dla-dzieci/postacie/lool-span.png");
}

.gryzzale-test-mocy .modal-test-mocy .udostepnij {
    display:none;
    color: white; font-weight: bold; padding: 0.5em 2em;
    border-radius: 3px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a66b6+0,3a57a1+100 */
    background: rgb(74,102,182); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(74,102,182,1) 0%, rgba(58,87,161,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(74,102,182,1) 0%,rgba(58,87,161,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(74,102,182,1) 0%,rgba(58,87,161,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a66b6', endColorstr='#3a57a1',GradientType=0 ); /* IE6-9 */


}

.gryzzale-test-mocy div.modal .wynik-testu-wrapper .opis { width: 60%; }
.gryzzale-test-mocy div.modal .wynik-testu-wrapper .postac {
    position: absolute; bottom: 0; right: -2%;
}
@media only screen and (max-width: 800px) {
    .gryzzale-test-mocy div.modal .wynik-testu-wrapper .postac { max-width: 230px; }
}
@media only screen and (max-width: 640px) {
    .gryzzale-test-mocy div.modal .wynik-testu-wrapper .postac { display: block; margin: auto; max-width: 180px; position: relative; }
    .gryzzale-test-mocy div.modal .wynik-testu-wrapper .opis { width: 100%; }
}

.gryzzale-test-mocy .modal-test-mocy.spryt .wynik-testu-wrapper .postac{
    max-width: 310px; bottom: 120px;
}
@media only screen and (max-width: 800px) {
    .gryzzale-test-mocy .modal-test-mocy.spryt .wynik-testu-wrapper .postac {
        bottom: -20px; max-width: 250px; right: -7%;
    }
}
@media only screen and (max-width: 640px) {
    .gryzzale-test-mocy .modal-test-mocy.spryt .wynik-testu-wrapper .postac{
        display: block; margin: auto; max-width: 200px; position: relative;
    }
}

.gryzzale-test-mocy .modal-test-mocy.humor .wynik-testu-wrapper .postac{
    max-width: 310px; bottom: -64px;
}
@media only screen and (max-width: 800px) {
    .gryzzale-test-mocy .modal-test-mocy.humor .wynik-testu-wrapper .postac {
        max-width: 250px; bottom: -4px;
    }
}
@media only screen and (max-width: 640px) {
    .gryzzale-test-mocy .modal-test-mocy.humor .wynik-testu-wrapper .postac {
        display: block; margin: auto; max-width: 200px; position: relative;
    }
}

.gryzzale-test-mocy .modal a.close-modal {
    background-image: url("/images/dla-dzieci/postacie/close.png");
}
/*okno modalne test mocy*/

/*okno modalne mega quiz*/

.mega-quiz .blocker {
    background-color: rgba(127,8,95,0.8);
    display: flex;
}

.mega-quiz div.modal {
    position: relative; max-height: 560px; left: unset; top: unset;
    margin-left: unset; margin: auto; border-radius: 0; background-color: transparent;
    box-shadow: none; max-width: 800px; width: 90%;
}

.mega-quiz div.modal .wynik-testu-wrapper {
    padding: 2em; color: white; border-radius: 20px;
    border: solid 4px white; position: relative;
    display: flex;
}
@media only screen and (max-width: 800px) {
    .mega-quiz div.modal .wynik-testu-wrapper { flex-wrap: wrap; }
}


.mega-quiz div.modal.modal-mega-quiz .wynik-testu-wrapper {
    background-color: #0382c5;
}
.mega-quiz div.modal.modal-mega-quiz.modal-mega-quiz-porazka .wynik-testu-wrapper {
    background-color: #c92222; position: relative;

}
.mega-quiz div.modal.modal-mega-quiz.modal-mega-quiz-porazka .wynik-testu-wrapper::before{
    content: "";  position: absolute; top: -29px; left: -29px; background-size: contain; background-repeat: no-repeat;
    width: 58px; height: 58px; background-image: url("/images/dla-dzieci/postacie/down.png");
}

.mega-quiz div.modal .wynik-testu-wrapper h1 {
    font-family: 'jembohandsregular'; color: white; font-size: 30px;
    text-transform: uppercase;
}

.mega-quiz .modal a.close-modal {
    background-image: url("/images/dla-dzieci/postacie/close.png");
}

.mega-quiz div.modal .wynik-testu-wrapper .modal-strona-lewa { width: 70%; position: relative; z-index: 10; }
.mega-quiz div.modal .wynik-testu-wrapper .modal-strona-prawa { width: 30%; position: relative; }
.mega-quiz div.modal .wynik-testu-wrapper .modal-strona-prawa .postac {
    display: block; position: absolute; bottom: -33px; right: -80px;
    max-width: unset; max-width: 470px;
}

@media only screen and (max-width: 800px) {
    .mega-quiz div.modal .wynik-testu-wrapper .modal-strona-lewa { width: 100%; }
    .mega-quiz div.modal .wynik-testu-wrapper .modal-strona-prawa { width: 100%; }
    .mega-quiz div.modal .wynik-testu-wrapper .modal-strona-prawa .postac {
        position: relative; max-width: 290px; float: right; margin-right: -40px;
        margin-bottom: -32px; margin-top: -270px; bottom: unset; right: unset;
    }
    .modal-mega-quiz.modal-mega-quiz-porazka .wynik-testu-wrapper .modal-strona-prawa .postac{
        margin-top: -240px !important;
    }
}
@media only screen and (max-width: 640px){
    .mega-quiz div.modal .wynik-testu-wrapper .modal-strona-prawa .postac {
        margin-top: -50px;
    }
    .modal-mega-quiz.modal-mega-quiz-porazka .wynik-testu-wrapper .modal-strona-prawa .postac{
        margin-top: -10px !important;
    }
    .mega-quiz div.modal { width: 100%; max-height: unset !important; }
}
@media only screen and (max-width: 380px){
    .mega-quiz div.modal .wynik-testu-wrapper { padding: 2em 0.5em; }
}
@media only screen and (max-width: 360px){
    .mega-quiz .blocker { padding: 10px; padding-left: 0; }
}
@media only screen and (max-width: 330px){
    .mega-quiz div.modal .wynik-testu-wrapper h1 { font-size: 24px; }
}


.modal-mega-quiz-pobierz,
.modal-mega-quiz-zagraj-raz-jeszcze {
    display: block; width: 180px;
    background-color: white;
    color: #0e3a73; padding: 0.2em 1em; padding-bottom: 8px;
    font-weight: 900; border-radius: 10px; text-align: center;
}

/*okno modalne mega quiz*/

.uk-text-muted { color:#74b7ff !important; }
.tmp { border: solid 1px #00FF00; box-sizing: border-box !important; }

/* dane slider */
#tiktok-slider a.tiktok-slide {
	height: 380px;
    display: inline-block;
    box-sizing: border-box; padding: 1em;
}
#tiktok-slider a.tiktok-slide > .tiktok-slide-inner {
    display: inline-block; width: 100%; height: 100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    border-radius: 3px; border:solid 3px white;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

#tiktok-slider  .slick-slide > div {

}

.tiktok-slider.uk-slider {

}
.tiktok-slider.uk-slider .uk-slider-items .el-item {
    width: 25%;
}

.tiktok-slider.uk-slider .uk-slider-items .el-item .tiktok-image {

}
.tiktok-slider.uk-slider .uk-slider-items .el-item .tiktok-image > p {
    display: block;
}
.tiktok-slider.uk-slider .uk-slider-items .el-item .tiktok-image > p a {
    display: block; width: 100%; height: 100%;
    box-sizing: border-box; border:solid 3px white;  border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

.tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image{
    height: 560px;
}
@media only screen and (max-width: 959px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item { width: 33.33%; }
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 790px; }
}

@media only screen and (max-width: 800px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 670px; }
}
@media only screen and (max-width: 720px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 590px; }
}
@media only screen and (max-width: 660px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 510px; }
}
@media only screen and (max-width: 640px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item { width: 50%; }
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 790px; }
}
@media only screen and (max-width: 580px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 700px; }
}
@media only screen and (max-width: 480px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 580px; }
}
@media only screen and (max-width: 440px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 540px; }
}
@media only screen and (max-width: 420px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 500px; }
}
@media only screen and (max-width: 400px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 480px; }
}
@media only screen and (max-width: 370px) {
    .tiktok-slider.uk-slider .uk-slider-items .el-item { width: 100%; }
    .tiktok-slider.uk-slider .uk-slider-items .el-item .uk-cover-container > .el-image { height: 880px; }
}

/*responsywnosc*/
.uk-navbar-toggle .uk-icon.uk-navbar-toggle-icon > svg { fill: white; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-dzieci-page .uk-navbar-container .uk-navbar .uk-navbar-left {
        display: block;
    }
}
/*responsywnosc*/

/*offcanvas*/
.uk-offcanvas-bar { background-color: rgba(255,255,255,0.96); }
.uk-offcanvas-bar .uk-close { color: rgb(255,120,0); }
.uk-offcanvas-bar .uk-close:hover { background-color: rgb(255,120,0); }
.uk-offcanvas-bar .uk-close > svg { width: 24px; height: 24px; }
.uk-offcanvas-bar .uk-nav-default > li > a { color: black; }
.uk-offcanvas-bar .uk-nav-default > li > a:hover{ color:rgb(255,120,0); }
.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { color: #5D2C00; }
.uk-offcanvas-bar .uk-nav-default { font-size: 1.6em; font-family: "kontiki",sans-serif; }
#module-menu-mobile .uk-nav.uk-nav-default { margin-top: 1.6em; line-height: 1.3em; }
/*offcanvas*/

.gryzzale-dla-dzieci-page #system-message-container { padding-top: 89px; }
@media only screen and (max-width: 959px) {
    .gryzzale-dla-dzieci-page #system-message-container { padding-top: 0; }
}

/* gryzzale popup */
.gryzzale-voice-kids .eb-dialog.rstbox { filter: drop-shadow(0px 0px 40px rgba(0,0,0,0.6)); }
.gryzzale-voice-kids .eb-dialog { height: 100vh; min-height: 560px; max-height: 710px; overflow: unset; }
.gryzzale-voice-kids .eb-dialog .logo-voice {
    min-height: 170px; background-image: url("/images/dla-dzieci/voice-logo.png"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: contain; text-align: center; color: transparent;
}
.gryzzale-voice-kids .eb-content.rstbox-content {
    display: flex; flex-direction: column;
    justify-content: flex-end;
    align-items: center; height: calc(100vh - 0px); min-height: calc(560px - 0px); max-height: calc(620px - 0px);
    box-sizing: border-box;
    padding-bottom: 70px;
}
.gryzzale-voice-kids .eb-dialog .logo-voice { width: 100%; position: absolute; bottom: -20px; }
.gryzzale-voice-kids .yt-iframe-wrapper {
    position: relative; background-color: azure; width: 100%; max-width: 460px;
    width: 100%; padding-bottom: 45%; border-radius: 0px;
}
.gryzzale-voice-kids .yt-iframe-wrapper .video-ratio { position: absolute; width: 100%; height: 100%; padding: 0px; }
.gryzzale-voice-kids .eb-close { width: 40px; height: 40px; top: 40px; right: 40px; }

@media only screen and (max-width: 639px) {
    .gryzzale-voice-kids .eb-dialog.rstbox { max-width: 500px !important; background-position: center 60px !important; }
    .gryzzale-voice-kids .yt-iframe-wrapper { max-width: 380px; }
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 120px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { min-height: 120px; bottom: 44px; }
    .gryzzale-voice-kids .eb-close { top: 80px; }
}

@media only screen and (max-width: 520px) {
    .gryzzale-voice-kids .eb-dialog.rstbox { background-size: 510px !important; }
    .gryzzale-voice-kids .yt-iframe-wrapper { width: 100%; padding-bottom: 50%; }
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 100px; }

}

@media only screen and (max-width: 470px) {
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 120px; }
    .gryzzale-voice-kids .eb-close { right: 20px; }
}

@media only screen and (max-width: 440px) {
    .gryzzale-voice-kids .eb-dialog.rstbox { padding: 0 !important; }
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 80px; }
}

@media only screen and (max-width: 420px) {
    .gryzzale-voice-kids .eb-dialog.rstbox { background-size: 420px !important; }
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 130px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { bottom: 104px; }
}

@media only screen and (max-width: 400px) {
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 130px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { bottom: 104px; }
}

@media only screen and (max-width: 380px) {
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 120px; }
    .gryzzale-voice-kids .eb-dialog.rstbox { background-position: center 80px !important; }
}

@media only screen and (max-width: 360px) {
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 130px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { bottom: 94px; }
}

@media only screen and (max-width: 340px) {
    .gryzzale-voice-kids .eb-content.rstbox-content { padding-bottom: 130px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { min-height: 110px; bottom: 94px; }
    .gryzzale-voice-kids .yt-iframe-wrapper { padding-bottom: 56%; }
    .gryzzale-voice-kids .eb-close { right: 5px; }
}

@media only screen and (orientation: landscape) and (max-width: 768px) {
    .eb-inst.eb-1.gryzzale-voice-kids.rstbox { align-items: flex-start; position: absolute; }
    .gryzzale-voice-kids .eb-dialog.rstbox { background-position: center 0px !important; }
    .gryzzale-voice-kids .eb-close { right: 60px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { max-height: 80px; }
    .gryzzale-voice-kids .eb-dialog .logo-voice { min-height: 80px; }
}

/* gryzzale popup */