/* ###

:: APP CONTROLLER :: MAKE IMAGE DIR RELATIVE :: ../application/media/images/ ::

### */

#menu_icon {
    display: none;
}

@media (min-width: 576px)
{
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px)
{
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px)
{
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px)
{
    .container {
        max-width: 1140px;
    }
}

body  {
    font-family: 'Cormorant', sans-serif;
    background: #f6f6f6;
    font-size: 16px;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#NAGLOWEK {
    height: 90vh !important;
    background-image: url("../application/media/images/slideshow/header.jpg"); 
    background-position: top center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    position: relative;
}

.h-100 {
    height: 100%!important;
}
.w-100 {
    width: 100%!important;
}
#MENU .menu li.dropdown a, #MENU .menu li.dropdown:hover .dropdown-content, #MENU .menu .dropdown-content
{
    transition:background-color 70ms ease-in 70ms, color 100ms ease-in 100ms;
}
.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex-row
{
    display: flex;
    flex-direction: row;
    align-items: center; /*Wy�rodkowanie w pionie*/
    justify-content: inherit;
    flex-wrap: wrap; /* W��cza responsywno�� */
}

#MENU {
    background: rgb(68,68,68);
    background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(78,78,78,1) 100%);
}

.link_menu {
    background: linear-gradient(0deg, #9abe2c 100%, #a8c733 100%);
    display: flex;
    align-items: center;
    width: 45px;
    justify-content: space-around;

}

#MENU .menu
{
    width: calc(100% - 90px);
}
.link_menu img {
    width: 20px;
    height: auto;
}

#NAZWA {
    font-size: 3vw;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1;
    text-align: center;

}

#SEKCJE_GLOWNE {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.tytul.glowna {
    text-align: center;
    color: #474747;
    font-size: 36px;
    font-weight: bolder;
    padding-top: 80px;
}

#SEKCJE_GLOWNE section {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    background: linear-gradient(0deg, #9abe2c 100%, #a8c733 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

#SEKCJE_GLOWNE img {
    width: 30px;
    height: auto;
}
#SEKCJE_GLOWNE .kolo a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
#SEKCJE_GLOWNE .kolo {
    width: 60px;
    height: 60px;
    background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(78,78,78,1) 100%);
    border-radius: 35px;
}
#SEKCJE_GLOWNE .opis {
    position: absolute;
    bottom: -200px;
    left: 0;
    width: calc(100% - 2px);
    height: 200px;
    background: white;
    border: 1px solid #ede8e8;
}
#SEKCJE_GLOWNE .opis .text1 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    font-family: 'Athiti', sans-serif;
    color: #464545;
}

#SEKCJE_GLOWNE .opis .text2 p, #SEKCJA_GLOWNA .opis_szkoly .text3, #STOPKA p {
    text-align: center;
    color: #868686;
    padding-bottom: 4px;
    font-family: 'Athiti', sans-serif;
    text-transform: initial;
    font-size: 14px;
}
#SEKCJE_GLOWNE .text {
    color: white;
    font-size: 16px;
    padding-top: 16px;
    text-transform: uppercase;
}

#SEKCJA_PARTNERZY {
    padding-top: 200px;
}

#PARTNERZY_CAROUSEL {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#SEKCJA_PARTNERZY .text, #SEKCJA_CERTYFIKATY .text {
    text-align: center;
    color: #474747;
    font-size: 36px;
    font-weight: bolder;
    padding-top: 80px;
}

.carousel__cell img {

    width: auto;
    height: 85%;
}
.img_partner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trojkat {
    width: 0;
    height: 0;
    background: black;
    position: absolute;
    bottom:0;
    right: 0;
    border-top: 20px solid #e9ebec;
    border-left: 20px solid #e9ebec;
    border-right: 20px solid #9cbf2e;
    border-bottom: 20px solid #9cbf2e;
}
.trojkat .plus div{
    font-size: 30px;
    color: white;
    text-align: center;
    height: 21px;
    margin-top: -10px;
}
.trojkat .plus {
    width: 20px;
    height: 20px;
}

.text2 {
    font-family: 'Athiti', sans-serif;
}

#PARTNERZY_CAROUSEL .button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}
.button button, .button input {
    background: #9cbf2e;
    color: white;
    padding: 7px 16px;
    border: 1px solid #e6e0e0;
    margin: 8px;
}

#SEKCJA_GLOWNA {
    flex-direction: row;
    margin-top: 20px;
}

#SEKCJA_GLOWNA .text, #SEKCJA_GLOWNA .linki, #SEKCJA_GLOWNA .linki .lewa, #SEKCJA_GLOWNA .linki .prawa{
    width: 50%;
}
#SEKCJA_GLOWNA .linki .lewa {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    border: 1px solid #ede8e8;
}
#SEKCJA_GLOWNA .linki .prawa {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    border: 1px solid #ede8e8;
}
#SEKCJA_GLOWNA.glowna ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 14px;
}

#SEKCJA_GLOWNA.glowna .linki .lewa .text {
    display: flex;
    flex-direction: column;
    background: #9cbf2e;
    color: white;
    width: 100%;
    padding: 20px 0;
}
#SEKCJA_GLOWNA.glowna .linki .text div {
    text-align: center;
}
#SEKCJA_GLOWNA.glowna .linki .text .text1 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 3px;
}
#SEKCJA_GLOWNA.glowna .linki .text .text2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #4c4c4c;
}
#SEKCJA_GLOWNA.glowna .linki .prawa .text .text2 {
    color: #9cbf2e;
}

#SEKCJA_GLOWNA.glowna .linki ul {
    color: #4a4a4a;
}
#SEKCJA_GLOWNA.glowna .linki li{
    display: flex;
    background: #f4f5f5;
    padding: 16px 0;
}

#SEKCJA_GLOWNA.glowna .linki li:nth-child(2n) {
    background: #fafafa;
}
#SEKCJA_GLOWNA .text, #SEKCJA_GLOWNA .linki {
    background: white;
    padding-top: 40px;
    padding-bottom: 20px;
    display: flex;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
}
#SEKCJA_GLOWNA .linki {
    flex-direction: row;
}
#SEKCJA_GLOWNA .text {
    flex-direction: column;
}
#SEKCJA_GLOWNA.glowna .linki li div:first-child {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 10px;
    padding-left: 10px;
}
#SEKCJA_GLOWNA.glowna .linki li div img {
    width: 8px;
    height: 8px;
}

#SEKCJA_GLOWNA.glowna .linki .prawa .text {
    display: flex;
    flex-direction: column;
    background: #494949;
    color: white;
    width: 100%;
    padding: 20px 0;
}
.powitanie {
    height: 81px;
    padding-left: 3px;
}
#SEKCJA_GLOWNA .powitanie .text1 {
    font-size: 36px;
    letter-spacing: 5px;
    color: #9cbf2e;
    font-weight: 900;
}
#SEKCJA_GLOWNA .powitanie .text2 {
    font-size: 17px;
    letter-spacing: 5px;
    color: #4a4a4a;
    font-weight: 900;
    padding-left: 5px;
}

#SEKCJA_GLOWNA .opis_szkoly .img img {
    width: 250px;
    height: auto;
    margin-right: 20px;
}
#SEKCJA_GLOWNA .opis_szkoly .img {
    float: left;
}

#SEKCJA_GLOWNA .opis_szkoly .text3 {
    text-align: justify;
    padding-right: 20px;
    text-transform: full-size-kana;
}
#SEKCJA_GLOWNA .opis_szkoly .text3 .text4 {
    text-transform: uppercase;
    font-weight: bold;
    color: #494949;
}

#SEKCJA_GLOWNA .opis_szkoly .text3 .text5 {
    color: #9cbf2e;
    padding: 10px 0;
    font-weight: bold;
}
#SEKCJA_GLOWNA .opis_szkoly .text3 .text6 {
    line-height: normal;
}

#SEKCJA_CERTYFIKATY .card {
    position: relative;
}
#SEKCJA_CERTYFIKATY .card div {
    position: absolute;
    width: 30px;
    background: #9cbf2e;
    right: 0;
    top: 0;
    height: 100%;
}

#SEKCJA_CERTYFIKATY .center {
    height: 200px;
}

.slider {
    width: 100%;
    margin: 100px auto;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
}

.slick-current {
    opacity: 1;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {
    display: none !important;
}

#SEKCJA_CERTYFIKATY ul{
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}
#SEKCJA_CERTYFIKATY .content-slider li{
    background-color: #494949;
    text-align: center;
    color: #FFF;
}
#SEKCJA_CERTYFIKATY .content-slider h1 {
    margin: 0;
    height: 160px;
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
}
#SEKCJA_CERTYFIKATY #content-slider li {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
}
#SEKCJA_CERTYFIKATY #content-slider li img {
    width: auto;
    height: auto;
}
#SEKCJA_CERTYFIKATY #content-slider li .right-arrow img {
    width: 15px;
    height: auto;
}

#SEKCJA_CERTYFIKATY #content-slider li div {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 10%;
    background: #9cbf2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 37px;
}
#SEKCJA_CERTYFIKATY #content-slider li span{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 10%;
    background: #9cbf2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 37px;
}

.display_none, #SEKCJA_CERTYFIKATY #content-slider li span.display_none {
    display: none;
}

#SEKCJA_CERTYFIKATY {
    padding-top: 50px;
}

#SEKCJA_PARALLAX article {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
#SEKCJA_PARALLAX article img {
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: auto;
}
#SEKCJA_PARALLAX article p {
    position: absolute;
    width: 100%;
    margin-top: 120px;
    text-transform: uppercase;
    color: #fff;
    font-size: 6em;
}
#STOPKA {
    height: 178px;
    background: #494949;
    position: relative;
}
#SEKCJA_PARALLAX {
    margin-top: 50px;
}
.parallax-tlo {
    position: absolute;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.parallax-center {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: white;
}
.container.parallax-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.container.parallax-flex .lewa {
    width: 20%;
    display: flex;
    justify-content: end;
    height: 86px;
}
.container.parallax-flex .prawa {
    width: 80%;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.container.parallax-flex .lewa .img {
    width: 160px;
    display: flex;
    flex-direction: row;
    position: relative;
}

#SEKCJA_PARALLAX article .img img {
    width: 40px;
    height: auto;
    position: relative;
}
#man {
    background: #494949;
    border-radius: 50px;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 15px;
    border: 1px solid #626360;
}
#woman {
    background: #9cbf2e;
    border-radius: 50px;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 15px;
    border: 1px solid #59672d;
}
#SEKCJA_PARALLAX article p {
    position: relative;
    width: 100%;
    margin-top: 0;
    text-transform: full-size-kana;
    color: #fff;
    font-size: 32px;
    padding-left: 20px;
    font-style: italic;
}

#SEKCJA_PARALLAX article p.text2 {
    padding-top: 15px;
    color: #9cbf2e;
    font-style: normal;
    font-size: 22px;
}
#SEKCJA_WIADOMOSCI {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
    margin-bottom: 20px;
}
.email input {
    padding: 10px;
    width: 95%;
}
#SEKCJA_WIADOMOSCI div {
    width: 33.333333%;
}
.koperta img {
    width: 38px;
    height: auto;
}
.koperta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#SEKCJA_WIADOMOSCI div div {
    width: 100%;
    margin-left: 10px;
    font-size: 22px;
}
#SEKCJA_WIADOMOSCI .button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.email input {
    color: #494949;
}
#STOPKA .parallax-tlo {
    background: rgba(0,0,0,0.9);
}

.blok2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#STOPKA .blok2 p {
    color: white;
    font-size: 16px;
}
#STOPKA .container {
    display: flex;
    flex-direction: row;
    height: 100%;
}
#STOPKA .container div.dl {
    width: 50%;   
}
#STOPKA .container div.prawa p{
    text-align: left;
    text-transform: none;

}
#STOPKA .container div.prawa img {
    width: 23px;
    height: auto;
    padding: 5px 0;
}
#STOPKA .prawa div.flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#STOPKA .container .prawa div {
    width: 100%;
}
#STOPKA .container .prawa div.img {
    width: 40px;
}
#STOPKA .container div.prawa .info p {
    font-size: 20px;
}
#STOPKA .container div .info p {
    font-size: 20px;
    letter-spacing: 5px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    font-weight: 600;
}
#STOPKA .container .lewa.dl .info p {
    text-align: left;
    text-transform: capitalize;
}
.cube__face img {
    width: 90%;
    height: auto;
}

#ranking {
    display: flex;
    flex-direction: row;
}
#ranking .radio-group{
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    text-align: left;
    justify-content: center;
}

#slideshow
{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#SEKCJA_NAGLOWEK {
    position: relative;
    z-index: 2000;
}
.slideshow-bac {
    position: absolute;
    background: black;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
}

.slideshow li b.slideshow_bac {

    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}

#MENU .menu .dropdown:hover .dropdown-content a:hover {
    background-color: #757373;
}

#menu_right {
    height: 100%;
    position:fixed;
    top: 0;
    right: 0; 
    z-index: 3000;
    display: flex;
    align-items: center;
}
#menu_right div.razem {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: -39px;
}



#menu_right .pozycja div {
    transition: 0.3s; 
    padding: 15px; 
    color:white;
    font-size: 5vw;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:center;
    background: #494949;
}
#menu_right .pozycja div a {
    display: block;
    width: 100%;
    color: white;
}
#menu_right img {
    width: 60px;
    height: 60px;
    margin-right: 30px;
}

#menu_right div.razem .pozycja:hover{
    left: -230px;
    position: relative;
}

.link_menu a {
    position:relative;
}

.link_menu a:hover::after {
    background: RGBA(156, 191, 46,0.5);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.text4.tel {
    display: none;
}

.text4.kom {
    display:inline;
}
#SEKCJE_GLOWNE section#SEKCJA_2 {
    background: red;
}

#SEKCJE_GLOWNE section#SEKCJA_3 {
    background: #7e6ae1;
}

#SEKCJE_GLOWNE section#SEKCJA_4{
    background: #ba4f6d;
}
#SEKCJA_2 .trojkat {
    border-right: 20px solid #f00;
    border-bottom: 20px solid #f00;
}
#SEKCJA_3 .trojkat {
    border-right: 20px solid #7e6ae1;
    border-bottom: 20px solid #7e6ae1;
}
#SEKCJA_4 .trojkat {
    border-right: 20px solid #ba4f6d;
    border-bottom: 20px solid #ba4f6d;
}

/* 
 login form
*/

#MENU input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#id01.modal button, #id02.modal button {
    background-color: #9cbf2e;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

#id01.modal button:hover, #id02.modal button:hover {
    opacity: 0.8;
}

#id01.modal a, #id02.modal a{
    color: #ba4f6d;
}

#id01.modal .cancelbtn, #id02.modal .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

#id01.modal .imgcontainer, #id02.modal .imgcontainer {
    text-align: center;
    margin: 12px 0 0px 0;
    position: relative;
}

#id01.modal img.avatar, #id02.modal img.avatar {
    width: 15%;
    height: auto;
}

#id01.modal .container, #id02.modal .container {
    padding: 16px;
    width: auto;
    max-width: none;
}

#id01.modal span.psw, #id02.modal span.psw  {
    float: right;
    padding-top: 16px;
}

#id01.modal, #id02.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
    padding-top: 60px;
}

#id01.modal .modal-content, #id02.modal .modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; 
    border: 1px solid #888;
    width: 30%; 
}
#id01.modal .rejestracja {
    padding-right: 10px;
}
.modal-content.animate {
    padding: 20px;
}

#id01.modal .close, #id02.modal .close  {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

#id01.modal .close:hover, #id01.modal .close:focus, #id02.modal .close:hover, #id02.modal .close:focus {
    color: red;
    cursor: pointer;
}

#id01.modal .animate, #id02.modal .animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }
    .cancelbtn {
        width: 100%;
    }
}

#SEKCJA_REJESTRACJA {
    padding-top: 200px;
}

#id01 .zapamietaj {
    display: flex;
    justify-content: left;
    align-items: start;
}

#id01 .zapamietaj input {
    width: auto;
    margin-right: 5px;
    margin-top: 0;
}

#SEKCJA_KONTAKT .kontakt_captch {
    display: flex;  
    align-items: center;
    margin: 10px 0;
    background: #f1f1f1;
    padding: 20px; 
}
#SEKCJA_KONTAKT .kontakt_captch label {
    padding-left: 10px;
}
#SEKCJA_KONTAKT form {
    background-color: #fefefe;
    border: 1px solid #888;
}
#SEKCJA_KONTAKT form input, #SEKCJA_KONTAKT form textarea {

    border: 1px solid #ccc;
}
#SEKCJA_KONTAKT .tytul.glowna {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#SEKCJA_KONTAKT .tytul.glowna img{
    width: 58px;
    height: auto;
}
#SEKCJA_REJESTRACJA form {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 50%;
    margin: 20px auto;
    border: 2px solid #ede8e8;
    padding: 20px;
}
#SEKCJA_REJESTRACJA form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    color: #494949;
    margin-right: 10px;
}
#SEKCJA_REJESTRACJA form input, #SEKCJA_REJESTRACJA form textarea  {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 25px;
    width: 100%;
    box-sizing: border-box;
}

#SEKCJA_REJESTRACJA .button input {
    margin: 10px 0;
    padding: 7px 16px;
}
#uprawnienia {
    color: #777;
}

#id02.modal {
    display: block;
    z-index: 999999;
}

.container.komunikatClose {
    display: flex;
    justify-content: center;
    margin: 0;
}
.container.message_content {
    min-height: 100px;
    margin-top: 20px;
}

.komunikatSystem  {
    font-size: 20px;
    font-weight: bold;
}
#menu_right.sidenav div.razem #o_szkole div {
    left: -32px;
}

#menu_right.sidenav.panel img {
    width: 30px;
    height: 30px;
    margin-right: 0px;
}

#menu_right.sidenav.panel .pozycja div {
    padding: 6px 2px;
    font-size: 18px;

}

#menu_right.sidenav.panel .pozycja div a {
    display: flex;
}

#menu_right.sidenav.panel .pozycja div:hover {
    left: -63px;
    position: relative;
}

#menu_right.sidenav.panel .pozycja div#wyloguj_panel {
    padding-left: 0px;
}

#menu_right.sidenav.panel #dashboard img {
    width: 25px;
    height: 25px;
    margin: auto 2px;
}

#menu_right.sidenav.panel .razem a {
    display: flex;
    align-items: center;
    background: #474747;
    padding: 5px;
    padding-right: 10px;
}

#menu_right.sidenav.panel .razem a:hover
{
    position:relative;
    right: 59px;
    transition: right 2s ease-in 2s;
}

#menu_right.sidenav.panel .razem a div {
    padding-left: 5px;
    color: #cfcfcf;
}
#SEKCJA_GLOWNA_BAZA {
    margin-top: 249px;
}

#art {
    border: 1px solid #e9e7e7;
    margin: 15px;
    padding-bottom: 40px;
}

.cofanie {
    width: 40px;
    height: auto;
    margin-top: 10px;
    margin-left: 10px;
}

.tytul.glowna.artyk {
    padding-top: 20px;
}

#MENU ul {
    font-family: 'Athiti', sans-serif;
    font-size: 14px;
}

#center.container.flex-column.glowna h1 {
    font-size: 27px;
}

thead tr {
    background: #7e6ae1;
    color: white;
}

#center.container.flex-column.glowna thead tr th {
    display: table-cell;
    vertical-align: middle;
}
#center.container.flex-column.glowna table {
    margin: 0 auto;
    border: 1px solid #c6c2c2;
}

#center.container.flex-column.glowna table thead th{
    font-size: 18px;
    padding: 10px;
}
#center.container.flex-column.glowna table tbody td{
    font-size: 16px;
    padding: 10px;
}
#center.container.flex-column.glowna table thead th:first-child, #center.container.flex-column.glowna table tbody td:first-child {
    border-right: 1px solid #c6c2c2;
}
#center.container.flex-column.glowna table tbody tr:nth-child(even) {background: #DDDAE8}
#center.container.flex-column.glowna table tbody tr:nth-child(odd) {background: #FFF}

#SEKCJA_GLOWNA.glowna .linki ul li a {
    color: #4a4a4a;
}

.news {
    width: 66%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#SEKCJA_WIADOMOSCI div {
    width: 50%;
}

#terminy .nagl, #terminy .wierszTabela, #nauczyciele .nagl, #nauczyciele .wierszTabela  {
    display: flex;
}

#terminy .nagl div, #nauczyciele .nagl div {
    padding: 10px;
    font-size: 16px;
}
#terminy div.pole1, #nauczyciele div.pole1 {
    width: 20%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#terminy div.pole2 {
    width: 50%;
    border-left: 1px solid #7e6ae1;
    border-right: 1px solid #7e6ae1;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#terminy div.pole3 {
    width: 30%;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#terminy .nagl {
    background: #7e6ae1;
    color: white;
}

#terminy .wierszTabela {
    font-size: 16px;
    border-left: 1px solid #7e6ae1;
    border-right: 1px solid #7e6ae1;
    border-bottom: 1px solid #7e6ae1;
}

#terminy .nagl div.pole2, #terminy .nagl div.pole3, #nauczyciele .nagl div.pole2, #nauczyciele .nagl div.pole3  {
    justify-content: center;
    align-items: center;
}

#terminy .tytul.glowna, #nauczyciele .tytul.glowna {
    padding-top: 0px;
    padding-bottom: 70px;
}

#center {
    padding-top: 56px;
    padding-bottom: 15px;
}

#nauczyciele .nagl {
    background: #ba4f6d;
    color: white;
}

#nauczyciele div.pole2 {
    width: 50%;
    border-left: 1px solid #ba4f6d;
    border-right: 1px solid #ba4f6d;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#center span {
    line-height: 2;
}

.artykul .art-title .img a {
    display: flex;
    width: 100%;
    height: 100%;
}

.artykul .art-title .img a img {
    object-fit:scale-down;
    border: 1px solid #ccc;
}

.box-artykuly.produkty-opis {
    margin-left: 20px;
    margin-right: 20px;
}

#SEKCJA_ARTYKULY #art {
    font-family: 'Athiti', sans-serif;
}

.box-artykuly.produkty-opis.full img {
    margin: 25px;
}

.box-artykuly.produkty-opis.full p {
    line-height: 1.5;
}

.box-artykuly.produkty-opis.full table {
    margin: 25px auto;
}

#nauczyciele div.pole1, #nauczyciele div.pole2 {
    width: 30%;
    font-size: 16px;
    justify-content: left;
}

#nauczyciele div.pole3 {
    width: 40%;
    font-size: 16px;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

#nauczyciele .wierszTabela {
    font-size: 16px;
    border-left: 1px solid #ba4f6d;
    border-right: 1px solid #ba4f6d;
    border-bottom: 1px solid #ba4f6d;
}

#nauczyciele .nagl div.pole1 {
    justify-content: center;
}

#table_profile_menu .nazwa {
    width: 25%;
    font-weight:normal;
}
#table_profile_menu .przedmioty {
    width: 75%;
    font-weight:normal;
    text-align: center;

}

#table_profile_menu .przedmioty_roz {
    width: 75%;
    font-weight:normal;
}

#table_roz .wiersz {
    display: table-row;
}

#table_roz .nazwa {
    text-align: left;
}

#table_roz th.nazwa {
    text-align:center;
}

#table_profile_menu .nadlowek .nazwa, #table_profile_menu .nadlowek .przedmioty{
    font-size: 16px;
    font-size: 16px;
    padding: 15px;
    background: #9cbf2e;
    color: white;
}

#table_profile_menu .wiersz {
    background: #e9ebec;
}
#table_profile_menu .nadlowek .nazwa
{
    border-right: 1px solid white;
}

.tytul.glowna.rozszerzenia {
    padding-top: 0;
    padding-bottom: 50px;
}
#kontakt_send img {
    width: 50px;
    height: auto;
    padding-right: 10px;
}

#kontakt_send .flex {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#kontakt_send .center {
    width: 400px;
    border: 1px solid #b3adad;
    padding: 20px;
}

#kontakt_send {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#kontakt_send .info p {
    font-size: 20px;
    text-align: center;
    padding: 10px 0 30px 0;
    font-weight: 600;
}

.menu li.dropdown.doc_menu:hover .dropdown-content {
    text-decoration: #fdfdfd;
    text-decoration-line: underline;
}

#SEKCJA_GLOWNA.glowna .linki .lewa ul li a {
    text-decoration: #4a4a4a;
    text-decoration-line: underline;
}

.artykul .title a {
    color: #9cbf2e;
    text-decoration: #9cbf2e;
    text-decoration-line: underline;
}
#SEKCJE_GLOWNE .text h1 {
    letter-spacing: 2px;
    font-weight: 600;
}

#SEKCJA_GLOWNA .flex-row
{
    align-items: normal;
    flex-wrap: initial;
}
.flex-column.nagrody {
    background: #fff;
}

.flex-column.nagrody .img{
    margin: 0 20px;
    padding-bottom: 40px;
}
.flex-column.nagrody .text1{
    text-align: center;
    font-size: 30px;
    letter-spacing: 5px;
    color: #494949;
    font-weight: 900;
    padding-top: 20px;
    padding-bottom: 40px;
}
.flex-column.nagrody .img img{
    width:100%;
    height:auto;
}

.flex-column.nagrody .img.left {
    margin-right: 0px;
}

.flex-column.nagrody .img.right {
    margin-left: 0;
}
.flex-column.nagrody .img.tarcza img {
    width: 90%;
}

#animacja_ranking > div img {
    animation:animowany_tekst 10s linear infinite;
}
#animacja_ranking div:nth-child(1) img{
    animation-delay:500ms;
    -webkit-animation-delay:250ms;
}

#animacja_ranking div:nth-child(2) img {
    animation-delay:1000ms;
    -webkit-animation-delay:500ms;
}

#animacja_ranking div:nth-child(3) img {
    animation-delay:1500ms;
    -webkit-animation-delay:750ms;
}

#animacja_ranking div:nth-child(4) img {
    animation-delay:2000ms;
    -webkit-animation-delay:1000ms;
}

#animacja_ranking div:nth-child(5) img {
    animation-delay:2500ms;
    -webkit-animation-delay:1250ms;
}

#animacja_ranking div:nth-child(6) img {
    animation-delay:3000ms;
    -webkit-animation-delay:1500ms;
}




@keyframes animowany_tekst
{
    0% {transform:rotate(0);}
    10% {transform:rotate(360deg);}
    100% {transform:rotate(360deg);}
}

@-webkit-keyframes animowany_tekst /* dla Google Chrome, Safari, Opera 15+ */
{
    0% {-webkit-transform:rotate(0);}
    10% {-webkit-transform:rotate(360deg);}
    100% {-webkit-transform:rotate(360deg);}
}

#MENU .menu li.dropdown.dostepny.active a{
    background-color: #5e5d5d;
    color: white;
}

#MENU .menu li.dropdown.dostepny.active .dropdown-content a.font, #MENU .menu li.dropdown.dostepny.active .dropdown-content a.color {
    background-color: #8c8989;
    color: white;
}

#STOPKA .parallax-tlo {
    display: none;
}

#koniec {
    box-shadow: 5px 5px 10px;
}

  
#koniec {
    color:black;
    margin-top:240px;
    background: white;
    padding-bottom: 50px;
    font-family: auto;
}

div#koniec h1 {
    text-align: center;
    padding: 30px;
    font-size: 30px;
    margin-top: 42px;
    margin-bottom: 20px;
    line-height: 50px;
    color:red;
}

div#film {
    text-align: center;
    margin: 10px;
    margin-bottom: 54px;
}
div#koniec p {
    text-align: left;
    padding-bottom: 10px;
    font-size: 20px;
}
div#zyczenia h1 {
    color: black;
    font-size: 21px;
}
div#zyczenia p {
    color: #332f2f;
    font-size: 23px;
    text-align: match-parent;
    line-height: 29px;
}

#koniec li {
    font-size: 20px;
}

#koniec ul {
    padding-left: 20px;
}

#koniec a
{
    padding-top:20px;
}
.marg {
    padding-left: 80px;
}

p.marg1 {
    margin-top: 20px;
}

#SEKCJA_ARTYKULY {
    padding-top: 0;
}

sup
{
	vertical-align: super;
	font-size:14px;
}

#SEKCJA_PARTNERZY, body #SEKCJA_ARTYKULY {
    padding-top: 0;
}

#koniec img {
    width: 100%;
}
#koniec .marg {
    padding-left: 80px;
    padding: 0;
    margin: 0;
}

#NAGLOWEK 
{
    margin-bottom: 249px;
}

#SEKCJA_PARALLAX article p {
    line-height: normal;
}
section#SEKCJA_KONTAKT {
    padding-top: 0px;
}