@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,200,300,500,600,700,800,900);
/*General*/
body,p{font-size:16px}h1,p{margin-bottom:30px}h1,h2,h3,h4,h5,h6,p{font-family:Roboto,sans-serif}.form-control,.form-control:focus{box-shadow:none;background-size:0 2px,100% 1px}html{position:relative;min-height:100%}body{background-color:#f4f0ee;margin-bottom:90px;line-height:1.8}h1,h2,h3,h4,h5,h6{color:#919396;font-weight:300;margin:0;letter-spacing:-1px;-webkit-font-smoothing:antialiased}h2,h3{margin-bottom:20px}h1{font-size:35px}h2{font-size:26px}h2.wf-slider-item-title{font-size:42px;color:#d0d1d1}h2.pagetitle{font-size:42px;color:#919396}h3{font-size:20px}h3.wf-collection-item-title{font-size:26px}a{color:#919396!important;font-weight:500;cursor:pointer;-webkit-transition:color .15s ease-in-out 0s;-moz-transition:color .15s ease-in-out 0s;-o-transition:color .15s ease-in-out 0s;transition:color .15s ease-in-out 0s}a:focus,a:hover{color:#c190c7!important;text-decoration:none;outline:none!important}.dropdown-item:active{color:#c190c7!important;text-decoration:none;outline:none!important;background-color:#f8f9fa!important}p{line-height:26px}
/* Layout */
#content{margin-top:50px;margin-bottom:150px}#wf-content .row:not(:first-child){padding-top:40px;padding-bottom:40px}p.wf-collection-item-description{height:275px}.tp-title{margin-bottom:10px}#map{height:300px;width:100%}
/* Buttons */
.btn-default{color:#fff!important;background-color:#dac0da;border-color:#dac0da;width:100%;border-radius:30px}
/* Navbar */
.navbar-nav>li>a{text-transform:uppercase}.dropdown{margin-right:15px}
/* Form */
.form-control,ol,p,ul{color:#847774;font-weight:300;font-family:Roboto,sans-serif}.form-control{border:0;background-image:linear-gradient(#fa7373,#fa7373),linear-gradient(#d2d2d2,#d2d2d2)!important;background-repeat:no-repeat;background-position:center bottom,center calc(100% - 1px);height:38px!important;font-size:14px;border-radius:0;float:none;padding:0}.form-control:focus{outline:0}textarea.form-control{height:100px!important}.ct-address p{margin-bottom:20px}.ct-address p span{float:left;padding-right:20px;min-height:40px;color:#c190c7}
/* Cards */
.card-panel{box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.2);padding:30px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-clip:padding-box;background-color:#fff;margin-bottom:30px}.card{display:inline-block;width:100%;border-radius:2px;color:rgba(0,0,0,.84);background:#fff}.card .card-image{height:60%;overflow:hidden;border-bottom:solid 1px #be92c2;background:#fff}.card .card-image img{width:100%;height:100%;border-top-left-radius:2px;border-top-right-radius:2px;pointer-events:none}.card .card-content{position:relative;padding:10px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* Carousel */
#mainSlider{margin-top:118px}.carousel h2{color:#be92c2}.carousel-inner{background:#fff}.carousel-item img{height:420px;width:auto!important;text-align:center;float:right}.carousel-indicators li{background-color:#dac0da}#subSlider .carousel-item img{height:auto;text-align:center;float:right;width:100%!important}#subSlider .carousel-item{height:420px;overflow:hidden}.carousel-control-next,.carousel-control-prev{width:45px;height:50px;background:#dac0da;color:#fff!important;font-size:25px;top:25%;margin:90px}
/* Panels */
#morepanels.col-md-3.wf-collection-item{padding-left:0!important;padding-right:0!important}
/* Footer */
#footer li,#footer li a{color:#847774!important}#footer li{border-right:1px solid #847774;padding-right:5px;padding-left:5px}#footer li a{font-weight:400}#footer li:last-child{border-right:0;padding-right:0}#footer{color:#847774;height:90px;background-color:#261f1e;padding-top:35px;position:absolute;bottom:0;width:100%}#footer .links{float:right}#footer .copyright{float:left}#footer .links ul{margin:0;padding:0}#footer .links ul li{list-style:none}
/* Hacks */
.mobile{display:none}.bg-pink{background:#dac0da}
/* Media Queries */
@media (min-width:992px){
  .dropdown-menu {
  border-top:2px solid #dac0da;
  box-shadow:0 2px 0 rgba(0,0,0,.1)!important;
}
}
@media (max-width:991px){
#footer{
  height:135px;
}
  .dropdown-menu {
  border:none;
  box-shadow:none!important;
}}
@media (min-width:768px){
  /* Navbar */
.nav>li>a:focus,.nav>li>a:focus:before,.nav>li>a:hover,.nav>li>a:hover:before{text-decoration:none;background-color:#fff;color:#c190c7!important}.navbar-nav{margin-top:35px}.navbar-brand>img,.navbar-header{height:89px}.navbar{border-bottom:solid 1px #be92c2}.dropdown-menu{margin-top:35px!important;margin-right:-120px;background:#fff!important;border:none;border-radius:0!important;padding:0!important;width:200px!important}.dropdown-menu li{float:none!important;margin:0!important;padding:0!important;border-top:0!important;background:0 0!important;line-height:25px!important;height:auto!important;width:100%!important;border-bottom:1px solid #eee!important}.dropdown-menu li:last-child{border-bottom:0!important}.dropdown-menu li a{color:#b2b2b6!important;font-size:14px!important;height:40px!important;width:auto!important;font-weight:400!important;text-transform:uppercase!important;line-height:40px!important}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#f8f8f8!important;border:none!important}
  .youtube {
	height: 650px;  
}
.navbar {
    border-bottom: solid 1px #be92c2;
}}
@media (max-width:767px){	
/* Navbar */
.navbar-nav>li:not(:first-child){border-top:1px solid #eee}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#f1f1f1;color:#c190c7!important}.navbar-nav{left:15px;width:100%;background:#fff;overflow:auto;position:relative;margin-top:0;z-index:2}.navbar-nav>li>a{padding:20px 16px}.navbar-nav>li{width:100%}.navbar-brand{display:block;color:#b2b2b6;letter-spacing:-.6px;font-weight:700;font-size:28px}.navbar-brand>img{height:60px}
#subSlider .carousel-item {
    height: 30%;
    overflow: hidden;
}
.youtube {
	height: 450px;  
}
#mainSlider {
    margin-top: 85px;
}}
@media (max-width:480px){
  #footer{
    min-height:140px;
    padding-top:17px}
  #footer .copyright,#footer .links{
    float:inherit;
    text-align:left}
p.wf-collection-item-description {
    height: 200px;
}  
  .sliderbuttoncontainer p {
    margin-bottom: 0px;
}
  .youtube {
	height: 250px;  
}}
/* Pace */
body:after,body:before,body>:not(.pace){-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}body:not(.pace-done):after,body:not(.pace-done):before,body:not(.pace-done)>:not(.pace){opacity:0}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#c190c7;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
/* Rate */
.rate {
    float: left;
  	background: url(https://www.marielou-cosmetic.ch/Themes/MarielouCosmetic-1.4.0/assets/img/rating.svg);
  	background-size: contain, auto;
  	background-repeat: no-repeat;
    background-color: #F44336;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: NaNpx;
    height: 48px;
    line-height: 24px;
    margin-bottom: 0;
    opacity: 1;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 48px;
    left: 0;
    clear: left;
    text-align: right;
  	-webkit-animation: heartbeat 4.5s ease-in-out infinite both;
	        animation: heartbeat 4.5s ease-in-out infinite both;
}
.rate:hover {
    width: 210px;
}
.rate a {
    color: #fff !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: absolute;
    vertical-align: top;
    right: 17px;
    opacity: 0;
    font-size: 19px;
    width: 210px;
    top: 0;
    padding-top: 12px;
}
.rate a:hover {
    opacity:1;
}
.danke {
    position: absolute;
    margin-top: 189px;
    text-align: center;
    width: 1170px;
    font-size: 52px;
    opacity: 0;
    color: #be92c2;
    font-weight: 300;
    font-family: Roboto,sans-serif;
}
@media (max-width: 1024px){
.rate {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    text-align: center;
    width: 16,66666666666667‬%;
}
}
@media (max-width: 996px){
.danke {
    display: none;
}
}
.st-total {
  display: none !important;
}
/* Animations */
.heartbeat {
	-webkit-animation: heartbeat 4.5s ease-in-out infinite both;
	        animation: heartbeat 4.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #fff;
  border: solid 1px #fff;
}
::-webkit-scrollbar-thumb {
  background: #dac0da; 
  border: solid 1px #dac0da;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}
.infoBanner {
    z-index: 8;
    max-height: 55px;
  opacity: 0.75;
}