@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700, 900');
body,html
{
    padding:0;margin:0;background-image: url("../img/tlo2.png"); ;font-family:'Open Sans',sans-serif;position:relative
}
a
{
    text-decoration:none;color:inherit;font-weight:400;font-style:italic
}
    a:hover
    {
        color:#fff
    }
    .container_content a:hover
    {
        text-decoration:none
    }
    @keyframes opacity
    {
        from{opacity:0}to{opacity:1}
    }
    .header p
    {
        text-align:center
    }
    .header img
    {
        margin:0 auto;display:block
    }
    .header_content
    {
        color:#155a9d;font-size:18px;font-style:italic
    }
    .hamb
    {
        display:none;
    }
    .hamb span img
    {
        display:none;
    }
    .hamb_content
    {
        display:none;font-size:10px;font-weight:600;letter-spacing:1px;line-height:18px
    }
    .menu ul
    {
        list-style-type:none;text-align:center;padding:0;margin:0;
        display:flex;
        flex-wrap:wrap;
    }
    .menu ul li.onas
        {
            background-image:url(../img/icons/menu/aboutus.png);background-color:#9db107
        }
        .menu ul li.galeria
        {
            background-image:url(../img/icons/menu/camera.png);background-color:#ecc709
        }
        .menu ul li.dojazd
        {
            background-image:url(../img/icons/menu/car.png);background-color:#ac2a74
        }
        .menu ul li.oferta
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#155a9d
        }
        .menu ul li.matema-online
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ac2a74
        }
        .menu ul li.polecane
        {
            background-image:url(../img/icons/menu/recommended.png);background-color:#9db107
        }
        .menu ul li.gry_matematyczne
        {
            background-image:url(../img/icons/menu/cubes.png);background-color:#155a9d
        }
        .menu ul li.dzieci
        {
            background-image:url(../img/icons/menu/kids.png);background-color:#155a9d
        }
        .menu ul li.katowice
        {
            background-image:url(../img/icons/menu/robotomat2.png);background-color:#155a9d;
        }
        .menu ul li.robotomat
        {
            background-image:url(../img/icons/menu/robotomat2.png);background-color:#ecc709;
        }
        .menu ul li.poznan
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#155a9d;
        }
        .menu ul li.kielce
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ecc709;
        }
        .menu ul li.krakow
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ac2a74;
        }
        .menu ul li.warszawa
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#01aab1;
        }
        .menu ul li.zabrze, .menu ul li.czestoch, .menu ul li.krakoww
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#9db107;
        }
        .menu ul li.wroclaw, .menu ul li.krakowz
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#155a9d;
        }
        .menu ul li.rybnik, .menu ul li.lodz, .menu ul li.szdn
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#01aab1;
        }
        .menu ul li.pomorze, .menu ul li.olkusz
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ac2a74;
        }
        .menu ul li.gdansk, .menu ul li.tychy
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ecc709;
        }
        .menu ul li.width25 {
            width:25%;
        }
        .menu ul li.width50 {
            width:50%;
        }
        .menu ul li.maturzysci
        {
            background-image:url(../img/icons/menu/sandglass.png);background-color:#01aab1
        }
        .menu ul li.franczyza
        {
            background-color:#01aab1;width: 60%;
        }
        .menu ul li.studenci
        {
            background-image:url(../img/icons/menu/graduation.png);background-color:#9db107
        }
        .menu ul li.yt-menu
        {
            background-color:#FF0000;width: 50%;
        }
        .menu ul li.fb-menu
        {
            background-color:#4267B2;width: 50%;
        }
    .sidebar ul
    {
        list-style-type:none;float:right;margin-top:0;text-align: center;display: none;
    }
    .sidebar ul li
    {
        width:230px;font-size:12px;font-weight:600;letter-spacing:2px;line-height:30px;padding:3px 0 3px 7px;text-transform:uppercase;overflow:hidden;height:30px
    }
    .sidebar ul li:nth-child(5n+1)
    {
        background-color:#9db107
    }
    .sidebar ul li:nth-child(5n+2)
    {
        background-color:#155a9d
    }
    .sidebar ul li:nth-child(5n+3)
    {
        background-color:#01aab1
    }
    .sidebar ul li:nth-child(5n+4)
    {
        background-color:#ac2a74
    }
    .sidebar ul li:nth-child(5n+5)
    {
        background-color:#ecc709
    }
    .menu ul li
    {
        font-weight:600;font-size:22px;padding:20px 0;letter-spacing:4px;color:#fff;text-transform:uppercase;cursor:pointer;background-size:48px auto;background-repeat:no-repeat;background-position:right -4px center;
    }
    .menu ul li a,.sidebar ul li a
    {
        color:#fff;display:inline-block;height:100%;width:100%;font-weight:600;font-style:normal;transition: transform 0.6s;
    }
    .menu ul li.has_submenu ul
    {
        display:none
    }
    .menu ul li.active a,.menu ul li:not(.has_submenu):hover a,.sidebar ul li:hover a
    {
        transform: scale(1.1);
    }
    .menu ul li.active a
    {
        font-weight:900
    }
    .has_submenu
    {
        position:relative
    }
    .has_submenu ul
    {
        position:absolute;top:70px;box-shadow:-2px 2px 2px rgba(0,0,0,.2);width:100%;display:block;z-index:3
    }
    .has_submenu ul li
    {
        display:block;width:100%!important
    }
    #tabela_yt
    {
        border:none;border-collapse:collapse;font-size:12px;line-height:100%;text-align:center;width:500px;margin-top:25px
    }
    #tabela_yt tr:nth-child(even)
    {
        background:rgba(75,164,246,.3);border:none
    }
    #tabela_yt td:nth-child(even),#tabela_yt th:nth-child(even)
    {
        border-left:solid 2px #fff;width:500px;border:none
    }
    #tabela_yt th
    {
        font-size:14px;font-weight:700;padding:5px 0;line-height:24px
    }
    #tabela_yt tr td:first-child,#tabela_yt tr th:first-child
    {
        display:none
    }
    #tabela_yt td a
    {
        color:navy;text-decoration:none;padding:11px 0;width:100%;height:100%;display:block
    }
    #tabela_yt td a:hover
    {
        text-decoration:underline;background:rgba(0,0,255,.25)
    }
    #tabela_yt p
    {
        margin:0
    }
    #left_yt
    {
        width:99px;
         position:fixed;
          top:200px;
           left:-20px;
            z-index:2;
        text-align: end;
        padding: 10px;
        border: solid 5px #fff;
        border-radius: 20px;
        height: 40px;

    }
    #left_fb
    {
        width:99px;
         position:fixed;
          top:280px;
           left:-20px;
            z-index:2;
        text-align: end;
        padding: 10px;
        border: solid 5px #fff;
        border-radius: 20px;
        height: 40px;

    }
    .cooperate
    {
        color:#fff;letter-spacing:2px;margin-top:30px
    }
    .cooperate h5
    {
        font-style:italic;padding:10px 0 0 63px;font-weight:600;text-align: center;font-size: 32px;text-transform: uppercase;letter-spacing: 5px;
    }
    .cooperate a
    {
        color:#fff;text-decoration:none;display:block;width:20%;padding:40px 0 14px 62px;font-size:12px;font-weight:600;letter-spacing:3px;background-size:60px auto;background-position:left -10px center;background-repeat:no-repeat;
        float: left; height: 50px;margin-left: 5.1%;text-align: center;
    }
    .cooperate a:hover
    {
        color:navy!important
    }
    .cooperate a.akademia_przedszkolaka
    {
        background-image:url(../img/icons/cooperation/akademia_przedszkolaka.png)
    }
    .cooperate a.akademia_przedszkolaka:hover
    {
        background-image:url(../img/icons/cooperation/akademia_przedszkolaka_hover.png)
    }
    .cooperate a.cywinski
    {
        background-image:url(../img/icons/cooperation/cywinski.png)
    }
    .cooperate a.cywinski:hover
    {
        background-image:url(../img/icons/cooperation/cywinski_hover.png)
    }
    .cooperate a.maluch
    {
        background-image:url(../img/icons/cooperation/maluch.png)
    }
    .cooperate a.maluch:hover
    {
        background-image:url(../img/icons/cooperation/maluch_hover.png)
    }
    .cooperate a.kuznia
    {
        background-image:url(../img/icons/cooperation/kuznica.png)
    }
    .cooperate a.kuznia:hover
    {
        background-image:url(../img/icons/cooperation/kuznica_hover.png)
    }
    .cooperate a.yamaha
    {
        background-image:url(../img/icons/cooperation/yamaha.png)
    }
    .cooperate a.yamaha:hover
    {
        background-image:url(../img/icons/cooperation/yamaha_hover.png)
    }
    .cooperate a.waldorf
    {
        background:url(../img/icons/cooperation/waldorf.png) left -5px top 27px no-repeat
    }
    .cooperate a.waldorf:hover
    {
        background:url(../img/icons/cooperation/waldorf_hover.png) left -5px top 27px no-repeat
    }
    .cooperate a.rybka
    {
        background-image:url(../img/icons/cooperation/rybka.png)
    }
    .cooperate a.rybka:hover
    {
        background-image:url(../img/icons/cooperation/rybka_hover.png)
    }
    .cooperate a.dual
    {
        background-image:url(../img/icons/cooperation/dual.png)
    }
    .cooperate a.dual:hover
    {
        background-image:url(../img/icons/cooperation/dual_hover.png)
    }
    .cooperate a.polska
    {
        background-image:url(../img/icons/cooperation/polska.png)
    }
    .cooperate a.polska:hover
    {
        background-image:url(../img/icons/cooperation/polska_hover.png)
    }
    .cooperate a.sportowiec
    {
        background-image:url(../img/icons/cooperation/sportowiec.png)
    }
    .cooperate a.sportowiec:hover
    {
        background-image:url(../img/icons/cooperation/sportowiec_hover.png)
    }
    .cooperate a.tecza
    {
        background-image:url(../img/icons/cooperation/tecza.png)
    }
    .cooperate a.tecza:hover
    {
        background-image:url(../img/icons/cooperation/tecza_hover.png)
    }
    .cooperate a.koszalek
    {
        background-image:url(../img/icons/cooperation/koszalek.png)
    }
    .cooperate a.koszalek:hover
    {
        background-image:url(../img/icons/cooperation/koszalek_hover.png)
    }
    .cooperate a.lokomotywa
    {
        background-image:url(../img/icons/cooperation/lokomotywa.png)
    }
    .cooperate a.lokomotywa:hover
    {
        background-image:url(../img/icons/cooperation/lokomotywa_hover.png)
    }
    .cooperate a.lokomotywa
    {
        background-image:url(../img/icons/cooperation/lokomotywa.png)
    }
    .cooperate a.lokomotywa:hover
    {
        background-image:url(../img/icons/cooperation/lokomotywa_hover.png)
    }
    .cooperate a.macius
    {
        background-image:url(../img/icons/cooperation/macius.png)
    }
    .cooperate a.macius:hover
    {
        background-image:url(../img/icons/cooperation/macius_hover.png)
    }
    .cooperate a.akademia_tychy
    {
        background-image:url(../img/icons/cooperation/akademia_tychy.png)
    }
    .cooperate a.akademia_tychy:hover
    {
        background-image:url(../img/icons/cooperation/akademia_tychy_hover.png)
    }
    .cooperate a.lokomotywa
    {
        background-image:url(../img/icons/cooperation/lokomotywa.png)
    }
    .cooperate a.lokomotywa:hover
    {
        background-image:url(../img/icons/cooperation/lokomotywa_hover.png)
    }
    .clear,.clear15,.clear30,.clear10
    {
        width:100%;height:0;clear:both
    }
    .clear10{
        height:10px
    }
    .clear15{
        height:15px
    }
    .clear30
    {
        height:30px
    }
    .container
    {
        background-color:#84c0f5;color:navy
    }
    .container h2.title
    {
        display:none
    }
    .container h3.subtitle
    {
        display:none
    }
    .container_content
    {
        padding:30px 40px 5px 40px;font-weight:600;font-size:20px;letter-spacing:.5px;--text-align:justify
    }
    .sidebar
    {
        display:none
    }
    .container_content.single_column
    {
        width:auto
    }
    container_content.single_column .sidebar
    {
        display:none
    }
    #container
    {
        position:relative;z-index:2;overflow:hidden
    }
    .left
    {
        float:left
    }
    .right
    {
        float:right
    }
    .left,.right
    {
        display:inline-block;width:100%
    }
    h3.section
    {
        font-size:1.05em;margin-top:2em;margin-bottom:1.1em
    }
    .yt
    {
        width:100%;height:130%;float:right;display:block;padding:0 0 5px 10px
    }
    .galeria-image-link
    {
        width:150px;height:150px;text-align:center;line-height:150px;overflow:hidden;margin-bottom:10px;display:inline-block
    }
    .galeria-image-link img.galeria-image
    {
        width:100%; height:100%; object-fit:cover;
        vertical-align:middle;margin:auto;border-radius:1px;height:150px;box-shadow:2px 2px 4px #fff;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out
    }
    .galeria-image-link img.galeria-image:hover
    {
        -moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)
    }
    .youtube-multi {
        display:grid; grid-template-columns: 1fr 1fr; gap:1rem;
    }
    .news
    {
        margin-top:35px
    }
    .new_title
    {
        text-transform:uppercase
    }
    .news_back
    {
        padding-top:20px;display:inline-block;color:#fff;background:url(../img/left_arrow_white.png) left bottom -1px no-repeat;padding-left:37px;line-height:20px;font-weight:600;background-size:auto 23px
    }
    .news .news_title a
    {
        color:navy
    }
    .cooperate a:hover,.news .news_title a:hover,.news_back:hover
    {
        color:#fff
    }
    .news .news_title
    {
        margin-bottom:0;text-transform:uppercase
    }
    .news_introduction
    {
        padding:0;background:#d8e9f3;color:#155a9d
    }
    .news_introduction img
    {
        float:left;max-height:200px;width:58%;padding-right:7px
    }
    .news_introduction img.full
    {
        width:100%
    }
    .news_introduction span.intro_text
    {
        padding:7px 7px 7px 0;display:grid
    }
    .news_image
    {
        text-align:center;max-height:200px;overflow:hidden;margin-bottom:0;padding-bottom:0
    }
    .news_image img
    {
        max-height:200px;width:100%
    }
    a.news_url:hover .news_image,a.news_url:hover .news_introduction
    {
        opacity:.7
    }
    a.news_url:hover .news_title
    {
        background:url(../img/icons/arrow_down.png) left top 1px no-repeat;background-size:auto 75%;padding-left:38px;color:#fff;text-decoration:none
    }
    a.news_url:hover
    {
        color:#fff;text-decoration:none
    }
    .pagination
    {
        width:100%;text-align:center;font-size:17px;display:inline-block;padding-top:20px;color:#fff
    }
    .pagination a
    {
        color:#fff;letter-spacing:10px;font-style:normal;font-weight:600
    }
    .pagination a:hover
    {
        font-style:italic;font-weight:400
    }
    .pagination a.active
    {
        color:#155a9d
    }
    .news.view .news_title
    {
        color:navy;padding-bottom:10px
    }
    .offer
    {
        position:relative;margin:20px 0 0 -31px;padding:0;width:110%
    }
    .offer span
    {
        letter-spacing:1.3px;padding-right:41px;position:relative;display:inline-block;float:left;font-size:13px
    }
    .offer span:last-child
    {
        padding-right:0
    }
    .offer img
    {
        width:80px;position:relative;display:inline-block;float:left;top:-38px
    }
    #offer_content
    {
        float:left;text-align:left;width:100%;position:relative;margin:10px 0 60px 0
    }
    #offer_content .kerning
    {
        letter-spacing:2px
    }
    #offer_content .offer_right
    {
        float:right;margin-right:9px
    }
    #offer_content img.plane
    {
        width:125px;position:absolute;right:-10px
    }
    #offer_content img.plane1
    {
        top:-43px
    }
    #offer_content img.plane2
    {
        top:106px
    }
    #offer_content img.plane3
    {
        top:268px
    }
    #mobile_arrow_down
    {
        display:none
    }
    #login_form
    {
        margin:50px auto;width:350px;text-align:center
    }
    #login_form input
    {
        margin:10px 0 10px 15px;padding:3px 0 3px 5px;border:solid 1px silver;line-height:1.5em
    }
    #login_form input:focus
    {
        border:solid 1px navy
    }
    #login_form legend
    {
        padding-right:5px;letter-spacing:2px
    }
    #login_form .row
    {
        width:100%;clear:both
    }
    #login_form .row:first-child
    {
        margin-top:15px
    }
    #login_form button
    {
        background:#fff;border:1px solid silver;color:#000;font-size:12px;font-weight:600;letter-spacing:6px;text-transform:uppercase;cursor:pointer;padding:7px 15px;margin-top:15px;transition-property:all;transition-duration:.6s;transition-timing-function:ease;opacity:.8
    }
    #login_form button:hover
    {
        border:1px solid navy;opacity:1
    }
    .error
    {
        color:#8b0000;font-weight:700;padding:10px
    }
    .back_to_top
    {
        display:none
    }
    .image-set
    {
        width:100%;text-align:center
    }
    #mobile_arrow_up
    {
        display:none
    }
    @media (min-width:768px)
    {

        .for_phone
        {
            display:none
        }
        #fb_container
        {
        display:none;
        }
        #logo_mobile
        {
            display:none
        }
        .container_content
        {
           float:left;font-size:13px;overflow:hidden;padding-top:40px
        }
        .container_content.single_column
        {
            width:calc(100% - 160px)
        }
        .container_content.single_column
        {
            padding:40px 80px 5px 80px
        }
        .has_submenu ul{top:34px}.yt
        {
            width:50%
        }
        .icon
        {
            padding-left:90px;left:-90px;line-height:50px;position:relative;background-repeat:no-repeat;background-position:left center;background-size:auto 100px
        }
        .brain
        {
            background-image:url(../img/icons/brain.png)
        }
        .home
        {
            background-image:url(../img/icons/home.png)
        }
        .person
        {
            background-image:url(../img/icons/person.png)
        }
        .graduate
        {
            background-image:url(../img/icons/graduate.png)
        }
        .diploma
        {
            background-image:url(../img/icons/diploma.png)
        }
        .thumb
        {
            background-image:url(../img/icons/thumb.png)
        }
        .book
        {
            background:url(../img/icons/book.png) left -20px top -1px no-repeat;line-height:1.25em;font-style:oblique;padding-left:70px;left:0
        }
        .menu ul li.active a
        {
            font-weight:900;position:relative;top:-1px;height:14px
        }
        .menu ul li.active
        {
            padding:8.8px 0
        }
        .menu ul li.onas
        {
            background-image:url(../img/icons/menu/aboutus.png);background-color:#9db107
        }
        .menu ul li.galeria
        {
            background-image:url(../img/icons/menu/camera.png);background-color:#ecc709
        }
        .menu ul li.dojazd
        {
            background-image:url(../img/icons/menu/car.png);background-color:#ac2a74
        }
        .menu ul li.oferta
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#155a9d
        }
        .menu ul li.matema-online
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ac2a74
        }
        .menu ul li.polecane
        {
            background-image:url(../img/icons/menu/recommended.png);background-color:#9db107
        }
        .menu ul li.gry_matematyczne
        {
            background-image:url(../img/icons/menu/cubes.png);background-color:#155a9d
        }
        .menu ul li.dzieci
        {
            background-image:url(../img/icons/menu/kids.png);background-color:#155a9d
        }
        .menu ul li.robotomat
        {
            background-image:url(../img/icons/menu/robotomat2.png);background-color:#ecc709;
        }

        .menu ul li.kielce
        {
            background-image:url(../img/icons/menu/robotomat2.png);background-color:#ecc709;
        }
        .menu ul li.maturzysci
        {
            background-image:url(../img/icons/menu/sandglass.png);background-color:#01aab1
        }
        .menu ul li.studenci
        {
            background-image:url(../img/icons/menu/graduation.png);background-color:#9db107
        }
        .menu ul li.kontakt
        {
            display:none
        }
        .person_name
        {
            text-align:right;display:inline-block;width:100%;letter-spacing:4px;text-transform:uppercase;padding:40px 0 20px 10px
        }
        .left,.right
        {
            width:48%
        }
        .sidebar
        {
            display:block;padding-top:40px
        }
        .container::after
        {
            display:block;content:'';clear:both
        }
        .header
        {
            display:block;position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#a6d0f4
        }
        .header img
        {
            padding:10px;margin:0
        }
        .hamb img
        {
            float:right;position:fixed;top:21px;right:0;transition:transform .5s cubic-bezier(.77,.2,.05,1);display:none;
        }
        .hamb.open img
        {
            -moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:FlipH
        }
        .hamb
        {
            width:50%;float:right;
        }
        .hamb_content
        {
            position:fixed;top:110px;bottom:50px;width:100%;display: block;
        }
        .header_content
        {
            width:50%;float:left
        }
        .header_content p
        {
            display:none
        }
        .header_content a
        {
            display:none
        }
        .menu ul::after
        {
            display:block;content:'';clear:both
        }
        .menu ul li
        {
            font-weight:600;font-size:12px;padding:10px 0;letter-spacing:4px;float:left;width:33.3%
        }
        .menu ul li a
        {
            color:#fff
        }
        .menu ul li:nth-child(-n+6)
        {
            width:25%
        }
        .menu ul li:nth-child(10)
        {
            width:35%
        }
        .menu ul li:nth-child(11)
        {
            width:35%
        }
        .menu ul li:nth-child(12)
        {
            width:30%
        }
        .is-visible
        {
            opacity:1
        }
    }



    @media (max-width:991px)
    {
        #fb_container
        {
            display:none
        }
        #js-hamb
        {
            display:none
        }
        img#logo
        {
            display:none
        }
        .back_to_top
        {
            display:none
        }
        #left_yt
        {
            display: none;
        }
        #left_fb
        {
            display: none;
        }

    }



    @media (min-width:992px)
    {
        .for_mobile
        {
            display:none
        }
        .yt-menu
        {
            display: none;
        }
        .fb-menu
        {
            display: none;
        }
        #logo
        {
            width:120px;margin-top:-15px
        }
        .container
        {
            width:665px;margin:-20px auto 20px auto
        }
        .header
        {
            position:static;background-color:transparent
        }
        .header img
        {
            padding:10px;display:block;margin:0 0 0 auto
        }
        .header_content
        {
            position:fixed;top:30px;left:30px;float:none
        }
        .header_content img
        {
            height:auto;padding:0
        }
        .hamb
        {
            position:absolute;top:30px;width:auto;right:30px;float:none;display: block;
        }
        .hamb_content
        {
            display:block;word-break:break-all;background-color:transparent;top:140px;color:#155a9d;width:135px;opacity:1;right:25px;font-size:10.5px;transition:.8s ease-in-out;text-align:right
        }
        .hamb.open .hamb_content
        {
            margin-right:10px;opacity:1
        }
        .is-visible
        {
            opacity:1;animation-name:opacity;animation-duration:.5s
        }
        .back_to_top
        {
            display:block;position:absolute;left:25px;bottom:30px;cursor:pointer
        }
        .menu ul li.franczyza
        {
            background-image:url(../img/icons/menu/aboutus.png); /* width: 66.6% */;background-color:#01aab1;
        }

        .menu ul li.kielce {

            background-color: #ecc709;
        }
        .menu ul li.onas
        {
            background-image:url(../img/icons/menu/aboutus.png);background-color:#9db107
        }
        .menu ul li.galeria
        {
            background-image:url(../img/icons/menu/camera.png);background-color:#ecc709
        }
        .menu ul li.dojazd
        {
            background-image:url(../img/icons/menu/car.png);background-color:#ac2a74
        }
        .menu ul li.oferta
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#155a9d
        }
        .menu ul li.matema-online
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ac2a74
        }
        .menu ul li.polecane
        {
            background-image:url(../img/icons/menu/recommended.png);background-color:#9db107
        }
        .menu ul li.gry_matematyczne
        {
            background-image:url(../img/icons/menu/cubes.png);background-color:#155a9d
        }
        .menu ul li.dzieci
        {
            background-image:url(../img/icons/menu/kids.png);background-color:#155a9d
        }
        .menu ul li.robotomat
        {
            background-image:url(../img/icons/menu/robotomat2.png);background-color:#ecc709;width: 40%;
        }
        .menu ul li.maturzysci
        {
            background-image:url(../img/icons/menu/sandglass.png);background-color:#01aab1
        }
        .menu ul li.studenci
        {
            background-image:url(../img/icons/menu/graduation.png);background-color:#9db107
        }
    }
    
    
    @media (min-width:1200px)
    {
        .container
        {
            width:800px
        }
        .hamb_content
        {
            width:140px
        }
    }
    
    
    @media (max-width:767px)
    {
        .menu ul li {
            width:100% !important;
        }
        .container h2.title
        {
            font-weight:400;font-size:20px;margin:0;padding:15px;margin-bottom:40px;letter-spacing:4px;font-style:italic;padding-left:60px;text-transform:uppercase;background-image:url(../img/flag.png);background-position:left center;background-repeat:no-repeat
        }
        .container h3.subtitle
        {
            font-weight:500;font-size:20px;margin:0;font-style:italic
        }
        .container_content
        {
            padding:30px 30px 5px 30px;font-size:1.1em;text-align:left
        }
        .galeria-image-link
        {
            width:42%;height:100%
        }
        .header_content
        {
            text-align:center;height:100vh;position:relative
        }
        iframe
        {
            width:100%!important;padding-bottom:10px
        }
        .teachers img
        {
            padding:0!important;width:100%!important
        }
        #tabela_yt
        {
            width:100%
        }
        .news_image
        {
            margin-bottom:-5px
        }
        .news_title
        {
            font-size:1.05em
        }
        .nm
        {
            display:none!important
        }
        #offer_content .plane
        {
            max-width:82px
        }
        #offer_content .offer_right
        {
            margin-right:0
        }
        .news_introduction h2
        {
            font-size:.9em
        }
        #mobile_arrow_down
        {
            cursor:pointer;display:block;position:absolute;bottom:54px;left:calc(50% - 16px)
        }
        #mobile_arrow_up
        {
            position:fixed;bottom:0;width:100%;height:32px;background-color:rgba(0,0,0,.6);text-align:center;z-index:3;cursor:pointer
        }
        .no_phone,.phone_none
        {
            display:none
        }
        .pagination
        {
            margin-bottom:35px
        }
        .menu ul li.onas
        {
            background-image:url(../img/icons/menu/aboutus.png);background-color:#9db107
        }
        .menu ul li.galeria
        {
            background-image:url(../img/icons/menu/camera.png);background-color:#ecc709
        }
        .menu ul li.dojazd
        {
            background-image:url(../img/icons/menu/car.png);background-color:#ac2a74
        }
        .menu ul li.oferta
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#9db107
        }
        .menu ul li.matema-online
        {
            background-image:url(../img/icons/menu/offer.png);background-color:#ac2a74
        }
        .menu ul li.polecane
        {
            background-image:url(../img/icons/menu/recommended.png);background-color:#9db107
        }
        .menu ul li.gry_matematyczne
        {
            background-image:url(../img/icons/menu/cubes.png);background-color:#155a9d
        }
        .menu ul li.dzieci
        {
            background-image:url(../img/icons/menu/kids.png);background-color:#155a9d
        }
        .menu ul li.robotomat
        {
            background-image:url(../img/icons/menu/robotomat2.png);background-color:#ecc709;
        }
        .menu ul li.maturzysci
        {
            background-image:url(../img/icons/menu/sandglass.png);background-color:#01aab1
        }
        .menu ul li.studenci
        {
            background-image:url(../img/icons/menu/graduation.png);background-color:#ecc709
        }
        .menu ul li.franczyza
        {
            background-image:url(../img/icons/menu/aboutus.png);background-color:#01aab1
        }

        .menu ul li.kielce {

            background-image:url(../img/icons/menu/offer.png);background-color: #ecc709;
        }
        .menu ul li.kontakt
        {
            background-image:url(../img/icons/menu/graduation.png);background-color:#01aab1
        }
        .menu ul li.robotomat
        {
            width: 100%;
        }
        .menu ul li.for_mobile
        {
            background-color:#155a9d;
        }
        .menu ul li.yt-menu
        {
            width: 100%;
        }
        .menu ul li.fb-menu
        {
            width: 100%;
        }
        .menu ul li.poznan
        {
            width: 100%;
        }
        .menu ul li.kielce
        {
            width: 100%;
        }
    }
    @media (max-width:1200px)
    {
        .nm
        {
            display:none!important
        }
    }
    
    
    @media (max-width:350px)
    {
        .offer_left,.offer_right
        {
            font-size:.73em
        }


    }@media (max-width:500px)
    {
        #offer_content,#offer_content h4
        {
            font-size:.9em
        }
        #offer_content img.plane
        {
            right:-15px;z-index:-1
        }
        #offer_content
        {
            margin-top:0
        }
        #offer_content img.plane1
        {
            top:-19px
        }
        #offer_content img.plane2
        {
            top:156px
        }
        #offer_content img.plane3
        {
            top:366px
        }
    }


    @media screen and (min-width:768px) and (max-width:991px)
    {
        .header
        {
            display:none
        }
        .menu ul li:nth-child(n+6)
        {
        width:33.3%
        }
        .menu ul li.oferta
        {
            background-color:#01aab1
        }
        .menu ul li.studenci
        {
            background-color:#ecc709
        }
        .fb-menu
        {
            width: 50%;
        }
        .yt-menu
        {
            width: 50%;
        }
    }
    .is-display
    {
        display:block!important
    }
    
#footer{ width: 100%; text-align: center; font-size: 11px; color: white; margin-top: 10px;} #footer a { text-decoration: none; color: white;} #footer a:hover {text-weight: bold; }
.menu ul li.franczyza{background-color:#01aab1;}
.menu ul li.krakow { background-color: #ac2a74; background-image:url(../img/icons/menu/offer.png); }
.menu ul li.poznan { background-color: #155a9d; background-image:url(../img/icons/menu/offer.png); }
.menu ul li.kielce{ background-color: #ecc709; background-image:url(../img/icons/menu/offer.png); }
.menu ul li.for_mobile
        {
            background-color:#155a9d;
        }

.contact-images {
    display: grid;
    grid-auto-flow: column;
    gap:1rem;
}        

.contact-images.single {
    max-width:50%;
    margin:0 auto;
}

.contact-images .bg {
    background:white;
}

@media (max-width:767px) {
    .contact-images {
        grid-auto-flow: row;
    }        
    
    .contact-images.single {
        max-width:100%;
    }
}

.contact-images div {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 1rem;
}
.contact-images img {
    max-width:100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: top;
    border-radius: 100rem;
}