/*
***** PADDINGS X
*/
.padx16 {
	padding-bottom: 16px;
	padding-top: 16px;
}
.padx48 {
	padding-bottom: 48px;
	padding-top: 48px;
}

.padx64 {
	padding-bottom: 64px;
	padding-top: 64px;
}

.padx90 {
	padding-bottom: 90px;
	padding-top: 90px;
}

.padx120 {
	padding-bottom: 120px;
	padding-top: 120px;
}

/*
***** PADDINGS Y
*/

.pady35 {
	padding-left: 35px;
	padding-right: 35px;
}

.pady48 {
	padding-left: 48px;
	padding-right: 48px;
}

.pady64 {
	padding-left: 64px;
	padding-right: 64px;
}

.pady90 {
	padding-left: 90px;
	padding-right: 90px;
}


/*
***** PADDINGS TOP
*/
.padtop8 {
	padding-top: 8px;
}
.padtop16 {
	padding-top: 16px;
}

.padtop24 {
	padding-top: 24px;
}

.padtop32 {
	padding-top: 32px;
}

.padtop48 {
	padding-top: 48px;
}

.padtop64 {
	padding-top: 64px;
}

.padtop90 {
	padding-top: 90px;
}

.padtop120 {
	padding-top: 120px;
}

.padtop200 {
	padding-top: 200px;
}


/*
***** PADDINGS BOTTOM
*/

.padbot0 {
	padding-bottom: 0px;
}
.padbot10 {
	padding-bottom: 10px	;
}
.padbot12 {
	padding-bottom: 12px	;
}
.padbot16 {
	padding-bottom: 16px	;
}

.padbot18 {
	padding-bottom: 18px	;
}

.padbot24 {
	padding-bottom: 24px	;
}

.padbot32 {
	padding-bottom: 32px	;
}

.padbot40 {
	padding-bottom: 40px;
}

.padbot48 {
	padding-bottom: 48px;
}

.padbot64 {
	padding-bottom: 64px;
}

.padbot90 {
	padding-bottom: 90px;
}

.padbot96 {
	padding-bottom: 96px;
}

.padbot120 {
	padding-bottom: 120px;
}

.padbot166 {
	padding-bottom: 166px;
}


/*
***** PADDINGS GENERALS
*/
.pad15 {
	padding: 15px;
}
.pad24 {
	padding: 24px;
}
.pad30 {
	padding: 30px;
}

.pad36 {
	padding: 36px;
}

.pad48 {
	padding: 48px;
}
.pad72 {
	padding: 72px;
}


/*
***** PADDINGS LEFT
*/

.padleft24 {
	padding-left: 24px;
}

.padleft36 {
	padding-left: 36px;
}

.padleft48 {
	padding-left: 48px;
}

/*
***** PADDINGS RIGHT
*/

.padright24 {
	padding-right: 36px;
}

.padright36 {
	padding-right: 36px;
}

.padright48 {
	padding-right: 48px;
}
.padright150 {
	padding-right: 150px;
}

/*
***** Margins Bottoms
*/

.mb0 {
	margin-bottom: 0px;
}

.mb8 {
	margin-bottom: 8px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb16 {
	margin-bottom: 16px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb32 {
	margin-bottom: 32px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb48 {
	margin-bottom: 48px;
}

.mb64 {
	margin-bottom: 64px;
}

.mb96 {
	margin-bottom: 96px;
}

/*
***** Margins Top
*/

.mt0 {
	margin-top: 0px;
}

.mt8 {
	margin-top: 8px;
}
.mt16 {
	margin-top: 16px;
}

.mt24 {
	margin-top: 24px;
}

.mt32 {
	margin-top: 32px;
}

.mt40 {
	margin-top: 40px;
}

.mt48 {
	margin-top: 48px;
}

.mt64 {
	margin-top: 64px;
}

.mt96 {
	margin-top: 96px;
}

/*
***** Margin Left and Right
*/

.my50 {
	margin-left: 50px;
	margin-right: 50px;
}
.my20 {
	margin-left: 20px;
	margin-right: 20px;
}

/*
***** COLOURS
*/
:root {
	--mediskin-blue: #17263D;
	--mediskin-light-green: #B8C0AD;
	--mediskin-dark-green: #94AC9C;
	--mediskin-dark-green-2: #789782;
	--mediskin-light-grey: #F3F4F5;
	--mediskin-dark-grey: #D9D9D9;
	--mediskin-beige: #E6DED1;
	--mediskin-white: #FFFFFF;
	--mediskin-orange: #F2A33C;
	--mediskin-pink: #F4CAC5;
	--mediskin-light-beige: #EEEBE4;
	--mediskin-form-orange: #FFA065;
}


.bcg-yellow {
	background-color: var(--mediskin-yellow);
}

.bcg-orange {
	background-color: var(--mediskin-orange);
}

.bcg-l-grey {
	background-color: var(--mediskin-light-grey);
}

.bcg-grey {
	background-color: var(--mediskin-dark-grey);
}

.bcg-purple {
	background-color: var(--mediskin-purple);
}

.bcg-l-green {
	background-color: var(--mediskin-light-green);
}

.bcg-d-green {
	background-color: var(--mediskin-dark-green);
}
.bcg-d-green-2 {
	background-color: var(--mediskin-dark-green-2);
}


.bcg-white {
	background-color: var(--mediskin-white);
}


.bcg-beige {
	background-color: var(--mediskin-beige);
}



.text-dark {
	color: var(--mediskin-blue);
}

/*
***** CONTAINERS
*/


/*
.container {
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
	max-width: 1400px;
}

.container-xl {
	margin-left: 5%;
	margin-right: 5%;
	max-width: 1500px;
}

.container-xxl {
	max-width: 2000px;
}
*/

/*
***** Border radius
*/

.br10 {
	border-radius: 10px;
}
.br16 {
	border-radius: 16px;
}
.br20 {
	border-radius: 20px;
}

.br25 {
	border-radius: 25px;
}
.br30 {
	border-radius: 30px;
}

.br40 {
	border-radius: 40px;
}

.br64 {
	border-radius: 64px;
}

/*
***** Fonts sizes
*/

body * {
	font-weight: 300;
}


h1.blog-title {
	font-size: clamp(48px,4.5vw,65px);
	font-weight: 300;
	line-height: 1.1em;
	color: var(--mediskin-black);
}


.headline2 {
	font-size: clamp(42px,4vw,55px);
	font-weight: 300;
	line-height: 1.2em;
}

.headline3 {
	font-size: clamp(38px, 3.8vw, 40px);
	font-weight: 300;
	line-height: 1.2em;
}

.headline4 {
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 300;
	line-height: 1.2em;
}

.headline-cta{
	font-size: clamp(25px, 3vw, 25px);
	font-weight: 300;
	line-height: 1.3em;
}

.content.content-card {
	font-size: clamp(16px,1.6vw,20px);
	font-weight: 300;
	line-height: 1.5em;
}


.small-text {
	font-size: clamp(14px,1.4vw,18px);
	font-weight: 300;
	line-height: 1.3em;
	color: var(--mediskin-black);
}
.text12{
	font-size: clamp(12px,1vw,12px);
	font-weight: 300;
	line-height: 1.3em;
}
.text13 {
	font-size: clamp(13px,1vw,13px);
	font-weight: 300;
	line-height: 1.3em;
}
.text14 {
	font-size: clamp(14px,1vw,14px);
	font-weight: 300;
	line-height: 1.3em;
}
.text16 {
	font-size: clamp(16px,1vw,16px);
	font-weight: 300;
	line-height: 1.5em;
}

.text18 {
	font-size: clamp(18px,2vw,18px);
	font-weight: 300;
	line-height: 1.5em;
}

.text20 {
	font-size: clamp(20px,2vw,20px);
	font-weight: 300;
	line-height: 1.3em;
}

.text24 {
	font-size: clamp(22px,2.2vw,24px);
	font-weight: 300;
	line-height: 1.3em;
}

.text30 {
	font-size: clamp(26px,2.6vw,30px);
	font-weight: 300;
	line-height: 1.3em;
}

.text36 {
	font-size: clamp(30px,3vw,36px);
	font-weight: 300;
	line-height: 1.3em;
}

.text40 {
	font-size: clamp(32px,3.2vw,40px);
	font-weight: 300;
	line-height: 1.3em;
}

.btn-small {
	font-size: 13px;
	font-weight: 400;
}

.bold {
	font-weight: 600;
}

/*
***** Heights
*/


.mh32 {
	max-height: 32px;
}


/*
***** Buttons
*/

.med-btn {
	font-family: "TWK Everett", sans-serif;
}

.btn-show-more {
	background: none;
	border: 1px solid white;
	padding: 5px 25px;
	border-radius: 25px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	transition: background-color 0.3s ease, color 0.3s ease;
	margin: 0 20px;
}

.btn-main {
	background: var(--mediskin-blue);
	border: 1px solid var(--mediskin-blue);
	padding: 12px 40px;
	border-radius: 40px;
	color: white;
	text-decoration: none;
	font-size: 16px;
	display: inline-block;
	transition: background-color 0.3s ease, color 0.3s ease;
	text-align: center;
	line-height: 24px;
	font-weight: 400;
}

.btn-main:hover {
	background: var(--mediskin-white);
	border: 1px solid var(--mediskin-blue);
	color: var(--mediskin-blue) !important;
}

.treatment-media,
.deal-card,
.faces-carousel,
.magazin-card,
.offer-thumb,
.offer-card,
.img-wrap,
.gallery-item {
	position: relative;
	overflow: hidden;
}

.treatment-media img,
.deal-card img,
.faces-carousel img,
.magazin-card img,
.offer-thumb img,
.offer-card img,
.gallery-item img {
	transition: transform 0.6s ease;
	will-change: transform;
	position: relative;
}


.treatment-media:hover img,
.deal-card:hover img,
.faces-carousel .face-card:hover img,
.magazin-card:hover img,
.offer-thumb:hover img,
.offer-card:hover img,
.gallery-item:hover img {
	transform: scale(1.025);
}

.faces-carousel .face-card img {
	cursor: unset !important;
}

.btn-secondary {
	background: var(--mediskin-white);
	border: 1px solid var(--mediskin-blue);
	padding: 12px 40px;
	border-radius: 50px;
	color: var(--mediskin-blue);
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	transition: background-color 0.3s ease, color 0.3s ease;
	text-align: center;
	line-height: 24px;
	display: inline-block;
}

.btn-secondary:hover {
	background-color: var(--mediskin-blue);
	color: var(--mediskin-white);
	border-color: var(--mediskin-blue);
}

.btn-secondary.btn-green {
	background: var(--mediskin-dark-green);
	border: 1px solid var(--mediskin-dark-green);
	color: var(--mediskin-white);
}

.btn-secondary.btn-green:hover {
	background-color: var(--mediskin-blue);
	border-color: var(--mediskin-blue);
	color: var(--mediskin-white);
}
.btn-secondary.btn-green-hover:hover {
	background: var(--mediskin-dark-green);
}
.breadcrumb a,
.treat-list a {
	transition: all .3s ease-in;
}

.breadcrumb li.active {
	display: none !important;
}

.treat-list a:hover {
	color: var(--mediskin-dark-green);
}

.breadcrumb a:hover {
	color: var(--mediskin-dark-green);
}

.btn-footer {
	border: 1px solid var(--mediskin-blue);
	padding: 16px 20px;
	border-radius: 50px;
	color: var(--mediskin-white);
	background: var(--mediskin-blue);
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	transition: background-color 0.3s ease, color 0.3s ease;
	white-space: nowrap;
	display: inline-block;
	font-weight: 400;
}

.btn-footer:hover {
	background-color: var(--mediskin-white);
	color: var(--mediskin-blue);
}

.img-btn {
	background: var(--mediskin-white);
	border: 1px solid var(--mediskin-blue);
	padding: 10px 50px;
	border-radius: 30px;
	color: var(--mediskin-blue);
	text-decoration: none;
	font-size: 19px;
	line-height: 32px;
	transition: background-color 0.3s ease, color 0.3s ease;
	display: inline-flex;
	gap: 0;
	min-width: 244px;
	position: relative;
}


.img-btn img {
	transition: filter 0.3s ease;
}

.img-btn:hover img {
	filter: brightness(0) invert(1);
}


/*
***** Badges
*/

/* Badge */
.deal-badge{
	display:inline-block;
	background: var(--mediskin-pink);          /* soft pink pill */
	color: var(--mediskin-blue);
	padding: 8px 25px;
	border-radius:999px;
	line-height:1;
	margin-bottom:0;
	font-weight: 400;
}

/* Badge */
.sale-badge {
	display:inline-block;
	background: var(--mediskin-pink);          /* soft pink pill */
	color: var(--mediskin-blue);
	padding: 8px 20px;
	border-radius:999px;
	line-height:1;
	margin-bottom: 0;
}

/* Badge */
.tag-date {
	display:inline-block;
	background: var(--mediskin-white);          /* soft pink pill */
	color: var(--mediskin-blue);
	padding:6px 12px;
	border-radius:999px;
	line-height:1;
	margin-bottom:10px;
	border: 1px solid var(--mediskin-blue);
}

/* Badge */
.tag-cat {
	display:inline-block;
	background: var(--mediskin-light-green);          /* soft pink pill */
	color: var(--mediskin-white);
	padding:6px 12px;
	border-radius:999px;
	line-height:1;
	margin-bottom:10px;
}

.tag-deal {
	display: inline-block;
	background: var(--mediskin-pink);
	color: var(--mediskin-blue);
	padding: 10px 15px;
	border-radius: 999px;
	line-height: 1;
	margin-bottom: 10px;
}

/** WYSIG EDITOR **/
.content-main h1,
.content h1 {
	font-size: clamp(48px,6vw,60px);
	font-weight: 300;
	line-height: 1.3em;
	margin-bottom: 24px;
}

.content-main h2,
.content h2 {
	font-size: clamp(40px, 6vw, 40px);
	font-weight: 300;
	line-height: 1.3em;
	margin-bottom: 24px;
}

.content-main h3,
.content h3 {
	font-size: clamp(32px, 4vw, 32px);
	font-weight: 300;
	line-height: 1.3em;
	margin-bottom: 24px;
}

.content-main article.info-blok p,
.content-main article.info-blok p span {
	font-size: clamp(18px,2vw,18px);
	font-weight: 300 !important;
	line-height: 1.5em;
	color: var(--mediskin-black);
	margin-bottom: unset;
}

.about-oset ul li {
	font-weight: 300 !important;
}

.content-main p,
.content p {
	font-size: clamp(20px,2vw,20px);
	font-weight: 300;
	line-height: 1.5em;
	color: var(--mediskin-black);
	margin-bottom: 32px;
}

p.blog-perex {
	font-size: clamp(22px,2vw,25px);
	font-weight: 300;
	line-height: 1.3em;
	color: var(--mediskin-black);
}
.magazin-inner .deal-media {
	aspect-ratio: 4 / 3;
}
.fw400 {
	font-weight: 400;
}
.fw500 {
	font-weight: 500;
}
.uppercase {
	text-transform: uppercase;
}
.dark-green {
	color: var(--mediskin-dark-green);
}
.text-blue {
	color: var(--mediskin-blue);
}