*, *::before, *::after { margin: 0; padding: 0; box-sizing: inherit; }

html { scroll-behavior: smooth; font-size: 62.5%; }

@media only screen and (max-width: 75em) { html { font-size: 56.25%; } }

@media only screen and (max-width: 56.25em) { html { font-size: 50%; } }

@media only screen and (max-width: 37.5em) { html { font-size: 40%; } }

@media only screen and (min-width: 112.5em) { html { font-size: 75%; } }

body { box-sizing: border-box; background-image: url(/assets/img/stucco.png); background-attachment: fixed; }

@media only screen and (max-width: 56.25em) { body { padding: 0; } }

::selection { background-color: #00b894; color: #ffffff; }

body { font-family: "Montserrat", serif; font-weight: 400; line-height: 1.7; color: #2c3e50; background-color: #ffffff; }

a { color: #184664; }

h1, h2, h3 { color: #00b894; font-weight: 100; text-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3); text-transform: uppercase; }

@media only screen and (max-width: 56.25em) { h1, h2, h3 { text-align: center; text-transform: uppercase; } }

h1 { font-size: 3rem; }

h2 { font-size: 2.5rem; }

h3 { font-size: 2rem; margin-top: 2rem; }

p, li { font-size: 1.8rem; }

.contact-form { width: 60%; margin: 0px auto; }

input[type=text], input[type=email], select, textarea { width: 100%; padding: 7px; border-radius: 3px; border: 1px solid #ccc; }

textarea { height: 100px; }

input[type=checkbox] { margin: 10px 5px 10px 0; }

.u-center-text { text-align: center !important; }

.u-margin-bottom-small { margin-bottom: 1.5rem !important; }

.u-margin-bottom-medium { margin-bottom: 4rem !important; }

@media only screen and (max-width: 56.25em) { .u-margin-bottom-medium { margin-bottom: 3rem !important; } }

.u-margin-bottom-big { margin-bottom: 8rem !important; }

@media only screen and (max-width: 56.25em) { .u-margin-bottom-big { margin-bottom: 5rem !important; } }

.u-margin-top-huge { margin-top: 10rem !important; }

.footer { padding: 1.5rem; color: #00b894; text-align: center; background-color: #184664; }

.footer a { color: #00b894; }

.footer p { font-size: 1.4rem; }

.footer-card { background: rgba(255, 255, 255, 0.8); display: flex; margin: 0 auto; max-width: 60rem; border-radius: 1rem; }

.footer-card-foto { padding: 2rem 1rem 2rem 2rem; }

.footer-card-foto img { border-radius: 1rem; border: 2px solid #00b894; width: 15rem; }

.footer-card-text { padding: 2rem 2rem 2rem 1rem; text-align: left; color: #184664; }

.footer-card-text p { font-size: 1.5rem; }

.row { max-width: 114rem; margin: 0 auto; }

@media only screen and (max-width: 56.25em) { .row { max-width: 60rem; padding: 0 2rem; } }

.row:not(:last-child) { margin-bottom: 8rem; }

@media only screen and (max-width: 56.25em) { .row:not(:last-child) { margin-bottom: 6rem; } }

.row::after { content: ""; display: table; clear: both; }

.row [class^="col-"] { float: left; }

.row [class^="col-"]:not(:last-child) { margin-right: 6rem; }

@media only screen and (max-width: 56.25em) { .row [class^="col-"]:not(:last-child) { margin-right: 0; margin-bottom: 6rem; } }

@media only screen and (max-width: 56.25em) { .row [class^="col-"] { width: 100% !important; } }

.row .col-1-of-2 { width: calc((100% - 6rem) / 2); }

.row .col-1-of-3 { width: calc((100% - 2 * 6rem) / 3); }

.row .col-2-of-3 { width: calc((100% - 2 * 6rem) / 3 * 2 + 6rem); }

.row .col-1-of-4 { width: calc((100% - 3 * 6rem) / 4); }

.row .col-2-of-4 { width: calc((100% - 3 * 6rem) / 4 * 2 + 6rem); }

.row .col-3-of-4 { width: calc((100% - 3 * 6rem) / 4 * 3 + 2 * 6rem); }

.header { padding: 5rem 0 2rem; background-color: #00b894; background-image: linear-gradient(rgba(24, 70, 100, 0.8), rgba(0, 184, 148, 0.8)); border-bottom: 1px solid #184664; }

@media only screen and (max-width: 56.25em) { .header { text-align: center; } }

.header--top { background-image: url(/assets/img/favicon.png); background-size: 4.5rem; background-repeat: no-repeat; background-position: 0 2rem; padding-left: 5.5rem; }

@media only screen and (max-width: 56.25em) { .header--top { display: inline-block; padding-right: 3rem; } }

.header--title { font-size: 4rem; font-weight: 100; color: white; text-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3); }

.header--subtitle { font-size: 2rem; font-weight: 400; color: white; text-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3); }

.header--logo { width: 15rem; float: left; }

:target { display: block; position: relative; top: -4.5rem; visibility: hidden; }

.topnav { position: fixed; width: 100%; background: #184664; color: white; text-transform: uppercase; border-bottom: 1px solid #00b894; padding: 1rem 0; font-size: 1.6rem; z-index: 10; text-align: center; }

.topnav-logo { height: 1.6rem; padding-bottom: .2rem; }

.topnav nav { width: 100%; text-align: center; }

.topnav--logo { font-weight: 700; }

.topnav--active { background: #00b894; }

.topnav a { border-radius: 1rem; color: white; text-transform: uppercase; display: inline-block; padding: 0 1rem; text-decoration: none; }

.topnav a:hover { background: #00b894; color: #34495e; }

ul.gallery { display: flex; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; }

ul.gallery li { list-style: none; height: 15vh; flex-grow: 1; margin: .5rem; margin-bottom: 2rem; }

ul.gallery img { max-height: 100%; min-width: 100%; object-fit: cover; vertical-align: bottom; border: 1px solid #dfe6e9; margin: .5rem; }

.section-certyfikaty { padding: 1.5rem .5rem .5rem; background-color: #184664; border-bottom: 4px solid #00b894; border-top: 4px solid #00b894; }

#gallery::-webkit-scrollbar-track { background-color: #184664; }

#gallery::-webkit-scrollbar { height: 1rem; background-color: #184664; }

#gallery::-webkit-scrollbar-thumb { background-color: #00b894; }

#gallery { scrollbar-width: thin; }

.btn:link, .btn:visited, input[type=submit] { display: inline-block; padding: 1rem 2rem; font-weight: 700; text-decoration: none; border-radius: 1rem; text-transform: uppercase; transition: background-color 0.2s, color 0.2s, border 0.2s; font-size: 1.6rem; margin: 2rem; }

@media only screen and (max-width: 56.25em) { .btn:link, .btn:visited, input[type=submit] { font-size: 2rem; } }

.btn-full:link, .btn-full:visited, input[type=submit] { background-color: #27ae60; border: 1px solid #27ae60; color: #ffffff; margin-right: 1.5rem; }

.btn-ghost:link, .btn-ghost:visited { border: 1px solid #27ae60; color: #27ae60; }

.btn:hover, .btn:active, input[type=submit]:hover { background-color: #2ecc71; }

.btn-full:hover, .btn-full:active, input[type=submit]:hover { border: 1px solid #2ecc71; }

.btn-ghost:hover, .btn-ghost:active { border: 1px solid #2ecc71; color: #ffffff; }

.mySlides { display: none; }

img { vertical-align: middle; }

/* Slideshow container */
.slideshow-container { max-width: 1000px; position: relative; margin: auto; }

/* Caption text */
.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; }

/* Number text (1/3 etc) */
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }

/* The dots/bullets/indicators */
.dot { height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }

.active { background-color: #717171; }

/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade { from { opacity: .4; }
  to { opacity: 1; } }

@keyframes fade { from { opacity: .4; }
  to { opacity: 1; } }

.zen-img { width: 80%; margin: 0 auto; border-radius: .5rem; border: 1px solid #1abc9c; display: block; }

@media only screen and (max-width: 56.25em) { .zen-img { width: 100%; } }

.chat-link { background: #00b894; text-decoration: none; color: white; font-weight: bolder; font-size: 1.8rem; text-transform: uppercase; border-radius: .5rem; padding: .5rem; margin: 1rem auto; width: 80%; display: block; text-align: center; border: 1px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); letter-spacing: .2rem; }

.chat-link:hover { background: #184664; }

.section-wizyty { padding-top: 2rem; padding-bottom: 1.5rem; }

.section-wizyty h3 { margin: 2.5rem 0 1rem 0; }

.section-wizyty p { padding-left: 1rem; }

.section-about { background-color: #dfe6e9; background: url(../img/zdjecie.jpg); background-attachment: fixed; background-image: linear-gradient(rgba(24, 70, 100, 0.8), rgba(24, 70, 100, 0.8)), url(/assets/img/zdjecie.jpg); background-size: cover; background-attachment: fixed; background-position: center; color: #dfe6e9; padding: 1.5rem 0; }

.section-about--picture { float: right; border-radius: .5rem; border: 2px solid #55efc4; max-width: 30%; margin: 1rem; }

.section-about h2 { margin: 2rem 0; }

.section-about h3 { margin: 2rem 0; }

.section-about p { padding-left: 1rem; }

.section-about ul { margin-left: 3rem; }

.section-staze { padding-top: 1.5rem; padding-bottom: 3rem; }

.section-staze h3 { margin: 2rem 0; }

.section-staze--timeline { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: .5rem; padding: 1rem 2rem; }

.section-staze--timeline--card:not(:last-child) { border-bottom: 1px solid #55efc4; }

.section-staze--timeline--card { padding: 1rem 0 .5rem; }

.section-staze--timeline--card-title { font-size: 1.2rem; text-transform: uppercase; font-weight: bolder; }

.section-staze--timeline--card-core { font-size: 1.8rem; margin-left: 1rem; }

.section-staze--timeline--card-year { font-size: 1.2rem; text-align: right; font-weight: bolder; color: #00b894; }

.section-opinie { padding: 3rem; }

.section-opinie-opinia { background-color: rgba(255, 255, 255, 0.8); padding: 2rem; font-size: 1.4rem; margin-top: 2rem; border-radius: .5rem; }

.section-opinie-opinia-podpis { padding-top: 2rem; text-align: right; color: #00b894; font-weight: bolder; }

.section-letter { padding: 2rem; }

.section-letter--pacjenci { background: white; padding: 2rem; border-radius: 1rem; }

.section-letter--pacjenci h2 { margin: 2rem; }

.section-letter--pacjenci p { margin-bottom: 1.5rem; }

/*# sourceMappingURL=styles.css.map */