@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Calibri';
	src: url('../fonts/calibri-light.eot');
	src: url('../fonts/calibri-light.woff') format('woff'), url('../fonts/calibri-light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('../fonts/calibri-regular.eot');
	src: url('../fonts/calibri-regular.woff') format('woff'), url('../fonts/calibri-regular.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('../fonts/calibri-bold.eot');
	src: url('../fonts/calibri-bold.woff') format('woff'), url('../fonts/calibri-bold.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

* {
	transition: all 0.3s;
}

a, b {
	color: #e0bc88;
}

a:hover {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body {
	font-family: 'Calibri';
	font-weight: 200;
	color: #000;
	letter-spacing: 0.5px;
}

.wrapper {
	margin-top: 195px;
}

.wrap-no-margin {
	margin-top: 0px !important;
}

section {
	margin-bottom: 80px
}

h1 {
	font-family: 'Rozha One';
	margin-top: 0px;
	text-transform: uppercase;
	animation: 0.6s ease-out 0s 1 fadeIn;
}

h1.offer_h {
	animation: none;
}

h2 {
	font-family: 'Rozha One';
	font-size: 40px;
	margin-top: 0px;
	margin-bottom: 25px;
	text-transform: uppercase;
	animation: 0.6s ease-out 0s 1 fadeIn;
}

span.small_text {
	font-size: 14px;
	font-weight: 100;
	color: #9a9a9a;
	display: inline-block;
	margin-bottom: 10px;
}

span.small_text:nth-child(2) {
	float: right;
}

p {
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 1px;
	color: #58595b;
}

.hidden {
	display: none;
}

/* TOP BANNER */
.top_banner {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.top_banner img {
	height: 100%;
	float: right;
	margin-right: -250px;
	animation: 0.6s ease-out 0s 1 fadeIn;
}

.banner_text {
	position: absolute;
	top: 40%;
	width: 100%;
	text-transform: uppercase;
	padding-left: 30px;
}

.banner_text h1 {
	font-size: 72px;
	margin-bottom: 5px;
}

.banner_text span {
	box-sizing: border-box;
	font-size: 18px;
	letter-spacing: 8px;
	padding-left: 10px;
	font-weight: 200;
}

.banner_text_holder {
	animation: 0.6s ease-out 0s 1 slideFromLefttoRight;
}
/* END TOP BANNER */

.onas {
	background-color: #fef2ed;
	animation: 0.6s ease-in-out 0s 1 slideInFromLeft;
}

.onas .text_holder {
	padding: 75px 0px 55px 55px;
}

.onas img {
	width: 100%;
}

.fade-text {
	position: relative;
}

p.onas-text {
	height: 600px;
	text-align: justify;
	max-height: 10000px;
	overflow: hidden;
	transition: all 0.2s ease-in;
}

p.less {
	height: 236px;
	overflow: hidden;
	transition: all 0.2s ease-in;
}

div.fadeout {
height:100px;
width:100%;
position:absolute;
bottom:0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(254,242,237,1) 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(254,242,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(254,242,237,1) 90%);
}

a.show-more {
	font-size: 16px;
	font-weight: 300;
	color: #000;
}

a.show-more svg {
	margin-left: 10px;
	height: 6px;
}

a.show-less svg {
	transform: rotate(180deg);
}

/* OFERTA */
section.oferta, section.rezerwacje {
	text-align: center;
}

.holder {
	margin-top: 20px;
	position: relative;
	width: 100%;
}

.category_holder {
	padding: 20px 0px;
	text-align: center;
	outline: 1px solid #fff;
	animation: 0.6s ease-in-out 0s 1 slideInFromLeft;
	transition: all 0.2s ease-in;
}

.category_holder:hover {
	outline: 1px solid #e0bc88;
	transition: all 0.2s ease-in;
}

.category_holder img {
	width: 99%;
}

.category_holder:nth-child(4), .category_holder:nth-child(5), .category_holder:nth-child(6) {
	margin-bottom: 0px;
}

span.category_label {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	margin-top: 15px;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
}

.side_nav_holder {
	position:relative;
}

.side_nav ul {
	padding: 0px;
	width: 100%;
}

.side_nav ul li {
	list-style-type: none;
	width: 100%;
	border-bottom: 1px solid #ededed;
	border-left: 0px solid #eac99a;
}


.side_nav ul li:first-child {
	border-top: 1px solid #ededed;
}

.side_nav ul li a {
	display: block;
	width: 100%;
	padding: 15px 0px;
	font-size: 14px;
	font-weight: 200;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.15s ease-in;
}

.side_nav ul li:hover a {
	padding-left: 15px;
	color: #eac99a;
}

.side_nav ul li.active {
	border-left: 3px solid #e0bc88;
}

.side_nav ul li.active a {
	padding-left: 15px;
	color: #e0bc88;
}

.sort_holder {
	width: 100%;
}

.st-name {
	padding-left: 15px;
}

.st-price {
	padding-right: 25px;
}

/*
.lista_zabiegow ul {
	max-height: calc(100vh - 350px);
	overflow-y: scroll;
}

.lista_zabiegow ul::-webkit-scrollbar {
	width: 5px;
	
}

.lista_zabiegow ul::-webkit-scrollbar-thumb {
	background-color: #eac99a;
	outline: 5px solid #eac99a;
	visibility: hidden;
}

.lista_zabiegow ul:hover::-webkit-scrollbar-thumb {
	visibility: visible;
}
*/

.lista_zabiegow ul {
	padding: 0px;
	width: 100%;
}

.lista_zabiegow ul li {
	list-style-type: none;
	border-bottom: 1px solid #fff4e5;
	padding: 0px;
	animation: 0.6s  ease-in-out fadeIn;
	transition: all 0.2s ease-in;
}

.lista_zabiegow ul li:hover {
	background-color: #fff4e5;
	transition: all 0.2s ease-in;
}

.lista_zabiegow ul li:first-child {
	border-top: 1px solid #fff4e5;
}

.lista_zabiegow ul li a {
	padding: 15px 0px;
	font-size: 16px;
	font-weight: 200;
	color: #000;
	width: 100%;
	display: block;
}

.lista_zabiegow ul li.treat_list {
	display: block;
}

.treat_name, .treat_price {
	box-sizing: border-box;
	display: inline-block;
}

.treat_name {
	text-align: left;
	width: 75%;
	padding: 0px 0px 0px 15px;		
}

.treat_price {
	text-align: right;
	width: 24%;
	padding: 0px 20px 0px 0px;
}

.from:before {
	content: "od "
}

.treat_price:after {
	content: " zł";
}

.illustration_holder {
	text-align: center;
}

.illustration_holder img {
	max-width: 100%;
	max-height: calc(100vh - 320px);
	animation: 0.5s ease-in-out slideFromBottomtoTop;
}

/* END OFERTA*/

.map {
    height: 390px;
	animation: 0.6s ease-in-out 0s 1 slideInFromLeft;
}
.map_holder {
    height: 390px;
    position: relative;;
}

.rezerwacje {
	margin-bottom: 0px;
}

/* STRONA ZABIEGU */

.category {
	width: 100%;
	animation: 0.6s ease-in-out fadeIn;
}

.category a {
	font-size: 14px;
	text-transform: uppercase;
	color: black;
}

.category svg {
	height: 30px;
	margin-right: 15px;
}

.name_price {
	width: 100%;
	display: flex;
}

.name_price .name, .name_price .price {
	display: inline-block;
}

.name_price .name {
	flex: 3;
}

.name_price .name h1 {
	font-size: 30px;
	line-height: 1.1em;
	margin: 0px;
}

.name_price .price {
	flex: 1;
	width: 100%;
	text-align: right;
	font-size: 24px;
	font-weight: 300;
	color: #e0bc88;
}

.name_price .price:after {
	content: " zł";
}

.additional_info {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	animation: 0.6s ease-in-out fadeIn;
}

.additional_info .time, .additional_info .series {
	display: inline-block;
	flex: 1;
	margin: 0px;
	padding: 0px;
}

.additional_info .info {
	font-size: 16px;
	color: #000;
}

.additional_info .time, .additional_info .series, .additional_info .series_pack, .additional_info .description {
	margin-top: 30px;
}

.additional_info .series_pack {
	width: 100%;
}

.additional_info .series_pack .info b {
	font-weight: 300;
	color: #e0bc88;
}

.additional_info .label {
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
	color: #9a9a9a;
	padding: 0px;
}

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

.additional_info .description p {
	color: #000;
	padding-bottom: 30px;
}

.treatment_photo {
	text-align: center;
}

.treatment_photo img {
	width: 100%;
}

.see_also {
	margin-top: 0px;
	border: 1px solid #e0bc88;
	padding-top: 30px;
	margin-bottom: 20px;
}

.see_also ul {
	overflow: visible;
	max-height: none;
	-webkit-margin-after: 0px;
}

.see_also ul li:last-child {
	border-bottom: none;
}

.see_also .see_also-illustration_holder img {
	width: 100%;
	margin-bottom: 50px;
}

.lista_zabiegow h2 {
	font-family: 'Rozha One';
	text-transform: uppercase;
	font-size: 24px;
	line-height: 1.1em;
	color: #e0bc88;
	margin: 0px 0px 30px;
	padding: 0px 15px;

}

.other-categories {
	margin-bottom: 30px;
}

.other-categories h4 {
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
}

.other-categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

.other-categories ul li {
	list-style-type: none;
	display: inline-block;
}
@media (max-width: 767px) {
	.other-categories h4 {
		margin-top: 20px;
	}

	.other-categories ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: block;
		justify-content: unset;
		width: 75%;
		margin: 0 auto;
	}

	.other-categories ul li {
		display: block;
		padding: 10px;
	}

	.other-categories ul li a {
		display: block;
		text-align: center;
		font-size: 16px;
	}
}
/* END STRONA ZABIEGU*/

/* APARATURA */
.devices_holder {
	width: 100%;
	display: block;
}

.device {
	display: inline-block;
	box-sizing: border-box;
	overflow:hidden;
	animation: 0.6s ease-in-out 0s 1 slideFromBottomtoTop;
}

.device a:hover {
	border: 1px solid #e0bc88;
	transition: all 0.2s ease-in;
}

.device a {
	display: block;
	border: 1px solid #f0f0f0;
	transition: all 0.2s ease-in;
}

.device:hover .device-name-holder h5 {
	color: #e0bc88;
	transition: all 0.2s ease-in;
}

.device:first-child {
	margin-left: 0px;
}

.device:nth-child(4n) {
	margin-right: 0px;
}

.device:nth-child(4n+1) {
	margin-left: 0px;
}

.device-img-holder {
	width: 100%;
}

.device-img-holder img {
	width: 100%;
}

.device-name-holder {
	width: 100%;
}

.device-name-holder h5 {
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	padding: 15px 0;
	margin: 0;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
	text-align: center;
	transition: all 0.2s ease-in;
}

.device-treatments {
	width: 100%;
}

.device-treatments ul {
	margin: 0px;
	padding: 0px;
}

.device-treatments ul li {
	list-style-type: none;
	border-left: 0px solid #ededed;
}

.device-treatments ul li:hover a {
	padding-left: 15px;
	color: #e0bc88;
	border-bottom: 1px solid #e0bc88;
}

.device-treatments ul li:hover {
	border-left: 3px solid #e0bc88;
}

.device-treatments ul li a {
	font-size: 16px;
	font-weight: 200;
	color: #000;
	display: block;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #ededed;
}

.smaller_font {
	font-size: 12px;
	line-height: 1.25em;
}

.treat_order {
	display: none;
}

/* END APARATURA */

@media screen and (max-width: 1300px) {
	.top_banner {
		height: 80vh;
	}
}

@media (max-width: 992px) {

	.wrapper {
		margin-top: 30px;
	}

	.side_nav_holder {
		padding-left: 15px;
	}

	.top_banner {
		height: 200px;
	}

	.banner_text {
		padding-left: 20px;
	}

	.banner_text h1 {
		font-size: 30px;
	}

	.top_banner img {
		margin-right: 0px;
	}

	.onas .text_holder {
		padding: 30px 30px;
	}

	span.category_label {
		padding: 0px 15px;
	}

	.treat_name {
		width: 49%;
		box-sizing: border-box;
		padding: 0px;
	}

	.treat_price {
		width: 49%;
		box-sizing: border-box;
		padding: 0px;
	}

}

@media (max-width: 768px) {

	.lista_zabiegow {
		margin-top: 50px;
	}

	.see_also {
		padding: 0px;
		margin: 30px;
	}

}

@media (max-width: 420px) {


	.top_banner img {
		margin-right: -100px;
	}

	.banner_text {
		padding-left: 15px;
		width: 50%;
		top: 25%;
		margin-top: -5%;
	}

	.banner_text_holder {
		width: 100%;
	}

	.banner_text_holder span {
		letter-spacing: 0px;
		padding-left: 0px
	}

	.name_price {
		display: block;
	}

	.name_price .name, .name_price .price {
		display: block;
	}

	.name_price .name {
		width: 100%;
		flex: auto;
	}

	.name_price .price {
		width: 100%;
		flex: auto;
		text-align: left;
	}

	.see_also {
		padding: 0px;
		margin: 0px;
	}

}