@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

.glowCookies__border{border:1px solid #e6e6e6!important}.glowCookies__left{left:15px}.glowCookies__right{right:15px}.glowCookies__show{opacity:1!important;visibility:visible!important;transform:scale(1)!important}.glowCookies__banner{opacity:0;visibility:hidden;transform:scale(.9);font-family:inherit;position:fixed;width:auto;max-width:375px;z-index:999;-webkit-box-shadow:0 .625em 1.875em rgba(2,2,3,.2);-moz-box-shadow:0 .625em 1.875em rgba(2,2,3,.2);box-shadow:0 .625em 1.875em rgba(2,2,3,.2);transition:transform .2s ease,opacity .2s ease!important}.glowCookies__banner .accept__btn__styles{border:none;padding:13px 15px;font-size:15px;font-family:inherit;width:49%;cursor:pointer;font-weight:bolder;transition:filter .15s;user-select:none}.glowCookies__banner .settings__btn__styles{border:none;padding:13px 15px;font-family:inherit;font-size:15px;width:49%;cursor:pointer;font-weight:bolder;transition:filter .15s;user-select:none}.glowCookies__banner .btn__section button:focus{outline:0;transform:scale(.95);-webkit-filter:contrast(75%);filter:contrast(75%)}.glowCookies__banner .btn__section button:hover{-webkit-filter:contrast(85%);filter:contrast(85%)}@media (max-width:455px){.btn__section .btn__accept{width:100%;margin-bottom:7px}.btn__section .btn__settings{width:100%}}.glowCookies__banner__1{bottom:15px;border-radius:20px;padding:20px 25px}.glowCookies__banner__1>h3{font-size:24px;margin:0;padding:8px 0}.glowCookies__banner__1>p{font-size:15px;margin:0;padding:0;line-height:1.3}.glowCookies__banner__1 .read__more{font-weight:bolder}.glowCookies__banner__1 .read__more:hover{color:#666}.glowCookies__banner__1 .btn__section{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:20px}.glowCookies__banner__1 .btn__section button{border-radius:10px}@media (max-width:455px){.glowCookies__banner__1{bottom:0;left:0;right:0;margin:7px}.glowCookies__banner__1 .btn__section{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px}}.glowCookies__banner__2{bottom:15px;border-radius:5px;padding:25px 35px}.glowCookies__banner__2>h3{font-size:24px;margin:0;padding:8px 0}.glowCookies__banner__2>p{font-size:15px;margin:0;padding:0;line-height:1.3}.glowCookies__banner__2 .read__more{font-weight:bolder}.glowCookies__banner__2 .read__more:hover{opacity:.8}.glowCookies__banner__2 .btn__section{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:20px}.glowCookies__banner__2 .btn__section button{border-radius:5px}@media (max-width:455px){.glowCookies__banner__2{bottom:0;left:0;right:0;border-radius:0;border:0;max-width:550px}.glowCookies__banner__2 .btn__section{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px}}.glowCookies__banner__3{bottom:15px;border-radius:0;padding:25px 35px}.glowCookies__banner__3>h3{font-size:30px;margin:0;padding:8px 0}.glowCookies__banner__3>p{font-size:15px;margin:0;padding:0;line-height:1.3}.glowCookies__banner__3 .read__more{font-weight:bolder}.glowCookies__banner__3 .read__more:hover{opacity:.8}.glowCookies__banner__3 .btn__section{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:25px}.glowCookies__banner__3 .btn__section button{border-radius:0}@media (max-width:455px){.glowCookies__banner__3{bottom:0;left:0;right:0;border-radius:0;border:0;max-width:550px}.glowCookies__banner__3 .btn__section{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px}}.prebanner{position:fixed;bottom:15px;z-index:999;min-height:50px;min-width:125px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:bolder;line-height:normal;border:none;padding:12px 18px;text-decoration:none;user-select:none;-webkit-box-shadow:0 .625em 1.875em rgba(2,2,3,.1);-moz-box-shadow:0 .625em 1.875em rgba(2,2,3,.1);box-shadow:0 .625em 1.875em rgba(2,2,3,.1)}.prebanner__border__1{border-radius:15px}.prebanner__border__2{border-radius:10px}.prebanner__border__3{border-radius:2px}.animation{transition:.2s}.animation:hover{transform:scale(.97)}.prebanner:hover{text-decoration:none}
/*# sourceMappingURL=/sm/ea651ed23bdb88313ab670cc5a1a1e6ff60daa3ad1e9cc2e9e8c8ec6057d6c34.map */

:root {
    --text-color: #363636;
    --light-text: #f2f2f2;
    --color1: #FF0613;
    --color2: #333;
    --color3: #f2f2f2;
}

html {
    font-family: 'Lato', sans-serif;
    scroll-behavior: smooth;
}

body {   
    font-size: 16px;
    line-height: 1.75;
    padding:50px 0 0 0;
}

p.big {
    font-size:1.4em;
    margin: 8px 0;
    line-height: 1.4;
}

@media screen and (min-width: 400px) {
    p.big {
        font-size:2em;
    }
}

section {
    padding:10px 0;
}

a {
    color: var(--color1);
    text-decoration: none;
}

a:hover {
    color: var(--color1);
}

a.button {
    color: #fff;
    background-color: var(--color1);
    border: 3px solid var(--color1);
    padding: 8px 20px;
    margin: 5px;
    border-radius: 12px;
    transition: all .3s;
    display: inline-block;
    font-weight: 700;
}

a.button:hover {
    background-color: var(--color2);
}

a.button-lite {
    background-color:#fff;
    border: 3px solid var(--color1);
    padding: 8px 20px;
    margin: 5px;
    border-radius: 12px;
    transition: all .3s;
    display: inline-block;
    font-weight: 700;
}

a.button-lite:hover {
    border-color: var(--color2);
}

table {
    width:100%;
}

table tr th {
    padding:4px 0;
    border-bottom:1px solid var(--color1);
}

table tr td {
    padding:4px 0;
    border-bottom:1px solid var(--color3);
}

table tr td:last-child {
    text-align:right;
}

img.icon {
    width: auto;
    height: 90px;
}

.inverted img.icon {
    filter: invert(1);
}

img.img20 {
    width: 20%;
    height: auto;
    margin: 0 auto;
}

img.img40 {
    width: 40%;
    height: auto;
    margin: 0 auto;
}

img.img60 {
    width: 60%;
    height: auto;
    margin: 0 auto;
}

img.img80 {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

img.img100 {
    width: 100%;
    height: auto;
}

h1 {
    color: var(--text-color);
    font-size: 4.5em;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0 8px 0;
    letter-spacing: -1px;
}

h2 {
    color: var(--text-color);
    font-size: 2.2em;
    font-weight: 700;
    margin: 18px 0 8px 0;
    line-height: 1.2;
    letter-spacing: -1px;
}

h3 {
    color: var(--text-color);
    font-size: 1.75em;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
    margin: 16px 0 8px 0;
}

h4 {
    color: var(--text-color);
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    margin: 12px 0 6px 0;
    text-transform: uppercase;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong {
    color: var(--color1);
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-center {
    text-align: center;
}

label {
    display: block;
    color: var(--color2);
    vertical-align: middle;
}

input {
    padding: 5px;
    vertical-align: middle;
}

select {
    -webkit-appearance:none;
    position:relative;
}

input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
    width: 90%;
    vertical-align: middle;
    padding: 10px;
    border: 2px solid #999;
    border-radius: 8px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
    outline: 0;
    border-color: var(--color1);
}

select {
    padding: 6px 10px;
    width: 94.2%;
    background:url('../img/arrow_down.svg') no-repeat 97% center #fff;
    background-size:18px 18px;
}

select:after {
    content:"";
    display:block;
    width:24px; height:24px;
    background:url('../img/arrow_down.svg') no-repeat center;
    background-size:contain;
    position:absolute;
    right:10px; top:5px;
}

input[type=submit] {
    color: #fff;
    background-color: var(--text-color);
    padding: 12px 20px;
    text-transform: uppercase;
    border-radius: 8px;
    border-color: transparent;
}

input[type=submit]:hover {
    background-color: var(--color1);
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    gap:40px;
}

.row.center {
    align-items: center;
}

.row.bottom {
    align-items:flex-end;
}

.column {
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 1;
}

.col-1 {
    max-width: calc(100% / 12);
}

.col-2 {
    max-width: calc(100% / 12 * 2);
}

.col-3 {
    max-width: calc(100% / 12 * 3);
}

.col-4 {
    max-width: calc(100% / 12 * 4);
}

.col-5 {
    max-width: calc(100% / 12 * 5);
}

.col-6 {
    max-width: calc(100% / 2);
}

@media screen and (max-width: 768px) {
    .row {
        display: block;
    }
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 100;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

#header .logo {
    position: absolute;
    left: 30px;
    top: 0;
    width: auto;
    height: 80px;
}

.hamburger {
    position: absolute;
    right: 45px;
    top: 26px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
}

.hamburger:hover {
    opacity: .7;
}

.hamburger.active .top {
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: var(--color2);
}

.hamburger.active .middle {
    opacity: 0;
    background: var(--color2);
}

.hamburger.active .bottom {
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: var(--color2);
}

.hamburger span {
    background: var(--color1);
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.hamburger span:nth-of-type(2) {
    top: 10px;
}

.hamburger span:nth-of-type(3) {
    top: 20px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, width .35s;
    z-index: 50;
}

.overlay:before {
    content: '';
    background:rgba(255,255,255,0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    left: -55%;
    top: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    transition: left .35s ease;
}

.overlay:after {
    content: '';
    background:rgba(255,255,255,0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    right: -55%;
    top: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    transition: all .35s ease;
}

.overlay.open {
    visibility: visible;
    height: 100%;
}

.overlay.open:before {
    left: 0;
}

.overlay.open:after {
    right: 0;
}

.overlay.open li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .1s;
}

.overlay.open li:nth-of-type(2) {
    animation-delay: .2s;
}

.overlay.open li:nth-of-type(3) {
    animation-delay: .3s;
}

.overlay.open li:nth-of-type(4) {
    animation-delay: .4s;
}

.overlay.open li:nth-of-type(5) {
    animation-delay: .5s;
}

.overlay.open li:nth-of-type(6) {
    animation-delay: .6s;
}

.overlay.open li:nth-of-type(7) {
    animation-delay: .7s;
}

.overlay.open li:nth-of-type(8) {
    animation-delay: .8s;
}

.overlay.open li:nth-of-type(9) {
    animation-delay: .9s;
}

.overlay nav {
    position: relative;
    height: 100vh;
    font-size: 24px;
    text-align: center;
    z-index: 100;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 100vh;
}

.overlay ul li {
    line-height: 1.25;
    height: auto;
    margin: 15px 0;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: inline;
    position: relative;
    color: var(--color2);
    text-decoration: none;
    overflow: hidden;
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    width: 100%;
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: var(--color3);
    transition: .35s;
}

.overlay ul li.active a {
    color: var(--color1);
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

#o-mnie {
    background-image:url("../img/omnie_bg_mobile.jpg");
    background-repeat: no-repeat;
    background-position: right 81px;
    background-size:contain;
}

@media screen and (min-width: 415px) {
    #o-mnie {
        background-image:url("../img/omnie_bg.jpg");
        background-size:cover;
        background-position: bottom center;
    }
    #o-mnie .row {
        min-height: 64vh;
        padding-bottom: 17vh;
    }
}

#o-mnie-kontynuacja {
    background-image:url("../img/omnie_2_mobile_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size:contain;
    padding-top:24vh;
}

@media screen and (min-width: 415px) {
    #o-mnie-kontynuacja {
        background-image:url("../img/omnie_2_bg.jpg");
        background-position: center right;
        padding-top:0;
    }
    #o-mnie-kontynuacja .row {
        min-height:80vh;
    }
}

#oferta {
    background-image:url("../img/pakiety_bg_mobile.jpg");
    background-repeat: no-repeat;
    background-position:top right;
    background-size:contain;
    padding-top:170px;
}



@media screen and (min-width: 415px) {
    #oferta {
        background-image:url("../img/pakiety_bg.jpg");
        background-size:contain;
        padding-top:190px;
    }
}


#oferta .pakiet {
    background-color:rgba(255,255,255,0.7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border:3px solid var(--color3);
    padding:15px 20px 40px 20px;
    border-radius:10px;
    box-shadow:0 15px 20px rgba(0,0,0,0);
    cursor: pointer;
    transition: all .3s;
    margin:40px 0;
}

#oferta .pakiet.selected {
    border:3px solid var(--color1);
    box-shadow:0 15px 20px rgba(0,0,0,0.2);
    transform: translateY(-10px);
}

#oferta .pakiet .icon {
    width:48px; height:auto;
}

#oferta .pakiet h3 {
    text-align: right;
    border-top:1px solid var(--color3);
    padding-top:15px;
}

#oferta .pakiet ul {
    padding-left:15px;
    list-style:none;
    list-style-image:url(../img/tick.svg);
}

#oferta p.select {
    margin-bottom: -55px;
    text-align: center;
    font-size: 18px;
    font-weight:700;
}

#oferta p.select span {
    padding:8px 24px;
    background-color:var(--color3);
    border:3px solid var(--color3);
    color:var(--text-color);
    border-radius:12px;
}

#oferta p.select span.wybrany {
    color:#fff;
    background-color:var(--color1);
    border:3px solid var(--color1);
    display:none;
}

#oferta .selected p.select span {
    display:none;
}

#oferta .selected p.select span.wybrany {
    display:inline;
}

#pb {
    background-image:url("../img/pb_bg_mobile.jpg");
    background-repeat: no-repeat;
    background-position:top center;
    background-size:contain;
    padding-top:250px;
}

@media screen and (min-width: 400px) {
    #pb {
        background-image:url("../img/pb_bg.jpg");
        background-size:cover;
        background-position:center center;
        padding-top:10px;
    }
    #pb .row {
        min-height:75vh;
    }
}

#pb table {
    max-width:400px;
}

#zamow {
    background-image:url("../img/zamow_bg_mobile.jpg");
    background-repeat: no-repeat;
    background-position:top center;
    background-size:contain;
    padding-top:250px;
}

@media screen and (min-width: 400px) {
    #zamow {
        background-image:url("../img/zamow_bg.jpg");
        background-position:center center;
        padding-top:10px;
    }
}

#zamow .dodatkowa_dyscyplina {
    display:none;
}

#zamow .dodatkowa_dyscyplina.active {
    display:block;
}

#zamow .dodatkowa_dyscyplina select {
    width:45%; margin-right:3%;
}

#galeria img,
#galeria video {
    border-radius: 16px;
    margin-bottom:16px;
}

video.gallery_clip {
    width:100% !important; height:auto !important;
}

#footer {
    background-image:url('../img/footer-pattern.png');
    background-color: #222;
    color:#888;
}

#footer h3 {
    color: var(--color1);
    font-size:1.2em;
    line-height:1;
    
}

#footer .logo {
    width: 120px;
    height: auto;
}

#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer a {
    color: var(--light-text);
    cursor: pointer;
}

#footer .icon {
    width:32px; height:auto;
    padding:8px; 
}

#footnote {
    background-color: #111;
}

#footnote p {
    color: #999;
}

#footnote p strong {
    font-weight: normal;
}