:root {
--skin: #e6dedc;
--black: #141414;
--brown: #8B6C66;
--white: #fff;
--text: #141414;
--maxwidth-small: 900px;
--maxwidth: 1524px;
--halfgap: 15px;
--gap: 30px;
--radius: 0;
}
body.slide-active {
overflow-x: hidden
}
html, body{
margin: 0;
padding: 0;
min-height: 100%;
}
body{
font-size: 17px;
line-height: 1.5;
background: #fff url(//www.kosmedics-sabrina.at/app/themes/kosmedics-sabrina/img/bg-page.jpg) no-repeat center top;
}
html, body, input, textarea, select, button, .condensed, .btn, .wp-block-button__link{
font-weight: 400;
font-family: 'Montserrat',sans-serif;
color: var(--text);	
}
a{
color: var(--text);
text-decoration: underline;
text-decoration-thickness: 1px;
-webkit-text-decoration-thickness: 1px;
}
a:hover{
color: inherit;
text-decoration-thickness: 2px;
-webkit-text-decoration-thickness: 2px;
}
.abhayalibre{
font-family: 'Abhaya Libre', serif;
font-weight: 600;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5{
padding: 0;
margin: 0 0 0.6em 0;
font-family: 'Abhaya Libre', serif;
font-weight: 600;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
text-decoration: none;
}
h1, .h1, .page-title{
font-size: 3em;
margin-bottom: 1.2em;
}
@media screen and (max-width: 460px) {
h1, .h1, .page-title{
font-size: 2.6em;
}
}
h2, .h2{
font-size: 2.3em;	
}
h3, .h3{
font-size: 2em;	
}
h4, .h4{
font-size: 1.6em;	
}
h5, .h5{ font-size: 0.7em;	
} .has-brand-fuchsia-color{
color: #c13c8a;	
}
.has-brand-fuchsia-background-color{
background-color: #c13c8a;	
}
.has-brand-lightgreen-color{
color: #d2e3cd;	
}
.has-brand-lightgreen-background-color{
background-color: #d2e3cd;	
}
.has-brand-anthrazit-color{
color: #404a5d;	
}
.has-brand-anthrazit-background-color{
background-color: #404a5d;	
}
.has-brand-sand-color{
color: #e4dacb;	
}
.has-brand-sand-background-color{
background-color: #e4dacb;	
}
.has-brand-sandlight-color{
color: #f4f0ea;	
}
.has-brand-sandlight-background-color{
background-color: #f4f0ea;	
}
.has-brand-white-color{
color: #fff;	
}
.has-brand-white-background-color{
background-color: #fff;	
}
.has-brand-black-color{
color: #000;	
}
.has-brand-white-black-color{
background-color: #000;	
} .wp-block-group.alignfull {
width: auto;
margin-left: calc(50% - 50vw + 8.5px);
margin-right: calc(50% - 50vw + 8.5px);
}
.wp-block-group.alignfull .wp-block-group__inner-container{
max-width: 1170px;
padding: 4em 1em;
margin-left: auto;
margin-right: auto;	
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding-left: 0
}
@media (max-width: 600px){
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-bottom: 1em;
}
} .cf:before,
.cf:after{
content: " "; display: table; }
.cf:after{
clear: both;
}
.cf{
*zoom: 1;
}
.no-underline,
.no-underline:hover{
text-decoration: none;	
}
.bg-beige,
.section-beige-between{
background: var(--skin);
}
section{
position: relative;
padding: 90px 1em;	
}
section.bg-dark{
z-index: 2;
background: #131313;
color: #fff;
}
.section-beige-between{
z-index: 0;
margin: -60px 0;
padding: 120px 1em;
}
.bg-img-topleft{
background-position: top left;
background-repeat: no-repeat;
}
.bg-img-topright{
background-position: top right;
background-repeat: no-repeat;
}
.text-white{
color: #fff;	
}
.ucase{
text-transform: uppercase;	
}
#main label:not(.woocommerce-form__label-for-checkbox),
#main .woocommerce table.shop_table th,
.uppercase-small{
color: #d0936a;	
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .2em;
}
hr{
padding: 0;
margin: 0 0 2.4em 0;
height: 1px;
background: rgba(0,0,0,0);
color: #fff;
border: none;
border-top: 1px solid rgba(0,0,0,0.1);
}
hr.dashed{
border-top: 1px dashed #ccc;
}
hr.hr-section{
position: relative;
z-index: 1;
bottom: -5px;
margin: 0 auto;
width: 60px;
border-top: 4px solid #ccc;
}
.ease-out, .btn, .block-link,
.wp-block-button__link, .wc-block-grid__product-link{
transition: all 0.2s ease-in;
}
.ease-in{
transition: all 0.2s ease-in;
}
#main, #footer {
position: relative;
left: 0;
}
#main.slide-active {
padding-top: 0
}
html.touch .btn-share.btn-whatsapp{
display: inline-block;
}
ul.wp-block-gallery,
.wp-block-image.aligncenter{
margin-bottom: 2em;	
}
.wp-block-image figcaption a {
color: #6c7781;
}
.wp-block-gallery .blocks-gallery-item figcaption{
pointer-events: none; }
@media screen and (max-width: 460px) {
.wp-block-gallery .blocks-gallery-item figcaption{
display: none;	
}
} figure.is-type-video {
position: relative;
width: 100%;
height: 0;
margin-bottom: 2em; padding-bottom: 56.25%; padding-top: 0; background: #000;
}
figure.is-type-video .wp-block-embed__wrapper,
figure.is-type-video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.woocommerce-product-gallery__wrapper:after{
z-index: 2;
}
.btn,
.wp-block-button__link{
font-size: 108%;
line-height: 1;
text-decoration: none;
font-weight: bold;
color: #c13c8b;
border-radius: 9999px;
border: 2px solid #c13c8b;
}
.btn:hover,
.wp-block-button__link:hover{
transform: scale(1.04);
}
.block-link,
.wc-block-grid__product-link{
position: relative;
z-index: 1;
display: block;
color: inherit;	
border-radius: var(--radius);
text-decoration: none;
background: rgba(237,231,219,0);
border-bottom: 0;
}
.block-link:hover,
.wc-block-grid__product-link:hover{
text-decoration: none;
background-color: rgba(255,255,255,1);
box-shadow: 0 0 0 8px #fff;
border-bottom: 0;
}
.block-link.hover-frame:hover:after{
opacity: 1;
transform: translate(18px,-18px);	
}
.zoom-in, .glightbox, .gallery a,
#main a[href$=".jpg"], #main a[href$=".jpeg"]{
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;	
cursor: zoom-in;
}
.media{
overflow: visible;	
}
.msg{
position: relative;
min-height: 46px;
margin: 0 0 1em 46px;
padding: 1em;
border-left: 2px solid rgba(0,0,0,0.2);
background: #ffffe1;
}
.msg .icon{
position: absolute;
left: -46px;
top: 0;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 1.8em;
color: #fff;
text-align: center;
background-color: rgba(0,0,0,0.2);
}
.success{
border-color: #64b51d;
background: #eef7e6;
}
.msg.success .icon{
background: #64b51d;
}
.error{
border-color: #f00;
background: #FFC;
}
.msg.error .icon{
background: #f00;
}
#main img:not(.leaflet-marker-icon){ 
border-radius: var(--radius);	
}
img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;	
}
img.alignleft{
float: left;
margin-right: 0.5em;	
}
img.alignright{
float: right;
margin-left: 0.5em;	
}
.img-margin{
vertical-align: middle;
margin: 6px 0.5em;	
} #main{
margin-top: 115px;
min-height: 66vh;
}
body.home #main{
margin-top: 0;
}
.page-template-tpl-landingpage #main{
margin-bottom: 0px;	
}
.container-big{
width: auto;
max-width: 1440px;
}
.container-small{
max-width: 900px;
}
@media screen and (max-width: 700px) {
#main{
margin-top: 68px;
}
}
#main a[href$=".jpg"],
#main a[href$=".png"]{
text-decoration: none;
border: none;
}
#main p,
#main ul,
#main ol{
margin-bottom: 3rem;	
}
#main section p:last-child{
margin-bottom: 0;
} .highlight-item{
display: block;
padding: 1em 3em;
text-decoration: none;
color: inherit;	
}
.highlight-item:hover,
.highlight-item:hover * {
text-decoration: none;
}
.highlight-item img{
width: 72px;
height: 72px;	
margin-bottom: 1em;
transition: transform .3s ease;
}
.highlight-item:hover img{
transform: scale(1.2);
}
.highlight-item .h3{
margin-bottom: .2em;
transition: color .3s ease;
}
.highlight-item:hover .h3{
color: var(--brown);
}
.section-topaktuell{
padding-top: 90px;
margin-top: 0;	
}
h2.title-topaktuell {
width: 100%;
height: 1.2em;
margin: -20px 0 -15px -8px;
overflow: hidden;
color: #d0936a;
font-size: 6em;
opacity: 0.3;
}
@media screen and (max-width: 460px) {
h2.title-topaktuell {
font-size: 4.2em;
}
}
.descr-topaktuell{
margin-bottom: 2em;	
}
.descr-topaktuell h3{
color: #d0936a;
}
.section-news{
z-index: 1;
} .news-teaser-grid{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "article-1 article-2" "article-1 article-3";
grid-gap: 30px;
}
.article-1 {
grid-area: article-1;
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.article-2 { grid-area: article-2; }
.article-3 { grid-area: article-3; }
@media screen and (max-width: 991px) {
.article-2 img, .article-3 img{
display: none;	
}
}
@media screen and (max-width: 720px) {
.news-teaser-grid{
display: block;
}
.article-1 {
padding-top: 6em;
}
}
.news-teaser-grid .flex-bottom{
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 1em;
justify-content: flex-end;	
}
.news-teaser-grid .flex-bottom:after{
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--radius);
background: url(//www.kosmedics-sabrina.at/app/themes/kosmedics-sabrina/img/bg-news-feature.png) left bottom repeat-x;
}
.news-teaser-big{
flex: 0 0 100%;
margin: 15px;
}
.news-teaser-small{
flex: 0 0 50%;
margin: 15px;
} .section-post-intro{
z-index: 1;
padding-bottom: 0;
}
.section-post-intro .container{
background: #fff;
padding-bottom: 1em;
}
.post-footer{
z-index: 1;
padding-top: 0;
}
.post-footer .container{
padding-top: 1em;
padding-bottom: 1em;
min-height: 5em;
background: #fff;
}
.post-navigation{
} .section-prices:nth-child(even){
background: #ede7db;
}
.section-prices h2{
font-size: 2em;
color: #d0936a;
}
.prices-list ul{
margin: 0 0 1.6em 0;
padding: 0;
list-style-type: none;	
border-top: 1px solid var(--brown);
}
.prices-list li{
display: table;
width: 100%;
margin: 0;
padding: 1em 0;
border-bottom: 1px solid var(--brown);
}
.prices-list li .meta{
float: right;
padding-left: 0.6em;
}
.prices-list li .duration{
padding-right: 0.3em;
color: var(--brown);
}
.prices-list li .duration .material-icons{
font-size: 21px;
vertical-align: sub;
}
.prices-list li del{
color: #900;	
}
.prices-list li:hover{
padding: 1em 0.3em;
background: var(--skin);
}
.prices-list li:hover .duration,
.prices-list li:hover .price{
color: #000;
} .section-treatment figure{
display: inline-block;	
margin-bottom: 2em;
}
.section-treatment h3.h4{
}
.tag,
.tagged_as a{
display: inline-block;
padding: 4px 1em;
margin-bottom: 0.5em;
height: 2em;
border-radius: 1em;
font-size: 90%;
text-decoration: none;
color: #404a5d;
border: 1px solid #404a5d;
background: rgba(255, 255 , 255, 0.2);
transition: background 0.3s ease;
}
a.tag:hover,
.tagged_as a:hover{
text-decoration: none;
background: rgba(255, 255 , 255, 1);
}
.section-treatment h2.beyond{
position: absolute;
z-index: 0;
left: -10px;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
color: #fff;
font-size: 9em;
line-height: 0.55;
white-space: nowrap;
opacity: 0.4;
}
.section-treatment h2.beyond-right{
left: 0;
right: -10px;
text-align: right;
}
@media screen and (max-width: 800px) {
.section-treatment h2.beyond{
font-size: 7em;
}
} .btn-cta{
height: 2.6em;
padding: 0.5em 1em;
line-height: 1.4;
text-transform: uppercase;
border-radius: 1.3em;
border: 2px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.2);
}
.btn-cta:hover{
border: 2px solid rgba(0, 0, 0, 1);
}
.btn-outline{
height: 2.6em;
padding: 0.5em 1em;
line-height: 1.4;
text-transform: uppercase;
border-radius: 1.3em;
border: 3px solid rgba(0, 0, 0, 1);
background: rgba(255, 255, 255, 0);
}
.btn-outline:hover{
background: rgba(255, 255, 255, 1);
border: 3px solid rgba(255, 255, 255, 1);
} .article-list{
margin-bottom: 1.2em;
}
.article-item{
margin-bottom: 3em;	
}
.timestamp{
font-size: 90%;
font-weight: bold;
}
#main .article-item p{
margin-bottom: 0;
}
.article-item .media-left{
padding-right: 30px;
}
.article-item img{
opacity: 0.8;	
transition: opacity 0.3s;
}
.article-item .block-link:hover img{
opacity: 1;	
}
@media screen and (max-width: 700px) {
.article-item img.media-object{
width: 140px;
height: auto;
}
}
@media screen and (max-width: 460px) {
.article-item img.media-object{
width: 90px;
}
.article-item .excerpt{
display: none;	
}
}
@media screen and (max-width: 400px) {
.article-item .media-left{
display: none;
}
}
.img-article{
float: left;
max-width: 50%;
margin: 0 2em 1em 0;
}
.img-pull-left{
margin-left: -60px;
}
@media screen and (max-width: 860px) {
.img-pull-left{
margin-left: -20px;
}
}
@media screen and (max-width: 760px) {
.img-pull-left{
margin-left: 0;
}
}
@media screen and (max-width: 670px) {
.img-article-portrait{
max-width: 33%;
}
.img-article-landscape{
float: none;
max-width: 100%;
margin: 0 auto 2em auto;
}
.img-article-landscape img.img-responsive {
margin: 0 auto;
}
}
@media screen and (max-width: 400px) {
.img-article-portrait{
float: none;
margin: 0 0 1em 0;
max-width: none;
}
}
.wp-caption-text{
padding-top: 3px;
font-size: 80%;
line-height: 1.2;
color: #64686a;	
}
.pagination h2{
display: none;
}
.pagination .nav-links a,
.pagination .nav-links span{
display: inline-block;
margin: 0 4px;
padding: 0 6px;
} a[href^='tel:']{
text-decoration: none;
border-bottom: 1px dashed #CCC;	
}
.contact-map{
text-align: right;	
} .gallery{
margin-bottom: 1em;
}
.gallery ul{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.gallery li{
display: inline;
margin: 0;
padding: 0;
}
.gallery a{
position: relative;
z-index: 1;
display: inline-block;
vertical-align: middle;
margin: 4px;
text-align: center;
background: #fff;
box-shadow: 0 0 0 2px rgba(210, 35, 42, 0);
transition: box-shadow 0.3s ease-out;
}
.gallery a:hover{
z-index: 2;
box-shadow: 0 0 0 6px rgba(210, 35, 42, 1);
}
.gallery a:hover img{
opacity: 0.6;	
}
@media screen and (max-width: 390px){
.gallery a img{
width: 120px;
height: auto;	
}
} .schema-faq{
border-top: 1px solid #3d4245;
margin-bottom: 2em;	
}
.schema-faq-section{
padding: 1em 0;
border-bottom: 1px solid #3d4245;
}
.schema-faq-section.faq-closed{
border-left: 4px solid rgba(0,0,0,0);
}
.schema-faq-question{
position: relative;
display: block;
padding-left: 30px;
cursor: pointer;
color: #ccc;
transition: color 0.3s ease-out;	
}
.schema-faq-question:before{
position: absolute;
top: 4px;
left: 0;
content: "\f00d";	
font: normal normal normal 90% FontAwesome;
color: #3d4245;
}
.faq-closed .schema-faq-question{
color: #fff;
}
.faq-closed .schema-faq-question:before{
content: "\f067";	
}
.schema-faq-answer{
display: block;
}
#main p.schema-faq-answer{
margin-bottom: 0;
}
.faq-closed .schema-faq-answer{
display: none;
}
.tabs{
border-bottom: 1px solid #d3ced2;
}
.tabs li{
margin-bottom: -3px !important;
border-bottom: none !important;
} .section-hero{
padding: 0;
}
.slideshow{
position: relative;
width: 100%; }
.slideshow .slick-list{
left: 0;
top: 0;
right: 0;
bottom: 0;	
}
.slick-track{
height: 100%;
}
.section-hero .slide.slick-slide{
position: relative;
width: 100%;
height: auto;
}
.section-hero a.slide.slick-slide{
text-decoration: none;
}
.section-hero .slide.single-img{
position: absolute;
top: 0;
left: 0;
}
.section-hero .slide .slide-img{
position: relative;
width: 100%;
height: 42.7vw; background-position: top center;
background-size: cover;
}
@media screen and (max-width: 1200px) {
.section-hero .slide .slide-img{
height: 80vh;
}
}
.slideshow .controls{
position: absolute;
z-index: 1;
top: 50%;	
width: 50px;
height: 45px;
margin-top: -27px;
line-height: 50px;
text-align: center;
color: #fff;
cursor: pointer;
font-size: 50px;
}
.slideshow .prev{
left: 10px;
}
.slideshow .next{
right: 10px;
}
#main .slick-dots{
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: 0;
padding: 0;
text-align: center;
mix-blend-mode: difference;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
width: 20px;
height: 20px;
line-height: 20px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '◻';
text-align: center;
color: #fff;
font-size: 24px;
}
.slick-dots li.slick-active button:before {
content: '◼';
font-size: 24px;
}
@media screen and (max-width: 830px) {
#main .slick-dots{
display: none;
}
}
.slideshow .slide-box{
position: absolute;
z-index: 9991;
width: 360px;
top: 50%;
left: 50%;
padding: 18px;
border-radius: var(--radius);
background: #fff url(//www.kosmedics-sabrina.at/app/themes/kosmedics-sabrina/img/bg-page.jpg) no-repeat 34% 5%;
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
transition-delay: 1s; }
.slideshow .slide-box{
transform: translateY(-40%);
opacity: 0;
}
.slideshow .slick-active .slide-box{
transform: translateY(-50%);
opacity: 1;
}
@media screen and (max-width: 920px) {
.section-hero .slide .slide-img{
height: 83vh;
background-position: 26% 0;
}
.slideshow .slide-box{
position: static; width: auto;
margin: -30px 30px 0 30px;
opacity: 1;
transform: translateY(-50%) !important;
transition: none;
}
}
.section-hero .slide-thumb{
width: 150px;
margin-right: 1em;
margin-bottom: 0;
}
.section-hero .slide-thumb img{
width: 150px;	
height: auto;
max-width: unset; }
@media screen and (max-width: 1200px) {
.section-hero .slide-thumb,
.section-hero .slide-thumb img{
width: 120px;	
}
}
.section-hero .slide-text h2{
position: relative;
z-index: 2;
margin: 0;
font-size: 1.8em;
}
.section-hero .slide-descr{
font-size: 90%;
color: #333;	
}
.tiny-scrollbar::-webkit-scrollbar { width: 8px;
}
.tiny-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,0.2); 
}
.tiny-scrollbar::-webkit-scrollbar-thumb { border-radius: 8px;
background: rgba(0,0,0,0.2); 
}
.tiny-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.5); 
} #header{
display: flex;
align-items: center;
gap: 1vw;	
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
padding: 30px 30px;
font-size: 0.9em;
letter-spacing: .05em;
font-weight: 700;
text-transform: uppercase;
background-color: #fff;
} #header,
#header.unscrolled,
#header.scrolled{ box-shadow: 0px 2px 26px 0px rgba(0,0,0,0);
background-color: rgba(255,255,255,0);	
transition: padding .3s ease, box-shadow 0.4s ease, background-color .3s ease;
}
#header.scrolled{
padding: 20px 30px;
box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.24);
background-color: rgba(255,255,255,1);	
} a#logo{
border-bottom: none;	
}
#logo img{
width: 160px;
height: auto;
margin-bottom: 0;
transition: transform .3s ease, margin-bottom .3s ease;	
}
#header.scrolled #logo img{
transform: translateY(-13px);
margin-bottom: -30px;
}
#header a{
display: inline-block;
border-radius: var(--radius);
text-decoration: none;	
color: var(--text);
} .nav-bar {
display: flex;
align-items: center;
width: 100%;
}
#menu-nav_left{
display: flex;
}
#menu-nav_right{
margin-left: auto; }
.nav-bar ul{
display: flex;
gap: 1vw;	
list-style: none;	
}
.nav-bar ul,
.nav-bar li{
margin: 0;
padding: 0;
}
.nav-bar li.mobile-only{
display: none;	
}
.nav-bar li a{
padding: 2px 6px;
transition: background 0.3s ease;
background: none;
}
.nav-bar li a:hover,
.nav-bar li.current-menu-item a,
.nav-bar li.current_page_parent a,
.nav-bar li.current-page-ancestor a{
background: var(--skin);
}
.nav-bar li a .menu-item-cart-items{
display: inline-block;
width: 22px;
height: 22px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #c13c8b;
margin-right: 5px;
border-radius: 999px;	
border: 2px solid #c13c8b;
}
.nav-toggle{
display: none;
}
@media screen and (max-width: 1020px){
#header{
padding: 20px 30px;	
}
#logo, #logo svg{
display: block;
float: none;
margin: 0 auto;
}
#header.scrolled #logo svg{
transform: translateY(-15px);
}
.nav-bar{
position: fixed;
z-index: 1;
display: block;
top: 0;
right: 0;
height: 100vh;
width: 250px;	
margin: 0;
padding: 10px;
transform: translateX(250px);
transition: transform .2s, width .2s;
background: var(--text);
}
#menu-nav_left, #menu-nav_right{
display: block;
float: none;
padding-left: 0;
padding-right: 0;
}
.nav-bar ul,
.nav-bar li,
.nav-bar li.mobile-only{
display: block;	
}
#header .nav-bar li a{
float: none;
display: block;
padding: 8px;
margin: 8px 0;
color: #fff;
}
#header .nav-bar li a:hover,
#header .nav-bar li.current-menu-item a,
#header .nav-bar li.current_page_parent a,
#header .nav-bar li.current-page-ancestor a{
background: var(--brown);
}
.nav-bar li a .menu-item-cart-items{
background: #fff;
color: #171717;
}
.nav-toggle{
display: flex;
position: absolute;
z-index:999;
top: 19px;
left: -62px;
width: 54px;
height: 53px;
padding: 0;
background: rgba(255,2552,255,0);
border: none;
cursor: pointer;
pointer-events: auto !important;	
transition: top .3s ease, background .3s ease;
}
#header.scrolled .nav-toggle{
top: 3px;
}
body.nav-open .nav-toggle{
background: rgba(255,2552,255,1);
}
.nav-toggle .line {
fill: none;
stroke: var(--text);
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-toggle .line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.nav-toggle .line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.nav-toggle .line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.nav-open .nav-toggle .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.nav-open .nav-toggle .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.nav-open .nav-toggle .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
}
body.nav-open .nav-bar{
transform: translateX(0);
}
body.nav-open{
overflow-x: hidden; }
body #menu-nav_mobile_only{
display: none;	
}
body.nav-open #menu-nav_mobile_only{
display: block;
font-weight: 400;
} .quick-call-widget{
position: fixed;
display: flex;
flex-direction: column;
z-index: 99;
right: 12px;
top: 50%;
transform: translateY(-50%);
border-radius: var(--radius);
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
}
a.quick-call-btn{
display: flex;
align-items: center;
justify-content: center;
width: 74px;
height: 64px;
background: #fff;
border-bottom: 1px solid rgba(0,0,0,.1);
text-decoration: none;
}
a.quick-call-btn i{
font-size: 34px;
}
a.quick-call-btn:hover,
a.quick-call-btn:active{
color: #fff;
}
a.quick-call-btn:first-child{
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
a.quick-call-btn:last-child{
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
border-bottom: none;
}
@media screen and (max-width: 1200px){
.quick-call-widget{
right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
a.quick-call-btn:first-child{
border-top-right-radius: 0;
}
a.quick-call-btn:last-child{
border-bottom-right-radius: 0;
}
}
.quick-call-appointment{
color: #000;	
}
.quick-call-appointment:hover,
.quick-call-appointment:active{
background: #292929;
}
.quick-call-whatsapp{
color: #2ba75c;	
}
.quick-call-whatsapp:hover,
.quick-call-whatsapp:active{
background: #2ba75c;
}
.quick-call-phone{
color: #658dbe;	
}
.quick-call-phone:hover,
.quick-call-phone:active{
background: #658dbe;
}
@media screen and (max-width: 920px){
.quick-call-widget{
top: auto;
bottom: 0px;
transform: none;
}
a.quick-call-btn{
width: 64px;
height: 54px;
}
} .share-btns{
padding-top: 2em;
text-align: center;
}
.share-hint{
padding-bottom: 6px;	
}
.btn-share{
box-shadow: none;
text-transform: none;
color: #fff;
text-align: center;
opacity: 0.7;
width: 42px;
padding: 0.5em 0;
font-size: 110%;
border: none !important;
}
.btn-share:hover{
opacity: 1;
color: #fff !important;
}
.btn-share img{
width: 16px;
height: 16px;
}
.btn-share.s_facebook{
background-color: #3a5795;	
}
.btn-share.s_whatsapp{
display: none;
background-color: #45c455;	
}
.touch .btn-share.s_whatsapp{
display: inline-block;	
}
.btn-share.s_twitter{
background-color: #55acee;	
}
.btn-share.s_plus{
background-color: #dd4b39;	
}
.btn-share.s_linkedin{
background-color: #0077b5;	
} #footer{
position: relative;
font-size: 78%;
background: #baa29e;
}
#footer .container{
position: relative;
z-index: 1;
}
#footer,
#footer a{
color: #323336;
text-decoration: none;	
}
.footer-sitemap{
padding-top: 60px;
padding-bottom: 60px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;	
}
.footer-social{
padding: 60px 0;
background: #deb396;	
}
.footer-social-links{
margin: 0;
padding: 0;
list-style: none;
}
.footer-social-links li{
margin: 0 0 .8em 0;
padding: 0;
}
.footer-social-links a{
display: inline-block;
padding: .3em .8em;
border-radius: 999px;
color: #323336 !important;
background: #fff;	
}
.footer-social-links a i{
color: var(--brown);	
font-size: 20px;
vertical-align: bottom;
}
.footer-nav{
margin: 0 0 1em 0;
padding: 0;	
list-style: none;
}
.footer-nav li{
margin: 0;
padding: 2px 0;	
}
.footer-nav li:before{
content: '\f105'; font-family: 'Line Awesome Free';
font-weight: 900;
color: var(--brown);
padding-right: 4px;
vertical-align: -2px;
}
.footer-bottom{
padding: 60px 0;
background: #161616;
}
.footer-bottom,
.footer-bottom a{
color: var(--skin) !important;	
}
.footer-bottom .col-logo img{
width: 160px;
height: auto;
}
.footer-bottom .col-superfesch{
text-align: right;
}
@media screen and (max-width: 991px){
.footer-bottom .col-copyright,
.footer-bottom .col-superfesch{
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
}
.footer-credits{
}
.footer-credits a{
display: inline-block;
}
.footer-credits a img{
width: 80px;
height: auto;
opacity: .8;
}
.footer-credits a:hover img{
opacity: 1;
}
.footer-privacy{
padding: 32px 0;
background: #000;
text-align: center;
font-size: 75%;
}
.footer-privacy ul{
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
opacity: .9;
}
.footer-privacy li{
display: inline-block;
list-style: none;
margin: 0;
padding: 1em;
}
.footer-privacy a{
color: #fff !important;
text-decoration: none;
} #cookie-bar.fixed {
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
right: 0;
padding: 1em;
text-align: center;
font-size: 90%;
background: #333;
}
#cookie-bar,
#cookie-bar a{
color: #fff;
}
#cookie-bar a.cb-enable {
display: inline-block;
padding: 1px 6px;
color: #333;
text-decoration: none;
background: #94c273;
border: none;
border-radius: 3px;
} pre.debug{
background: #FFC;
color: #333;
padding: 8px;
border: 2px solid #dcdc9f;	
font-size: 12px;
max-height: 200px;
overflow: auto;
}
pre.debug.focus{
max-height: none;
overflow: auto;
}
pre.debug hr{
background: #FFC;
border: none;
border-top: 1px solid #dcdc9f;	
}
#wp-admin-bar-wp-logo{
display: none !important;	
}  body.hidden-scroll {
overflow: hidden;
} .sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #785389;
opacity: 0.8;
display: none;
z-index: 10010;
} .sl-wrapper {
z-index: 10020;
} .sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 28px;
padding: 0;
cursor: pointer;
} .sl-wrapper button:hover {
opacity: 0.7;
} .sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 10020;
margin-top: -14px;
margin-right: -14px;
height: 44px;
width: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
color: #fff;
font-size: 3rem;
} .sl-wrapper .sl-close:focus {
outline: none;
} .sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 10020;
color: #000;
font-size: 1rem;
} .sl-wrapper .sl-navigation {
width: 100%;
display: none;
} .sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
height: 44px;
width: 22px;
line-height: 44px;
text-align: center;
display: block;
z-index: 10020;
color: #fff;
}
.sl-wrapper .sl-navigation .material-icons{
font-size: 48px;
} .sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 4rem;
} .sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 4rem;
} .sl-wrapper .sl-navigation button:focus {
outline: none;
}
@media (min-width: 35.5em) { .sl-wrapper .sl-navigation button {
width: 44px;
} .sl-wrapper .sl-navigation button.sl-next {
right: 10px;
} .sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
}
}
@media (min-width: 50em) { .sl-wrapper .sl-navigation button {
width: 44px;
} .sl-wrapper .sl-navigation button.sl-next {
right: 20px;
} .sl-wrapper .sl-navigation button.sl-prev {
left: 20px;;
}
} .sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10020;
} .sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
}
@media (min-width: 35.5em) { .sl-wrapper .sl-image img {
border: 0 none;
}
}
@media (min-width: 50em) { .sl-wrapper .sl-image img {
border: 0 none;
}
} .sl-wrapper .sl-image iframe {
background: #000;
border: 0 none;
}
@media (min-width: 35.5em) { .sl-wrapper .sl-image iframe {
border: 0 none;
}
}
@media (min-width: 50em) { .sl-wrapper .sl-image iframe {
border: 0 none;
}
} .sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
position: absolute;
bottom: 0;
left: 0;
right: 0;
} .sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
} .sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
} .sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 10020;
} .sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 10020;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
} .sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}  [class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}