* {padding: 0; margin: 0; list-style: none}
html, body, .ccm-page, .page-template-full, .ccm-image-slider-container, .ccm-image-slider, .ccm-image-slider-inner, .rslides, .rslides li {height: 100%}
a {text-decoration: none; outline: none; transition: all .2s ease-in-out}
div {font-family: 'Ubuntu', sans-serif; font-weight: 300}
p {margin-top: 3rem; margin-bottom: 0}
img {border: 0}
.clear {clear: both; font-size: 0; line-height: 0}
.left {float: left}
.right {float: right}
.center {text-align: center}
@media (max-width: 700px) {
html {font-size: .8px; line-height: 1.5}
.page {position: relative; z-index: 5}
.menu-hide {cursor: pointer; position: fixed; top: 10rem; left: 2%; z-index: 200}
.menu {position: fixed; top: 0; left: 0; width: 80%; height: 0; padding-bottom: 100vh; z-index: 50; background: rgba(0,5,28,0.9); border-top-right-radius: 20px; border-bottom-right-radius: 20px; transition: all .2s ease-in-out; transform: translateX(-100%)}
.submenu {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 18rem; font-weight: 500; text-transform: uppercase; line-height: 30rem}
.menu .nav {width: 70%; padding: 0 15%}
.menu li {position: relative}
.menu li a {display: block; color: #fff; padding: 10rem}
.menu li ul {display: none}
.showmenu {transform: translateX(0) !important}
.fb-p {width: 48rem; height: auto; position: absolute; top: 150rem; right: 0; z-index: 40}
.fb-l {width: 48rem; height: auto; position: absolute; top: 200rem; right: 0; z-index: 40}
.fb-pj {width: 48rem; height: auto; position: absolute; top: 250rem; right: 0; z-index: 40}
.fb-gc {width: 48rem; height: auto; position: absolute; top: 300rem; right: 0; z-index: 40}
.in {width: 48rem; height: auto; position: absolute; top: 350rem; right: 0; z-index: 40}
.yt {width: 48rem; height: auto; position: absolute; top: 400rem; right: 0; z-index: 40}
.bip {width: 48rem; height: auto; position: absolute; top: 450rem; right: 0; z-index: 40}
.contrast-swap {width: 48rem; height: auto; position: absolute; top: 500rem; right: 0; z-index: 40}
.font-swap {width: 48rem; height: auto; position: absolute; top: 550rem; right: 0; z-index: 40}
.full {height: 100%; position: relative; z-index: 1}
.logo {position: absolute; left: 5%; top: 10%; z-index: 5; width: 35vw; height: 35vw}
.welcome {position: absolute; bottom: 18%; left: 5%; z-index: 2; font-size: 6vw; color: #fff; font-weight: 700; line-height: 2; letter-spacing: -.04em}
.welcome span {display: block; padding: 0 6vw; position: relative; z-index: 5}
.welcome:before, .welcome:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6vw}
.welcome:before {z-index: 1; margin-left: 2vw; transform: rotate(-2deg)}
.welcome:after {z-index: 2}
.ue {width: 14vw; height: auto; position: absolute; right: 5%; top: 35rem; z-index: 30}
.container {position: relative; z-index: 2}
.container:before {content: ""; display: block; width: 100%; height: 73vw; background: url(img/cover.png) top no-repeat; background-size: contain; position: absolute; top: -13vh; left: 0; z-index: 1}
.offer {display: flex; margin: 0 4%; flex-wrap: wrap; padding-top: 10vw}
.offer a {display: block; width: 49%; height: 33vw; margin: .5%}
.offer a:first-child:before, .offer a:last-child:before {content: ""; display: block; width: 100%; height: 15vw; position: absolute; border-radius: 5rem; z-index: 1}
.offer a:first-child:before {background: #009ee7; transform: rotate(2deg); top: -5rem; left: -15rem}
.offer a:last-child:before {background: #00d17b; transform: rotate(-2deg); bottom: -12rem; right: -8rem}
.content {font-size: 18rem; line-height: 30rem; color: #474747}
.main {position: relative; z-index: 10; padding: 0 5%; float: none !important}
.main h2, .content h1 {font-weight: 700; font-size: 60rem; line-height: 1.2; padding-bottom: 30rem; margin-bottom: 60rem; position: relative; letter-spacing: -.04em; float: left}
.main h2:before, .content h1:before {content: ""; display: block; width: 12rem; height: 12rem; border-radius: 100%; position: absolute; bottom: 0}
.main h2:after, .content h1:after {content: ""; display: block; width: 2000rem; height: 2rem; margin: 0 16rem; position: absolute; bottom: 5rem}
.hours {padding-top: 40rem; font-size: 15rem; font-weight: 500; color: #00a1df; text-transform: uppercase; line-height: 40rem}
.btns {padding-top: 40rem; display: flex; flex-wrap: wrap; font-size: 15rem; font-weight: 500; line-height: 50rem; text-transform: uppercase; text-align: center}
.btns li {width: 44vw; margin: 0 1vw 2vw 0}
.btns li a {display: block; color: #fff; border-radius: 25rem}
.call {padding-left: 50rem; margin-top: 35rem; background: url(img/tel.png) 0 3rem no-repeat; background-size: 32rem; font-size: 17rem; color: #000; line-height: 40rem; text-transform: uppercase}
.call a {display: block; font-size: 20rem; font-weight: 500; text-transform: none; color: #000}
.baseny {padding: 120rem 0 20rem 0}
.baseny h2:after, .baseny h2:before {left: 0; background: #0b56a6}
.baseny h2 span {display: inline-block; position: relative}
.baseny h2 span:before {content: ""; display: block; width: 30rem; height: 30rem; border: 3rem solid #009ee7; border-radius: 100%; position: absolute; top: -5rem; right: -190rem}
.baseny h2 span:after {content: ""; display: block; width: 60rem; height: 60rem; border: 4rem solid #009ee7; border-radius: 100%; position: absolute; top: 0; right: -130rem}
.bf1 {width: 300rem; height: 300rem; margin: 0 auto 50rem auto; position: relative}
.bf1:before {width: 100rem; height: 100rem; border: 6rem solid #009ee7; bottom: 100rem; right: -50rem}
.bf1:after {width: 60rem; height: 60rem; border: 5rem solid #009ee7; bottom: 10rem; right: -60rem}
.bf2:after {width: 50rem; height: 50rem; border: 4rem solid #009ee7; top: 40rem; left: -40rem}
.lodowisko {padding: 70rem 0 0 0; background: url(img/lodowisko-bg.jpg) center; background-size: cover}
.lodowisko h2:after, .lodowisko h2:before {right: 0; background: #64c7ef}
.lf {width: 80vw; height: 68vw; overflow: hidden; margin: 40rem auto 0 auto}
.kregielnia {padding: 90rem 0; background: url(img/kregielnia-bg.png) bottom no-repeat; background-size: 100%; min-height: 560rem; position: relative; z-index: 2}
.kregielnia:before {content: ""; display: block; width: 100%; height: 90%; background: #12123a; position: absolute; left: 0; top: 0; z-index: 1}
.kregielnia h2:after, .kregielnia h2:before {left: 0; background: #fff}
.kf img {width: 60% !important; margin: 0 auto 40rem auto}
.nopad {padding: 0}
.krioterapia {background: url(img/krioterapia-bg.jpg) top no-repeat; background-size: cover; position: relative; z-index: 1; margin-top: -12.3vw; padding-top: 12.3vw}
.krioterapia .page {padding: 30rem 0}
.krioterapia h2:after, .krioterapia h2:before {right: 0; background: #80df01}
.kt {width: 60%}
.odnowa-sala {background: url(img/odnowa-bg.jpg) top no-repeat; background-size: 100%; padding: 0 5% 120rem 5%}
.odnowa-sala .foto {position: relative; margin-bottom: 30rem}
.odnowa-sala .foto img {height: auto; width: 90%; display: block; margin: 0 auto}
.odnowa-sala .main {padding: 0}
.odnowa-sala h2 {margin-bottom: 10rem}
.odnowa-sala h2 span {display: block; font-weight: 500; font-size: 30rem; color: #0b56a6; padding-top: 20rem; letter-spacing: -.04em}
.odnowa, .sala-zabaw {padding: 100rem 0 0 0}
.crazy-carts {position: relative}
.crazy-carts .page {z-index: 2; padding: 30rem 0 100rem 0}
.crazy-carts .main {color: #fff}
.crazy-carts-bg {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1}
.cf {display: none}
.cl {width: 100%; height: auto; display: block}
.kontakt {padding: 20rem 5%; background: #eeecef url(img/kontakt-bg.jpg) top no-repeat; background-size: 100%}
.kontakt .page {align-items: flex-end}
.adr {color: #000; font-size: 20rem; margin-bottom: 60rem}
.adr h3 {font-size: 30rem; font-weight: 500; color: #00325b; line-height: 1.2; margin-bottom: 30rem}
.adr li {padding: 25rem 0 25rem 65rem; border-bottom: 1px solid #ccc}
.osir {font-size: 18rem; color: #000; line-height: 2}
.map iframe {display: block; width: 100%; height: 460rem}
.dot {padding-top: 60rem; border-bottom: 1px solid #ddd}
.dot img {display: block; width: 90%; height: auto; margin: 0 auto 60rem auto}
.sub {height: 45%; position: relative; z-index: 1}
.sub .logo {bottom: auto; top: 10vh; left: 6%; width: 28vw; height: 28vw}
.spad {padding: 0 0 100rem 0 !important}
.spad .content {padding: 0 5%}
.content h1 strong {display: block; font-size: 30rem; color: #12123a; text-transform: uppercase; font-weight: 500; letter-spacing: .02em}
.spad h1 {margin-bottom: 80rem}
.spad h2 {color: #12123a; font-size: 50rem; margin-bottom: 50rem; font-weight: 700; line-height: 1.3}
.spad ul {margin-top: 30rem}
.spad ul li {padding-left: 60rem; background: url(img/li.png) 15rem 10rem no-repeat; background-size: 30rem}
.oflex {margin-bottom: 50rem}
.ofoto, .ofoto-big {display: flex; justify-content: center; margin-bottom: 50rem}
.ofoto img {width: auto; height: auto; max-width: 100%; max-height: 400rem; margin: auto; border-radius: 20rem}
.ofoto-big img {width: auto; height: auto; max-width: 100%; max-height: 600rem; margin: auto; border-radius: 20rem}
.ofoto iframe {display: block; width: 100%; height: 393rem; border-radius: 20rem}
.otxt {margin-bottom: 50rem}
.scon .kontakt {padding-top: 80rem}
.price-tab {display: flex; justify-content: flex-end; margin: 20rem auto 0 auto}
.day {width: 30%; margin: 0 1%; padding: 8rem 4%; background: #eee; border-top-left-radius: 10rem; border-top-right-radius: 10rem; color: #000; display: flex; align-items: center; font-weight: 500; text-transform: uppercase; font-size: 15rem}
.tab {width: 24%; margin: 0 1%; padding: 8rem 2%; color: #fff; font-size: 16rem; line-height: 1.3; display: flex; justify-content: center; text-align: center; align-items: center; border-top-left-radius: 10rem; border-top-right-radius: 10rem}
.t3 {width: 54%}
.price {background: #fff; border-radius: 10rem; display: flex; margin: 0 auto 10rem auto; padding: 35rem 0; position: relative}
.price:after, .inside-menu ul:after {content: ""; display: block; width: 100%; height: 10rem; position: absolute; top: 100%; left: 0; background: url(img/sh.png); background-size: cover; opacity: .2}
.th {width: 30%; padding: 0 5%; display: flex; align-items: center}
.td {width: 30%; display: flex; align-items: center; justify-content: center; font-size: 22rem; color: #000; font-weight: 700; position: relative}
.td-dbl {width: 60%}
.td:before {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #ddd}
.td em {display: block; font-size: 18rem; font-style: normal; color: #999; text-align: center}
.more-info {margin: 80rem auto; font-size: 16rem}
.more-link {margin: 60rem auto 0 auto; display: block; color: #fff !important; border-radius: 40rem; background: #009ee7; font-size: 16rem; font-weight: 500; line-height: 80rem; text-transform: uppercase; text-align: center; width: 300rem}
.hl {text-align: center; margin: 40rem 0 80rem 0; font-size: 24rem; font-weight: 500; color: #000; padding: 70rem; border: 2px solid #00d17b; border-radius: 20rem}
.inside-menu {display: none; margin: 0 0 80rem 0 !important; clear: both; font-size: 16rem; text-transform: uppercase; font-weight: 500; text-align: center}
.inside-menu ul {position: relative}
.inside-menu li {border-bottom: 1px solid #ddd; padding: 0 !important;background: none !important}
.inside-menu li a {display: block; background: #fff; padding: 10rem 30rem}
.inside-menu li a.nav-path-selected {background: #009ee7; color: #fff !important}
.nmbr {margin-bottom: 80rem}
.nmbr li {margin-bottom: 20rem; border: 1px solid #bbdced; border-radius: 10rem; text-align: center; padding: 50rem 3%; color: #000; font-size: 22rem}
.nmbr li strong {display: block; font-size: 40rem; margin-bottom: 20rem}
.cols, .col {margin-bottom: 50rem}
.iframe {padding-top: 30rem; background: #fff; border-radius: 20rem; height: 700rem}
.sml {font-size: 15rem; line-height: 22rem; color: #000}
.height-auto {height: auto !important; width: 130%}
.sg {margin: 0 -2rem !important}
.sg-item {width: calc(20% - 4rem) !important; padding: 0 !important; margin: 2rem !important; background: none !important; display: block !important}
.sg-item-image {height: 14vw}
.page-list {padding-bottom: 80rem}
.form-group {position: relative; margin-bottom: 10px; padding-bottom: 10px}
.ccm-block-express-form {padding: 0 0 80px 0; border-bottom: 1px solid #eee}
.ccm-form label {display: block; line-height: 16px; text-align: left; font-size: 12px; color: #000; margin-bottom: 5px}
.ccm-form input[type=text], .ccm-form input[type=email], .ccm-form textarea, .ccm-form button {display: block; width: 90%; padding: 7px 5%; border: 1px solid #e6e6e6; background-color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 12px; line-height: 20px; border-radius: 8px}
.ccm-form textarea {height: 120px !important}
.ccm-form button {width: 100%; cursor: pointer; color: #009bd9; font-weight: 700; text-transform: uppercase}
.ccm-form span {font-size: 0; width: 4px; height: 4px; position: absolute; top: -2px; left: 0; margin-left: -10px}
.ccm-form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 20px; font-weight: 700; color: #e40613}
.ib {width: auto; height: auto; max-width: 100%; display: block; margin: 60rem auto}
.scroll {position: absolute; z-index: 20; top: 86%; left: 48%; width: 4vw; height: 4vw; background: url(img/scroll.png) center no-repeat; background-size: contain; opacity: .5}
.news-info {text-align: center; font-size: 20rem; font-weight: 700; margin: 0 5%}
.news-info a {display: inline-block; padding: 0 30rem; color: #000; background: url(img/ar.png) right no-repeat; background-size: 17rem; margin-top: 30rem}
.con-boxes {margin: 0 0 70rem 0}
.con-box {margin: 0 0 20rem 0; background: #fff; border-radius: 10rem; text-align: center; padding: 40rem 1%; box-shadow: 2rem 2rem 24rem 0 rgba(0, 0, 0, .05); font-size: 16rem}
.con-box strong {display: block; margin-bottom: 20rem; font-size: 26rem; color: #000}
.con-box a {display: inline-block; margin-top: 20rem; padding-left: 30rem; color: #000 !important; font-size: 20rem}
.con-box .con-tel {background: url(img/phone.png) left no-repeat; background-size: 20rem}
.con-two .con-box {font-size: 20rem; line-height: 2}
.con-box iframe {display: block; width: 94%; height: 360rem; border-radius: 5rem}
.dwn a {font-size: 20rem; line-height: 30rem; display: block; background: url(img/dwn.png) 0 23rem no-repeat; background-size: 20rem; padding: 20rem 0 20rem 40rem; border-bottom: 1px solid #e6e6e6}
.youtubeBlockResponsive16by9 {margin: 40rem auto}
.sport {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 30rem 0; border-bottom: 1px solid #e6e6e6}
.sport img {display: block; height: 40rem; width: auto; margin: 10rem}
.sport span {display: block; margin: 10rem 0; width: 100%; text-align: center}
.smlcols {margin-top: 40rem}
.powerjump {padding: 70rem 0 0 0; background: url(img/powerjump-bg.jpg) center; background-size: cover}
.powerjump h2:after, .powerjump h2:before {right: 0; background: #fff}
.gokarty {padding: 50vw 0 70rem 0; background: #121617 url(img/gobgm.jpg) top no-repeat; background-size: 100%}
.gokarty h2:after, .gokarty h2:before {background: #fff}
.nmimg {display: block; width: 100%; height: auto; border-radius: 10rem; margin-bottom: 30rem}
.stickytooltip {box-shadow: 0 0 40rem 0 rgba(0,0,0,0.4); display: none; position: fixed; background: #fff; z-index: 3000; top: 10% !important; left: 10% !important}
.atip {width: 70vw; padding: 5vw; font-size: 15rem; line-height: 22rem}
.blog-body .pt h2, .blog-body .pt h3 {font-size: 24rem; color: #000; font-weight: 500; margin: 30rem 0}
.blog-body .pt h3 {font-size: 20rem}
.blog-body img {max-width: 100%; width: auto; height: auto; max-height: 500rem; display: block; margin: 40rem auto; border-radius: 20rem}
.blog-body h3 {text-align: left}
.blog-body h4 {color: #000; font-weight: 500; font-size: 18rem; margin: 30rem 0}
.blog-more {display: none}
.blog-foto img {margin: 0 auto 60rem auto}
.pt {margin-top: 40rem}
.blog-list {display: flex; margin: 0; flex-direction: column}
.blog-body h2:first-child, .blog-body h3:first-child {margin-top: 0}
.blog-list a {display: block; margin-bottom: 30rem; padding-bottom: 30rem; border-bottom: 2rem solid #009bd9; color: #474747 !important; font-size: 16rem; line-height: 22rem}
.blog-list a h4 {font-size: 22rem; line-height: 26rem; display: block; margin-bottom: 15rem; font-weight: 500}
.blog-post i {display: block; height: 60vw; margin-bottom: 30rem; border-radius: 12rem; overflow: hidden}
.blog-list a:after {content: "czytaj więcej"; text-align: center; font-weight: 500; color: #009bd9; display: block; padding-top: 20rem}
}
@media (max-width: 1000px) and (orientation: landscape) {
.rotate {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background: rgba(0,0,0,0.9) url(img/rotate.png) center no-repeat; background-size: 40%}
}
@media (min-width: 701px) and (max-width: 1000px) {
html {font-size: .8px; line-height: 1.5}
.page {position: relative; z-index: 5}
.menu-hide {cursor: pointer; position: fixed; top: 30rem; left: 2%; z-index: 200}
.menu {position: fixed; top: 0; left: 0; width: 400rem; height: 0; padding-bottom: 100vh; z-index: 50; background: rgba(0,5,28,0.9); border-top-right-radius: 20px; border-bottom-right-radius: 20px; transition: all .2s ease-in-out; transform: translateX(-100%)}
.submenu {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 18rem; font-weight: 500; text-transform: uppercase; line-height: 30rem}
.menu .nav {width: 70%; padding: 0 15%}
.menu li {position: relative}
.menu li a {display: block; color: #fff; padding: 15rem 18rem 25rem 18rem}
.menu li ul {display: none}
.showmenu {transform: translateX(0) !important}
.fb-p {width: 48rem; height: auto; position: fixed; top: 220rem; right: 0; z-index: 40}
.fb-l {width: 48rem; height: auto; position: fixed; top: 270rem; right: 0; z-index: 40}
.fb-pj {width: 48rem; height: auto; position: fixed; top: 320rem; right: 0; z-index: 40}
.fb-gc {width: 48rem; height: auto; position: fixed; top: 370rem; right: 0; z-index: 40}
.in {width: 48rem; height: auto; position: fixed; top: 420rem; right: 0; z-index: 40}
.yt {width: 48rem; height: auto; position: fixed; top: 470rem; right: 0; z-index: 40}
.bip {width: 48rem; height: auto; position: fixed; top: 520rem; right: 0; z-index: 40}
.contrast-swap {width: 48rem; height: auto; position: fixed; top: 570rem; right: 0; z-index: 40}
.font-swap {width: 48rem; height: auto; position: fixed; top: 620rem; right: 0; z-index: 40}
.full {height: 100%; position: relative; z-index: 1}
.logo {position: absolute; left: 5%; top: 10%; z-index: 5; width: 31vw; height: 31vw}
.welcome {position: absolute; bottom: 18%; left: 5%; z-index: 2; font-size: 6vw; color: #fff; font-weight: 700; line-height: 2; letter-spacing: -.04em}
.welcome span {display: block; padding: 0 6vw; position: relative; z-index: 5}
.welcome:before, .welcome:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6vw}
.welcome:before {z-index: 1; margin-left: 2vw; transform: rotate(-2deg)}
.welcome:after {z-index: 2}
.ue {width: 8vw; height: auto; position: absolute; right: 5%; top: 55rem; z-index: 30}
.container {position: relative; z-index: 2}
.container:before {content: ""; display: block; width: 100%; height: 73vw; background: url(img/cover.png) top no-repeat; background-size: contain; position: absolute; top: -13vh; left: 0; z-index: 1}
.offer {display: flex; margin: 0 4%; flex-wrap: wrap; padding-top: 10vw}
.offer a {display: block; width: 49%; height: 33vw; margin: .5%}
.offer a:first-child:before, .offer a:last-child:before {content: ""; display: block; width: 100%; height: 15vw; position: absolute; border-radius: 5rem; z-index: 1}
.offer a:first-child:before {background: #009ee7; transform: rotate(2deg); top: -5rem; left: -15rem}
.offer a:last-child:before {background: #00d17b; transform: rotate(-2deg); bottom: -12rem; right: -8rem}
.content {font-size: 18rem; line-height: 30rem; color: #474747}
.main {position: relative; z-index: 10; padding: 0 5%; float: none !important}
.main h2, .content h1 {font-weight: 700; font-size: 80rem; line-height: 1.2; padding-bottom: 30rem; margin-bottom: 60rem; position: relative; letter-spacing: -.04em; float: left}
.main h2:before, .content h1:before {content: ""; display: block; width: 12rem; height: 12rem; border-radius: 100%; position: absolute; bottom: 0}
.main h2:after, .content h1:after {content: ""; display: block; width: 2000rem; height: 2rem; margin: 0 16rem; position: absolute; bottom: 5rem}
.hours {padding-top: 40rem; display: flex; flex-wrap: wrap; font-size: 16rem; font-weight: 500; color: #00a1df; text-transform: uppercase; line-height: 40rem}
.hours li:not(:first-child) {padding-left: 20rem; margin-left: 20rem; border-left: 1px solid #b9b9b9}
.btns {padding-top: 40rem; display: flex; flex-wrap: wrap; font-size: 16rem; font-weight: 500; line-height: 50rem; text-transform: uppercase; text-align: center}
.btns li {width: 32%; margin: 0 1% 1% 0}
.btns li a {display: block; color: #fff; border-radius: 25rem}
.call {padding-left: 50rem; margin-top: 35rem; background: url(img/tel.png) left no-repeat; background-size: 32rem; font-size: 14rem; color: #000; line-height: 50rem; text-transform: uppercase}
.call a {font-size: 18rem; font-weight: 500; text-transform: none; color: #000}
.baseny {padding: 160rem 0 60rem 0}
.baseny h2:after, .baseny h2:before {left: 0; background: #0b56a6}
.baseny h2 span {display: inline-block; position: relative}
.baseny h2 span:before {content: ""; display: block; width: 30rem; height: 30rem; border: 3rem solid #009ee7; border-radius: 100%; position: absolute; top: -5rem; right: -190rem}
.baseny h2 span:after {content: ""; display: block; width: 60rem; height: 60rem; border: 4rem solid #009ee7; border-radius: 100%; position: absolute; top: 0; right: -130rem}
.bf1 {width: 500rem; height: 500rem; margin: 0 auto 50rem auto; position: relative}
.bf1:before {width: 100rem; height: 100rem; border: 6rem solid #009ee7; bottom: 100rem; right: -50rem}
.bf1:after {width: 60rem; height: 60rem; border: 5rem solid #009ee7; bottom: 10rem; right: -60rem}
.bf2:after {width: 50rem; height: 50rem; border: 4rem solid #009ee7; top: 40rem; left: -40rem}
.lodowisko {padding: 70rem 0 0 0; background: url(img/lodowisko-bg.jpg) center; background-size: cover}
.lodowisko h2:after, .lodowisko h2:before {right: 0; background: #64c7ef}
.lf {width: 60vw; height: 52vw; overflow: hidden; margin: 40rem auto 0 auto}
.kregielnia {padding: 90rem 0; background: url(img/kregielnia-bg.png) bottom no-repeat; background-size: 100%; min-height: 560rem; position: relative; z-index: 2}
.kregielnia:before {content: ""; display: block; width: 100%; height: 70%; background: #12123a; position: absolute; left: 0; top: 0; z-index: 1}
.kregielnia h2:after, .kregielnia h2:before {left: 0; background: #fff}
.nopad {padding: 0}
.kf {display: none}
.krioterapia {background: url(img/krioterapia-bg.jpg) top no-repeat; background-size: cover; position: relative; z-index: 1; margin-top: -12.3vw; padding-top: 12.3vw}
.krioterapia .page {padding: 30rem 0}
.krioterapia h2:after, .krioterapia h2:before {right: 0; background: #80df01}
.kt {width: 50%}
.odnowa-sala {background: url(img/odnowa-bg.jpg) top no-repeat; background-size: 100%; padding: 0 5% 120rem 5%}
.odnowa-sala .foto {position: relative}
.odnowa-sala .foto img {height: auto; width: 70%; display: block; margin: 0 auto}
.odnowa-sala .main {padding: 0}
.odnowa-sala h2 {margin-bottom: 10rem}
.odnowa-sala h2 span {display: block; font-weight: 500; font-size: 30rem; color: #0b56a6; padding-top: 20rem; letter-spacing: -.04em}
.odnowa, .sala-zabaw {padding: 100rem 0 0 0}
.crazy-carts {height: 930rem; position: relative}
.crazy-carts .page {z-index: 2; padding-top: 600rem}
.crazy-carts .main {color: #fff}
.crazy-carts-bg {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1}
.cf {width: 100%; position: absolute; top: 130rem; right: 0; z-index: 1}
.cl {position: absolute; top: 100rem; left: -130rem; z-index: 2; width: 723rem; height: auto}
.kontakt {padding: 20rem 5%; background: #eeecef url(img/kontakt-bg.jpg) top no-repeat; background-size: 100%}
.kontakt .page {align-items: flex-end}
.adr {color: #000; font-size: 22rem; margin-bottom: 60rem}
.adr h3 {font-size: 30rem; font-weight: 500; color: #00325b; line-height: 1.2; margin-bottom: 30rem}
.adr li {padding: 20rem 0 20rem 50rem; border-bottom: 1px solid #ccc}
.osir {font-size: 20rem; color: #000; line-height: 2}
.map iframe {display: block; width: 100%; height: 460rem}
.dot {padding-top: 120rem; border-bottom: 1px solid #ddd}
.dot img {display: block; width: 70%; height: auto; margin: 0 auto 120rem auto}
.sub {height: 45%; position: relative; z-index: 1}
.sub .logo {bottom: auto; top: 10vh; left: 6%; width: 22vw; height: 22vw}
.spad {padding: 0 0 100rem 0 !important}
.spad .content {padding: 0 5%}
.content h1 strong {display: block; font-size: 30rem; color: #12123a; text-transform: uppercase; font-weight: 500; letter-spacing: .02em}
.spad h1 {margin-bottom: 80rem}
.spad h2 {color: #12123a; font-size: 50rem; margin-bottom: 50rem; font-weight: 700; line-height: 1.3}
.spad ul {margin-top: 30rem}
.spad ul li {padding-left: 60rem; background: url(img/li.png) 15rem 10rem no-repeat; background-size: 30rem}
.oflex {margin-bottom: 50rem}
.ofoto, .ofoto-big {display: flex; justify-content: center; margin-bottom: 50rem}
.ofoto img {width: auto; height: auto; max-width: 700rem; max-height: 600rem; margin: auto; border-radius: 20rem}
.ofoto-big img {width: auto; height: auto; max-width: 700rem; max-height: 900rem; margin: auto; border-radius: 20rem}
.ofoto iframe {display: block; width: 700rem; height: 393rem; border-radius: 20rem}
.otxt {margin-bottom: 50rem}
.scon .kontakt {padding-top: 80rem}
.price-tab {display: flex; justify-content: flex-end; margin: 20rem auto 0 auto}
.day {width: 40%; margin: 0 1%; padding: 8rem 4%; background: #eee; border-top-left-radius: 10rem; border-top-right-radius: 10rem; color: #000; display: flex; align-items: center; font-weight: 500; text-transform: uppercase; font-size: 15rem}
.tab {width: 19%; margin: 0 1%; padding: 8rem 2%; color: #fff; font-size: 16rem; line-height: 1.3; display: flex; justify-content: center; text-align: center; align-items: center; border-top-left-radius: 10rem; border-top-right-radius: 10rem}
.t3 {width: 44%}
.price {background: #fff; border-radius: 10rem; display: flex; margin: 0 auto 10rem auto; padding: 35rem 0; position: relative}
.price:after, .inside-menu ul:after {content: ""; display: block; width: 100%; height: 10rem; position: absolute; top: 100%; left: 0; background: url(img/sh.png); background-size: cover; opacity: .2}
.th {width: 40%; padding: 0 5%; display: flex; align-items: center}
.td {width: 25%; display: flex; align-items: center; justify-content: center; font-size: 22rem; color: #000; font-weight: 700; position: relative}
.td-dbl {width: 50%}
.td:before {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #ddd}
.td em {font-size: 18rem; font-style: normal; color: #999}
.more-info {margin: 80rem auto; font-size: 16rem}
.more-link {margin: 60rem auto 0 auto; display: block; color: #fff !important; border-radius: 40rem; background: #009ee7; font-size: 16rem; font-weight: 500; line-height: 80rem; text-transform: uppercase; text-align: center; width: 300rem}
.hl {text-align: center; margin: 40rem 0 80rem 0; font-size: 24rem; font-weight: 500; color: #000; padding: 70rem; border: 2px solid #00d17b; border-radius: 20rem}
.inside-menu {margin: 0 -30rem 80rem -30rem !important; clear: both; font-size: 16rem; text-transform: uppercase; font-weight: 500; text-align: center}
.inside-menu ul {display: flex; align-content: flex-start; align-items: flex-end; border-bottom: 1px solid #ddd; position: relative; padding: 0 30rem}
.inside-menu li {padding: 0 !important; margin: 0 1px; background: none !important}
.inside-menu li a {display: block; background: #fff; padding: 10rem 30rem; border-top-left-radius: 10rem; border-top-right-radius: 10rem}
.inside-menu li a:hover {padding: 12rem 30rem}
.inside-menu li a.nav-path-selected {padding: 12rem 30rem; background: #009ee7; color: #fff !important}
.nmbr {display: flex; justify-content: space-between; margin-bottom: 80rem}
.nmbr li {width: 24%; border: 1px solid #bbdced; border-radius: 10rem; text-align: center; padding: 50rem 3%; color: #000; font-size: 22rem}
.nmbr li strong {display: block; font-size: 40rem; margin-bottom: 20rem}
.cols, .col {margin-bottom: 50rem}
.iframe {padding-top: 30rem; background: #fff; border-radius: 20rem; height: 700rem}
.sml {font-size: 15rem; line-height: 22rem; color: #000}
.height-auto {height: auto !important}
.sg {margin: 0 -2rem !important}
.sg-item {width: calc(20% - 4rem) !important; padding: 0 !important; margin: 2rem !important; background: none !important; display: block !important}
.sg-item-image {height: 14vw}
.page-list {padding-bottom: 80rem}
.ccm-block-express-form {padding: 0 0 80rem 0}
.ccm-form {width: 560px; margin: auto}
.ccm-form label {width: 142px; float: left; border-top: 1px solid #e6e6e6; line-height: 20px; padding: 12px 0; text-align: left; font-size: 14px; color: #000}
.ccm-form input[type=text], .ccm-form input[type=email], .ccm-form textarea, .ccm-form button {width: 400px; float: right; padding: 12px 8px; border: 1px solid #e6e6e6; background-color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 15px; line-height: 20px; margin-bottom: 16px; border-radius: 8px; border-top-left-radius: 0}
.ccm-form textarea {height: 120px !important}
.ccm-form button {width: 257px; cursor: pointer; color: #009bd9; font-weight: 700; text-transform: uppercase; border-top-left-radius: 8px}
.ccm-form span {font-size: 0; width: 5px; height: 5px; position: absolute; top: 0; left: 100%; margin-left: 10px}
.ccm-form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 24px; font-weight: 700; color: #e40613}
.ib {width: auto; height: auto; max-width: 100%; display: block; margin: 60rem auto}
.scroll {position: absolute; z-index: 20; top: 88%; left: 49%; width: 2vw; height: 2vw; background: url(img/scroll.png) center no-repeat; background-size: contain; opacity: .5}
.adr ul {padding-right: 100rem}
.news-info {text-align: center; font-size: 24rem; font-weight: 700}
.news-info a {display: inline-block; padding-right: 30rem; color: #000; background: url(img/ar.png) right no-repeat; background-size: 17rem; margin-top: 30rem}
.con-boxes {display: flex; justify-content: center; margin: 0 -1% 70rem -1%; flex-wrap: wrap}
.con-box {width: 46%; margin: 0 1% 2% 1%; background: #fff; border-radius: 10rem; text-align: center; padding: 40rem 1%; box-shadow: 2rem 2rem 24rem 0 rgba(0, 0, 0, .05); font-size: 16rem}
.con-box strong {display: block; margin-bottom: 20rem; font-size: 26rem; color: #000}
.con-box a {display: inline-block; margin-top: 20rem; padding-left: 30rem; color: #000 !important; font-size: 20rem}
.con-box .con-tel {background: url(img/phone.png) left no-repeat; background-size: 20rem}
.con-two .con-box {display: flex; align-items: center; justify-content: center; font-size: 20rem; line-height: 2}
.con-box iframe {display: block; width: 94%; height: 360rem; border-radius: 5rem}
.dwn a {font-size: 20rem; line-height: 30rem; display: block; background: url(img/dwn.png) 0 23rem no-repeat; background-size: 20rem; padding: 20rem 0 20rem 40rem; border-bottom: 1px solid #e6e6e6}
.youtubeBlockResponsive16by9 {margin: 50rem auto}
.sport {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 50rem 0; border-bottom: 1px solid #e6e6e6}
.sport img {display: block; height: 60rem; width: auto; margin-left: 30rem}
.smlcols {margin-top: 40rem}
.powerjump {padding: 70rem 0 0 0; background: url(img/powerjump-bg.jpg) center; background-size: cover}
.powerjump h2:after, .powerjump h2:before {right: 0; background: #fff}
.gokarty {padding: 50vw 0 70rem 0; background: #121617 url(img/gobgm.jpg) top no-repeat; background-size: 100%}
.gokarty h2:after, .gokarty h2:before {background: #fff}
.nmimg {display: block; width: 30%; height: auto; border-radius: 10rem}
.stickytooltip {box-shadow: 0 0 40rem 0 rgba(0,0,0,0.4); display: none; position: absolute; background: #fff; z-index: 3000}
.atip {width: 400rem; padding: 40rem; font-size: 15rem; line-height: 22rem}
.blog-body .pt h2, .blog-body .pt h3 {font-size: 24rem; color: #000; font-weight: 500; margin: 30rem 0}
.blog-body .pt h3 {font-size: 20rem}
.blog-body img {max-width: 100%; width: auto; height: auto; max-height: 500rem; display: block; margin: 40rem auto; border-radius: 20rem}
.blog-body h3 {text-align: left}
.blog-body h4 {color: #000; font-weight: 500; font-size: 18rem; margin: 30rem 0}
.blog-more {display: none}
.blog-foto img {margin: 0 auto 60rem auto}
.pt {margin-top: 40rem}
.blog-list {display: flex; margin: 0 -2%; flex-wrap: wrap}
.blog-body h2:first-child, .blog-body h3:first-child {margin-top: 0}
.blog-list a {position: relative; display: block; width: 46%; margin: 2%; padding: 30rem 0 60rem 0; border-top: 2rem solid #009bd9; border-bottom: 2rem solid #009bd9; color: #474747 !important; font-size: 16rem; line-height: 22rem}
.blog-list a h4 {font-size: 22rem; line-height: 26rem; display: block; margin-bottom: 15rem; font-weight: 500}
.blog-post i {display: block; height: 30vw; margin-bottom: 30rem; border-radius: 12rem; overflow: hidden}
.blog-list a:after {content: "czytaj więcej"; position: absolute; bottom: 20rem; left: 0; width: 100%; text-align: center; font-weight: 500; color: #009bd9}
}
@media (min-width: 1001px) {
html {font-size: .65px; line-height: 1.5}
.screen {min-width: 1500rem}
.page {width: 1500rem; margin: auto; position: relative; z-index: 5}
.menu-hide {display: none}
.menu {position: fixed; top: 0; left: 0; width: 100%; z-index: 50; transition: all .2s ease-in-out}
.submenu {display: flex; justify-content: center; font-size: 18rem; font-weight: 500; text-transform: uppercase; line-height: 30rem}
.menu .nav {padding-top: 30rem; display: flex; justify-content: center; transition: all .2s ease-in-out}
.menu li {position: relative; overflow: hidden}
.menu li a {display: block; color: #fff; padding: 15rem 18rem 25rem 18rem}
.menu li ul {position: absolute; top: 100%; left: 50%; width: 200rem; padding: 10rem 40rem 30rem 40rem; margin-left: -141rem; transform: translateY(10rem); transition: all .3s ease-in-out}
.menu li ul:after {content: ""; display: block; width: 12rem; height: 7rem; background: url(img/more.png); background-size: cover; position: absolute; left: 50%; margin-left: -6rem; top: -30rem; transition: all .3s ease-in-out}
.menu li ul li {position: relative; transition: all .3s ease-in-out; opacity: 0; z-index: 2}
.menu li ul li a {padding: 10rem 0; font-size: 15rem; border-bottom: 1px solid #444; text-align: center}
.menu:hover li ul:after {opacity: 0}
.menu li:hover {overflow: visible}
.menu li:hover ul {transform: translateY(0)}
.menu li:hover ul li, .menu li:hover ul:before {opacity: 1}
.menu:hover li:hover ul:after {opacity: 1; transform: translateY(10rem)}
.smaller {background: rgba(0,5,28,0.9)}
.smaller .nav {padding-top: 10rem}
.fb-p {width: 48rem; height: auto; position: fixed; top: 220rem; right: 0; z-index: 40}
.fb-l {width: 48rem; height: auto; position: fixed; top: 270rem; right: 0; z-index: 40}
.fb-pj {width: 48rem; height: auto; position: fixed; top: 320rem; right: 0; z-index: 40}
.fb-gc {width: 48rem; height: auto; position: fixed; top: 370rem; right: 0; z-index: 40}
.in {width: 48rem; height: auto; position: fixed; top: 420rem; right: 0; z-index: 40}
.yt {width: 48rem; height: auto; position: fixed; top: 470rem; right: 0; z-index: 40}
.bip {width: 48rem; height: auto; position: fixed; top: 520rem; right: 0; z-index: 40}
.contrast-swap {width: 48rem; height: auto; position: fixed; top: 570rem; right: 0; z-index: 40}
.font-swap {width: 48rem; height: auto; position: fixed; top: 620rem; right: 0; z-index: 40}
.full {height: 106%; position: relative; z-index: 1}
.full:before, .sub:before {content: ""; display: block; width: 100%; height: 25vh; position: absolute; top: 0; left: 0; z-index: 2; background: url(img/bgm.png) top repeat-x; background-size: contain}
.logo {position: absolute; left: 4.5%; bottom: 51%; z-index: 5; width: 15.5vw; height: 15.5vw}
.logo:before {content: ""; display: block; width: 4vw; height: 4vw; background: url(img/b1.png) no-repeat; background-size: contain; position: absolute; right: -2vw; top: -4vw}
.logo:after {content: ""; display: block; width: 7vw; height: 7vw; border: .4vw solid #cff700; position: absolute; right: -11vw; top: .5vw; border-radius: 100%}
.welcome {position: absolute; bottom: 32%; left: 4.5%; z-index: 2; font-size: 3vw; color: #fff; font-weight: 700; line-height: 2; letter-spacing: -.04em}
.welcome span {display: block; padding: 0 3vw; position: relative; z-index: 5}
.welcome:before, .welcome:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 3vw}
.welcome:before {z-index: 1; margin-left: 1vw; transform: rotate(-2deg)}
.welcome:after {z-index: 2}
.ue {width: 4.5vw; height: auto; position: absolute; right: 4.5%; top: 220rem; z-index: 30}
.container {position: relative; z-index: 2; padding: 6vw 0 0 0}
.container:before {content: ""; display: block; width: 100%; height: 73vw; background: url(img/cover.png) top no-repeat; background-size: contain; position: absolute; top: -17vh; margin-top: -3vw; left: 0; z-index: 1}
.offer {display: flex; margin: -3rem; flex-wrap: wrap; padding-top: 4vw}
.offer a {display: block; width: 496rem; height: 360rem; margin: 3rem}
.offer a:first-child:before, .offer a:last-child:before {content: ""; display: block; width: 500rem; height: 220rem; position: absolute; border-radius: 5rem; z-index: 1}
.offer a:first-child:before {background: #009ee7; transform: rotate(2deg); top: -5rem; left: -15rem}
.offer a:last-child:before {background: #00d17b; transform: rotate(-2deg); bottom: -12rem; right: -8rem}
.offer a:hover {filter: brightness(1.1)}
.content {font-size: 18rem; line-height: 30rem; color: #474747}
.main {width: 750rem; margin-right: 90rem; position: relative; z-index: 10}
.main h2, .content h1 {font-weight: 700; font-size: 80rem; line-height: 1.2; padding-bottom: 30rem; margin-bottom: 60rem; position: relative; letter-spacing: -.04em; float: left}
.main h2:before, .content h1:before {content: ""; display: block; width: 12rem; height: 12rem; border-radius: 100%; position: absolute; bottom: 0}
.main h2:after, .content h1:after {content: ""; display: block; width: 2000rem; height: 2rem; margin: 0 16rem; position: absolute; bottom: 5rem}
.hours {padding-top: 40rem; display: flex; flex-wrap: wrap; font-size: 16rem; font-weight: 500; color: #00a1df; text-transform: uppercase; line-height: 40rem}
.hours li:not(:first-child) {padding-left: 20rem; margin-left: 20rem; border-left: 1px solid #b9b9b9}
.btns {padding-top: 40rem; display: flex; flex-wrap: wrap; font-size: 16rem; font-weight: 500; line-height: 50rem; text-transform: uppercase; text-align: center}
.btns li {width: 32%; margin: 0 1% 1% 0}
.btns li a {display: block; color: #fff; border-radius: 25rem}
.call {padding-left: 50rem; margin-top: 35rem; background: url(img/tel.png) left no-repeat; background-size: 32rem; font-size: 14rem; color: #000; line-height: 50rem; text-transform: uppercase}
.call a {font-size: 18rem; font-weight: 500; text-transform: none; color: #000}
.baseny {padding: 160rem 0}
.baseny h2:after, .baseny h2:before {left: 0; background: #0b56a6}
.baseny h2 span {display: inline-block; position: relative}
.baseny h2 span:before {content: ""; display: block; width: 30rem; height: 30rem; border: 3rem solid #009ee7; border-radius: 100%; position: absolute; top: -5rem; right: -190rem}
.baseny h2 span:after {content: ""; display: block; width: 60rem; height: 60rem; border: 4rem solid #009ee7; border-radius: 100%; position: absolute; top: 0; right: -130rem}
.bf1 {width: 500rem; height: 500rem; position: absolute; top: 10rem; left: 0; z-index: 1}
.bf1:before {width: 100rem; height: 100rem; border: 6rem solid #009ee7; bottom: 100rem; right: -50rem}
.bf1:after {width: 60rem; height: 60rem; border: 5rem solid #009ee7; bottom: 10rem; right: -60rem}
.bf2:after {width: 50rem; height: 50rem; border: 4rem solid #009ee7; top: 40rem; left: -40rem}
.lodowisko {padding: 70rem 0; background: url(img/lodowisko-bg.jpg) center; background-size: cover}
.lodowisko h2:after, .lodowisko h2:before {right: 0; background: #64c7ef}
.lf {position: absolute; bottom: -70rem; left: 50%; z-index: 1; width: 852rem; height: 742rem; overflow: hidden}
.kregielnia {padding: 90rem 0; background: url(img/kregielnia-bg.png) bottom no-repeat; background-size: 100%; min-height: 560rem; position: relative; z-index: 2}
.kregielnia h2:after, .kregielnia h2:before {left: 0; background: #fff}
.nopad {padding: 0}
.kf {position: absolute; top: -20rem; left: -80rem; z-index: 1; width: 585rem}
.krioterapia {background: url(img/krioterapia-bg.jpg) center no-repeat; background-size: 100%; position: relative; z-index: 1; margin-top: -12.3vw; padding-top: 12.3vw}
.krioterapia .page {padding: 30rem 0 110rem 0}
.krioterapia h2:after, .krioterapia h2:before {right: 0; background: #80df01}
.odnowa-sala {background: url(img/odnowa-bg.jpg) top no-repeat; background-size: 100%; padding: 60rem 0 120rem 0}
.odnowa-sala .page, .kontakt .page {display: flex; justify-content: space-between}
.odnowa-sala .foto {height: 535rem; position: relative}
.odnowa-sala .foto img {height: 100%; width: auto; display: block; position: absolute; top: 0; left: -20rem}
.odnowa-sala .main {width: 100%; margin: 0}
.odnowa-sala h2 {margin-bottom: 10rem}
.odnowa-sala h2 span {display: block; font-weight: 500; font-size: 30rem; color: #0b56a6; padding-top: 20rem; letter-spacing: -.04em}
.odnowa, .sala-zabaw {padding-top: 60rem}
.odnowa, .adr {width: 750rem}
.sala-zabaw, .osir {width: 640rem}
.crazy-carts {height: 930rem; position: relative}
.crazy-carts .page {z-index: 2; padding-top: 560rem}
.crazy-carts .main {width: 600rem; color: #fff}
.crazy-carts-bg {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1}
.cf {width: 912rem; position: absolute; top: 130rem; right: 0; z-index: 1}
.cl {position: absolute; top: 100rem; left: -130rem; z-index: 2; width: 723rem; height: auto}
.kontakt {padding: 80rem 0; background: url(img/kontakt-bg.jpg) top; background-size: cover}
.kontakt .page {align-items: flex-end}
.adr {color: #000; font-size: 22rem}
.adr h3 {font-size: 30rem; font-weight: 500; color: #00325b; line-height: 1.2; margin-bottom: 30rem}
.adr li {padding: 20rem 0 20rem 50rem; border-bottom: 1px solid #ccc}
.osir {font-size: 20rem; color: #000; line-height: 2; padding-bottom: 20rem}
.map iframe {display: block; width: 100%; height: 460rem}
.dot {padding-top: 120rem; border-bottom: 1px solid #ddd}
.dot img {display: block; width: 70%; height: auto; margin: 0 auto 120rem auto}
.sub {height: 70%; position: relative; z-index: 1}
.sub .logo {bottom: auto; top: 18vh; left: 6%; width: 12.5vw; height: 12.5vw}
.spad {padding: 0 0 100rem 0 !important}
.content h1 strong {display: block; font-size: 30rem; color: #12123a; text-transform: uppercase; font-weight: 500; letter-spacing: .02em}
.spad h1 {margin-bottom: 80rem}
.spad h2 {color: #12123a; font-size: 50rem; margin-bottom: 50rem; font-weight: 700; line-height: 1.3}
.spad ul {margin-top: 30rem}
.spad ul li {padding-left: 60rem; background: url(img/li.png) 15rem 10rem no-repeat; background-size: 30rem}
.flip {flex-direction: row-reverse}
.oflex {display: flex; align-items: center; margin-bottom: 100rem; justify-content: space-between}
.ofoto, .ofoto-big {width: 50%; display: flex; justify-content: center}
.ofoto img {width: auto; height: auto; max-width: 700rem; max-height: 600rem; margin: auto; border-radius: 20rem}
.ofoto-big img {width: auto; height: auto; max-width: 700rem; max-height: 900rem; margin: auto; border-radius: 20rem}
.ofoto iframe {display: block; width: 700rem; height: 393rem; border-radius: 20rem}
.otxt {width: 45%}
.scon .kontakt {padding-top: 80rem}
.price-tab {display: flex; justify-content: flex-end; width: 900rem; margin: 20rem auto 0 auto}
.day {width: 40%; margin: 0 1%; padding: 8rem 4%; background: #eee; border-top-left-radius: 10rem; border-top-right-radius: 10rem; color: #000; display: flex; align-items: center; font-weight: 500; text-transform: uppercase; font-size: 15rem}
.tab {width: 19%; margin: 0 1%; padding: 8rem 2%; color: #fff; font-size: 16rem; line-height: 1.3; display: flex; justify-content: center; text-align: center; align-items: center; border-top-left-radius: 10rem; border-top-right-radius: 10rem}
.t3 {width: 44%}
.price {background: #fff; border-radius: 10rem; display: flex; margin: 0 auto 10rem auto; padding: 35rem 0; width: 900rem; position: relative}
.price:after, .inside-menu ul:after {content: ""; display: block; width: 100%; height: 10rem; position: absolute; top: 100%; left: 0; background: url(img/sh.png); background-size: cover; opacity: .2}
.th {width: 40%; padding: 0 5%; display: flex; align-items: center}
.td {width: 25%; display: flex; align-items: center; justify-content: center; font-size: 22rem; color: #000; font-weight: 700; position: relative}
.td-dbl {width: 50%}
.td:before {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #ddd}
.td em {font-size: 18rem; font-style: normal; color: #999}
.more-info {width: 900rem; margin: 80rem auto; font-size: 16rem}
.more-link {margin: 60rem auto 0 auto; display: block; color: #fff !important; border-radius: 40rem; background: #009ee7; font-size: 16rem; font-weight: 500; line-height: 80rem; text-transform: uppercase; text-align: center; width: 300rem}
.hl {text-align: center; margin: 40rem 0 80rem 0; font-size: 24rem; font-weight: 500; color: #000; padding: 70rem; border: 2px solid #00d17b; border-radius: 20rem}
.inside-menu {margin: 66rem 0 0 0 !important; float: right; font-size: 16rem; text-transform: uppercase; font-weight: 500; text-align: center}
.inside-menu ul {display: flex; align-content: flex-start; align-items: flex-end; border-bottom: 1px solid #ddd; position: relative; padding: 0 30rem; margin-right: -30rem}
.inside-menu li {padding: 0 !important; margin: 0 1px; background: none !important}
.inside-menu li a {display: block; background: #fff; padding: 10rem 30rem; border-top-left-radius: 10rem; border-top-right-radius: 10rem}
.inside-menu li a:hover {padding: 12rem 30rem}
.inside-menu li a.nav-path-selected {padding: 12rem 30rem; background: #009ee7; color: #fff !important}
.nmbr {display: flex; justify-content: space-between; margin-bottom: 80rem}
.nmbr li {width: 24%; border: 1px solid #bbdced; border-radius: 10rem; text-align: center; padding: 50rem 3%; color: #000; font-size: 22rem}
.nmbr li strong {display: block; font-size: 40rem; margin-bottom: 20rem}
.cols {display: flex; margin-bottom: 100rem; justify-content: space-between}
.col {width: 46%}
.iframe {padding-top: 30rem; background: #fff; border-radius: 20rem}
.sml {font-size: 15rem; line-height: 22rem; color: #000}
.height-auto {height: auto !important}
.sg {margin: 0 -2rem !important}
.sg-item {width: calc(20% - 4rem) !important; padding: 0 !important; margin: 2rem !important; background: none !important; display: block !important}
.sg-item-image {height: 240rem}
.page-list {display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 80rem}
.page-list li {width: 400rem}
.ccm-block-express-form {padding: 0 0 80rem 0}
.ccm-form {width: 700px; margin: auto}
.ccm-form label {width: 178px; float: left; border-top: 1px solid #e6e6e6; line-height: 25px; padding: 15px 0; text-align: left; font-size: 15px; color: #000}
.ccm-form input[type=text], .ccm-form input[type=email], .ccm-form textarea, .ccm-form button {width: 500px; float: right; padding: 15px 10px; border: 1px solid #e6e6e6; background-color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; margin-bottom: 20px; border-radius: 10px; border-top-left-radius: 0}
.ccm-form textarea {height: 150px !important}
.ccm-form button {width: 322px; cursor: pointer; color: #009bd9; font-weight: 700; text-transform: uppercase; border-top-left-radius: 10px}
.ccm-form span {font-size: 0; width: 5px; height: 5px; position: absolute; top: 0; left: 100%; margin-left: 10px}
.ccm-form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 24px; font-weight: 700; color: #e40613}
.ib {width: auto; height: auto; max-width: 70%; display: block; margin: 60rem auto}
.scroll {position: absolute; z-index: 20; top: 93%; left: 49.5%; width: 1vw; height: 1vw; background: url(img/scroll.png) center no-repeat; background-size: contain; opacity: .5}
.adr ul {padding-right: 100rem}
.flex-top {align-items: stretch !important}
.news-info {text-align: center; font-size: 30rem; font-weight: 700}
.news-info a {display: inline-block; padding-right: 30rem; color: #000; background: url(img/ar.png) right no-repeat; background-size: 17rem}
.con-boxes {display: flex; justify-content: center; margin: 0 -1% 70rem -1%}
.con-box {width: 21%; margin: 0 1%; background: #fff; border-radius: 10rem; text-align: center; padding: 40rem 1%; box-shadow: 2rem 2rem 24rem 0 rgba(0, 0, 0, .05); font-size: 16rem}
.con-box strong {display: block; margin-bottom: 20rem; font-size: 26rem; color: #000}
.con-box a {display: inline-block; margin-top: 20rem; padding-left: 30rem; color: #000 !important; font-size: 20rem}
.con-box .con-tel {background: url(img/phone.png) left no-repeat; background-size: 20rem}
.con-two .con-box {width: 46%; display: flex; align-items: center; justify-content: center; font-size: 20rem; line-height: 2}
.con-box iframe {display: block; width: 94%; height: 360rem; border-radius: 5rem}
.addlink {display: none !important}
.dwn a {font-size: 20rem; line-height: 30rem; display: block; background: url(img/dwn.png) 0 23rem no-repeat; background-size: 20rem; padding: 20rem 0 20rem 40rem; border-bottom: 1px solid #e6e6e6}
.youtubeBlockResponsive16by9 {margin: 50rem auto; padding-bottom: 0 !important; width: 900rem; height: 500rem}
.sport {display: flex; justify-content: center; align-items: center; padding: 50rem 0; border-bottom: 1px solid #e6e6e6}
.sport img {display: block; height: 70rem; width: auto; margin-left: 30rem}
.smlcols {width: 65%; margin: 40rem auto}
.smlcols .col {padding: 30rem 50rem}
.smlcols .col:first-child {border-right: 1px solid #ddd}
.powerjump {padding: 70rem 0; background: url(img/powerjump-bg.jpg) center; background-size: cover}
.powerjump h2:after, .powerjump h2:before {right: 0; background: #fff}
.gokarty {padding: 70rem 0; background: #121617 url(img/gobg.jpg) center; background-size: auto 100%}
.gokarty h2:after, .gokarty h2:before {background: #fff}
.nmimg {display: block; width: 30%; height: auto; border-radius: 10rem}
.stickytooltip {box-shadow: 0 0 40rem 0 rgba(0,0,0,0.4); display: none; position: absolute; background: #fff; z-index: 3000}
.atip {width: 400rem; padding: 40rem; font-size: 15rem; line-height: 22rem}
.blog-body .pt h2, .blog-body .pt h3 {font-size: 24rem; color: #000; font-weight: 500; margin: 30rem 0}
.blog-body .pt h3 {font-size: 20rem}
.blog-body {float: left; width: 900rem}
.blog-body img {max-width: 100%; width: auto; height: auto; max-height: 500rem; display: block; margin: 40rem auto; border-radius: 20rem}
.blog-body h3 {text-align: left}
.blog-body h4 {color: #000; font-weight: 500; font-size: 18rem; margin: 30rem 0}
.blog-more {float: right; width: 430rem; padding: 0 0 0 90rem; border-left: 2rem solid #009bd9}
.blog-foto img {margin: 0 auto 60rem auto}
.pt {margin-top: 40rem}
.blog-list {display: flex; margin: 0 -1%; flex-wrap: wrap}
.blog-body h2:first-child, .blog-body h3:first-child {margin-top: 0}
.blog-list a {position: relative; display: block; width: 17%; margin: 1%; padding: 3% 3% 60rem 3%; border-top: 2rem solid #009bd9; border-bottom: 2rem solid #009bd9; color: #474747 !important; font-size: 16rem; line-height: 22rem}
.blog-list a h4 {font-size: 22rem; line-height: 26rem; display: block; margin-bottom: 15rem; font-weight: 500}
.blog-list a:hover {background: rgba(255,255,255,0.3)}
.blog-more .blog-list {margin: 0}
.blog-more .blog-list a {width: 100%; padding: 0 0 30rem 0; margin: 0 0 30rem 0; border-top: 0; border-bottom: 1rem solid #ccc}
.blog-more .blog-list a h4 {font-size: 20rem; font-weight: 400; color: #18191a; margin-bottom: 20rem; line-height: 26rem}
.blog-more .blog-list a:hover {background: transparent}
.blog-post i {display: block; height: 280rem; margin-bottom: 30rem; border-radius: 12rem; overflow: hidden}
.blog-list a:after {content: "czytaj więcej"; position: absolute; bottom: 20rem; left: 0; width: 100%; text-align: center; font-weight: 500; color: #009bd9}
}
@media (min-width: 1201px) {
html {font-size: .8px}
}
@media (min-width: 1651px) {
html {font-size: 1px}
}
#nav-icon {width: 55px; height: 50px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
#nav-icon i {display: block; position: absolute; right: 20px; height: 2px; width: 25px; background: #0b56a6; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}
#nav-icon i:nth-child(1) {top: 18px}
#nav-icon i:nth-child(2), #nav-icon i:nth-child(3) {top: 24px}
#nav-icon i:nth-child(4) {top: 30px}
#nav-icon.open i {background: #ff8400}
#nav-icon.open i:nth-child(1) {top: 24px; width: 0%; right: 20px}
#nav-icon.open i:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
#nav-icon.open i:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
#nav-icon.open i:nth-child(4) {top: 24px; width: 0%; right: 20px}
.menu li a:hover {color: #cff700}
.menu li ul:before {content: ""; display: block; width: 100%; height: 100%; border: 1px solid #444; background: rgba(0,0,0,0.9); position: absolute; top: 0; left: 0; z-index: 1; transition: all .3s ease-in-out; opacity: 0}
.menu a.nav-path-selected, .kregielnia-h1 {color: #ff8400}
.slider {height: 100%; overflow: hidden; position: relative; z-index: 1}
.slider img, .blog-post i img {display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1}
.slider li:nth-child(1) .welcome:before {background: #ff8400}
.slider li:nth-child(1) .welcome:after {background: #009ee7}
.slider li:nth-child(2) .welcome:before {background: #35274b}
.slider li:nth-child(2) .welcome:after {background: #6e4b9f}
.slider li:nth-child(3) .welcome:before {background: #226399}
.slider li:nth-child(3) .welcome:after {background: #50c5f0}
.slider li:nth-child(4) .welcome:before {background: #8fc646}
.slider li:nth-child(4) .welcome:after {background: #ff8400}
.slider li:nth-child(5) .welcome:before {background: #cff700}
.slider li:nth-child(5) .welcome:after {background: #7bbb02}
.slider li:nth-child(6) .welcome:before {background: #7bbb02}
.slider li:nth-child(6) .welcome:after {background: #00d17b}
.logo img {display: block; width: 100%; height: 100%; object-fit: contain}
.container .page {position: relative; z-index: 2}
.offer a img {position: relative; z-index: 2; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5rem}
.hidden {overflow: hidden}
.btns li a:hover, .more-link:hover {filter: brightness(1.1); transform: translateY(-5rem)}
.baseny h2, .baseny-h1 {color: #0b56a6}
.baseny .btns li a {background: #009ee7}
.bf1:before, .bf1:after, .bf2:after {content: ""; display: block; border-radius: 100%; position: absolute; z-index: 3}
.bf2 {width: 100%; height: 100%; position: relative; z-index: 1}
.bf2:before {content: ""; display: block; width: 100%; height: 100%; border-radius: 100%; background: #009ee7; position: absolute; top: 10rem; left: 0; z-index: 1}
.bf2 img {display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 2; border-radius: 100%}
.lodowisko h2, .lodowisko-h1 {color: #009bd9}
.lodowisko .btns li a {background: #64c7ef}
.lf img {display: block; width: 100%; height: auto}
.kregielnia .main, .kregielnia h2, .kregielnia .call, .kregielnia .call a, .powerjump .main, .powerjump h2, .powerjump .call, .powerjump .call a, .gokarty .main, .gokarty h2, .gokarty .call, .gokarty .call a {color: #fff}
.kregielnia .hours, .powerjump .hours, .gokarty .hours {color: #fff774}
.kregielnia .btns li a {background: #ff8400}
.kf img {display: block; width: 100%; height: auto}
.krioterapia h2 {color: #80df01}
.krioterapia-h1 {color: #00d17b}
.krioterapia .btns li a {background: #80df01}
.odnowa h2 {color: #00d17b}
.odnowa-h1 {color: #7bbb02}
.odnowa .btns li a {background: #00d17b}
.sala-zabaw h2, .salazabaw-h1 {color: #e5097f}
.sala-zabaw .btns li a {background: #e5097f}
.crazycarts-h1 {color: #e00000}
.crazy-carts .btns li a {background: #e00000}
.cf img {display: block; width: 100%; height: auto}
.adr li:nth-child(1) {background: url(img/loc.png) left no-repeat; background-size: 25rem}
.adr li:nth-child(2) {background: url(img/phone.png) left no-repeat; background-size: 25rem}
.adr li:nth-child(3) {background: url(img/mail.png) left no-repeat; background-size: 25rem}
.adr a, .osir a {color: #000}
.copy {text-align: center; font-size: 13px; line-height: 20px; padding: 40rem 0; color: #666}
.copy img {margin: 0 0 -6px 3px; width: 55px; height: 20px}
.copy a {color: #666}
.back-top {position: fixed; bottom: 20rem; right: 20rem; z-index: 100; opacity: 0; cursor: pointer; width: 36rem; height: auto}
.ccm-edit-mode .full:before {display: none}
.hoff-1 {display: none}
fieldset {border: 0}
.form-group {clear: both; position: relative}
.content h1:after, .content h1:before {right: 0}
.spad a {color: #009ee7}
.spad a:hover {color: #00d17b}
.baseny-h1:after, .baseny-h1:before {background: #0b56a6}
.lodowisko-h1:after, .lodowisko-h1:before {background: #64c7ef}
.kregielnia-h1:after, .kregielnia-h1:before {background: #ff8400}
.krioterapia-h1:after, .krioterapia-h1:before {background: #80df01}
.odnowa-h1:after, .odnowa-h1:before {background: #80df01}
.salazabaw-h1:after, .salazabaw-h1:before {background: #e5097f}
.crazycarts-h1:after, .crazycarts-h1:before {background: #e00000}
.scon {position: relative; z-index: 10}
.t1, .t3 {background: #009ee7}
.t2 {background: #0b56a6}
.nmbr li:first-child {background: #009ee7; border-color: #009ee7; color: #fff}
.iframe iframe {height: 100%; width: 100%; display: block}
.sg-item img {display: block; width: 100%; height: 100% !important; object-fit: cover; position: relative; z-index: 1}
.offer a:first-child:before, .offer a:last-child:before {display: none}
.news-info a:hover {color: #009ee7}
.promo {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 1000; text-align: center; display: none}
.close {position: absolute; top: 20px; right: 20px; z-index: 2; cursor: pointer}
.proimg {max-width: 95%; max-height: 80%; width: auto; height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 10px solid #fff; z-index: 1}
.contrast-swap, .font-swap {cursor: pointer}
.promo-active {display: block}
.promo-hide {display: none}
.news-info a {color: #009bd9}
.news-info a:hover {color: #000}
.ibf {display: block; width: 100%; height: auto}
.powerjump-h1 {color: #6e4b9f}
.powerjump-h1:after, .powerjump-h1:before, .powerjump .btns li a {background: #6e4b9f}
.gokarty-h1 {color: #3c4a52}
.gokarty-h1:after, .gokarty-h1:before, .gokarty .btns li a {background: #3c4a52}
.pjnmbr li:first-child {background: #6e4b9f; border-color: #6e4b9f}
.crazy-carts {display: none !important}
.atip ul {margin: 15rem 0 0 0}
.atip ul li {padding-left: 40rem; position: relative}
.atip ul li:before {content: "—"; position: absolute; top: 0; left: 15rem; color: #00a1df; font-weight: 700}
.h-info {display: inline-block; position: relative; color: #aaa; text-transform: lowercase; border: 1px solid #aaa; border-radius: 100%; line-height: 22rem; width: 22rem; text-align: center; margin-left: 8rem; font-family: Georgia; font-style: italic}
.tags {padding-bottom: 40rem; display: flex; justify-content: center; flex-wrap: wrap}
.tags a {color: #aaa; border: 1px solid #ddd; margin: 5rem; padding: 5rem 10rem; display: block; font-size: 14rem}
.sg-item img {margin: 0 !important}
.blog-more .blog-list a:after {display: none}
.contrast-active, .contrast-active .menu, .contrast-active .price, .contrast-active .td em, .contrast-active .td {background: #000 !important; color: #ff0 !important}
.contrast-active .spad a {color: #ff0}
.contrast-active .btns li a, .contrast-active .inside-menu li a, .contrast-active .more-link, .contrast-active .day, .contrast-active .t1, .contrast-active .t2, .contrast-active .t3, .contrast-active .td:before, .contrast-active .nmbr li:first-child, .contrast-active .con-box {background: #ff0 !important; color: #000 !important}
.contrast-active .slider li:before, .contrast-active .sub .slider:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #000; opacity: .6}
.contrast-active .welcome, .contrast-active .menu li a, .contrast-active .news-info a, .contrast-active .content h2, .contrast-active .content, .contrast-active .hours, .contrast-active .call, .contrast-active .call a, .contrast-active .kregielnia .main, .contrast-active .powerjump .main, .contrast-active .odnowa-sala h2 span, .contrast-active .crazy-carts .main, .contrast-active .adr h3, .contrast-active .adr, .contrast-active .adr a, .contrast-active .copy, .contrast-active .copy a, .contrast-active .content h1, .contrast-active .hl, .contrast-active .nmbr li {color: #ff0 !important}
.contrast-active .welcome:before, .contrast-active .content h2:before, .contrast-active .content h2:after, .contrast-active .content h1:before, .contrast-active .content h1:after {background: #ff0 !important}
.contrast-active .welcome:after, .contrast-active .kregielnia, .contrast-active .powerjump {background: #000 !important}
.contrast-active .logo:before, .contrast-active .logo:after, .contrast-active .container:before, .contrast-active .offer img, .contrast-active h2 span:before, .contrast-active h2 span:after, .contrast-active .bf1:before, .contrast-active .bf1:after, .contrast-active .bf2:before, .contrast-active .bf2:after, .contrast-active .odnowa-sala h2:before, .contrast-active .odnowa-sala h2:after, .contrast-active .crazy-carts-bg {display: none}
.contrast-active .scroll {opacity: 1}
.contrast-active .offer a {display: flex; justify-content: center; align-items: center; font-size: 34rem; color: #ff0; font-weight: 700; position: relative}
.contrast-active .offer a:before {content: ""; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ff0; border-radius: 7rem; position: absolute; top: 0; left: 0; z-index: 1; background: transparent; transform: none}
.contrast-active .offer a:nth-child(1):after {content: "Baseny"}
.contrast-active .offer a:nth-child(2):after {content: "Power Jump"}
.contrast-active .offer a:nth-child(3):after {content: "Gokarty"}
.contrast-active .offer a:nth-child(4):after {content: "Lodowisko"}
.contrast-active .offer a:nth-child(5):after {content: "Kręgielnia"}
.contrast-active .offer a:nth-child(6):after {content: "Sauny"}
.contrast-active .offer a:nth-child(7):after {content: "Sala zabaw"}
.contrast-active .offer a:nth-child(8):after {content: "Krioterapia"}
.contrast-active .offer a:nth-child(9):after {content: "Bar"}
.contrast-active .lodowisko, .contrast-active .krioterapia, .contrast-active .odnowa-sala, .contrast-active .kontakt, .contrast-active .adr li {background: none}
.contrast-active .kf img {filter: contrast(2.5)}
.contrast-active .adr li, .contrast-active .dot, .contrast-active .menu li ul:before {padding-left: 0; border-color: #ff0}
.contrast-active .inside-menu ul, .contrast-active .hl, .contrast-active .nmbr li:first-child, .contrast-active .nmbr li {border-color: #ff0}
.contrast-active .copy img {filter: grayscale(1) brightness(5)}
.contrast-active .price {border-bottom: 1px solid #ff0}
.contrast-active .con-box a {color: #000 !important}
.font-active .submenu, .font-active .content, .font-active .call a {font-size: 22rem}
.font-active .menu li ul li a, .font-active .more-link, .font-active .tab, .font-active .more-info {font-size: 20rem}
.font-active .news-info {font-size: 36rem}
.font-active .btns, .font-active .day, .font-active .sml {font-size: 19rem}
.font-active .call {font-size: 16rem}
.font-active .adr {font-size: 26rem}
.font-active .adr h3 {font-size: 36rem}
.font-active .hl {font-size: 28rem}
.font-active .con-two .con-box {font-size: 24rem}
.show {opacity: 0}
.showleft {opacity: 0; transform: translate(-100rem,0)}
.showright {opacity: 0; transform: translate(100rem,0)}
.showbottom {opacity: 0; transform: translate(0,100rem)}
.showscale {opacity: 0; transform: scale(.7)}
.showrotate {opacity: 0; transform: scale(.8) rotate(30deg)}
.come-in, .already-visible {animation: come-in 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.ccm-block-edit .module, .already-visible .module {opacity: 1 !important; transform: translate(0) !important}
@keyframes come-in {
to {transform: translate(0) scale(1); opacity: 1}
}