@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap');

  body {
  font-family: 'Source Sans Pro', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Amatic SC', cursive;
  }

  h1 {
  font-size: 34px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 26px;
  }

  h4 {
  font-size: 21px;
  }

  h5 {
  font-size: 18px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 15px;
  }



  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: #802da4 !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: #662483 !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: #802da4 !important;
  color: #fff !important;
  }

  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover,
  .nf-form-content input[type=submit]:hover
  {
  background: #662483 !important;
  color: #fff !important;
  }

  div.social-media ul li a {
  background: #521d69 !important;
  color: #fff !important;
  }

  div.social-media ul li a i {
  color: #fff !important;
  }

  div.social-media ul li a:hover {
  background: #662483 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #802da4 !important;
  }

  div.phone a.phone, div.email a.email {
  background: #521d69 !important;
  color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
  color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
  background: #662483 !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: #521d69;
  border-color: #521d69;
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: #521d69 !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #521d69 !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  .footer-cta-box,
  .rimg,
  [type="submit"] {
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  }

  .img-responsive {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }



  header > div.wrapper {
  display: block;
  position: relative;
  }

  header div.header::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  }

  header > div.wrapper::after {
  background: url('https://mooiaandemeent.nl/wp-content/uploads/sites/123/2020/10/ehader2.jpg');
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  }


    header .sticky_menu_small div.header {
    background-color: rgba(102, 36, 131, 1) !important;
    }
  

  @media only screen and (min-width : 992px) {
  body.home header > div.wrapper {
  min-height: 350px;
      min-height: 535px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 685px;
    }
  }

  @media only screen and (min-width : 992px) {
  body header > div.wrapper {
  min-height: 225px;
      min-height: 335px;
    }
  body header > div.wrapper.above {
  min-height: 375px;
      min-height: 485px;
    }
  body header > div.wrapper.above::after,
  body header > div.wrapper.above.shadow::before,
  body header > div.wrapper.above_shadow::before {
      top: 260px;
    }
  body header > div.wrapper.sticky_menu .header__content {
      margin-top: 260px;
    }
  }

  @media only screen and (min-width : 992px) {
  header > div.wrapper {
  min-height: 360px;
  }
  header > div.wrapper.above {
  min-height: 510px;
  }

  header div.header div.holder {
  height: 260px;
  }
  }





  nav.navbar-default, div.navbar-collapse {
  background-color: #662483; !important;
  }

  @media only screen and (min-width : 992px) {
  
  div.navbar-collapse {
  background: none !important;
  }

  header nav.navbar-default {
  background-color: rgba(102, 36, 131, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(102, 36, 131, 1) !important;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: #521d69 !important;
  }
  }


  @media only screen and (min-width : 992px) {
  section.featured div.wrapper {
  margin-top: -100px;
  }
  header>div.wrapper .header__content {
  transform: translate3d(0, -40px, 0);
  }
  }





  header div.header {
  text-align: left;
  }

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid #802da4;
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
  color: #802da4 !important;
  }
  }


  header div.header div.contact i {
  color: #802da4;
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse {
  text-align: center;
  }
  }

  section.featured div.item p,
  section.news div.item p {
  color: #180c1a !important;
  }

  section.featured div.item,
  section.news div.item {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

  section.partners {
  background: #802da4 !important;
  }

  section.partners img {
  border-radius: 0 !important;
  }

  footer,
  .footer-cta.center:after,
  .author {
  background: #521d69 !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid #802da4;
  }

  footer div.socket,
  .footer-sticky {
  background: #662483 !important;
  }


  section.treatments div.items div.item img {
  border-radius: 100% !important;
  }

  .img-circle {
  border-radius: 100% !important;
  }


  section.treatments div.item a {
  color: #180c1a !important;
  }

  section.prices table tr td a {
  color: #180c1a !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: #180c1a !important;
  }

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: #521d69;
  }

  .home section.slider .container {
    width: 100%;
    padding: 0;
}

aside .block:nth-child(1) h4 {
    display: none;
}
.single-behandelingen .col-md-14.col-md-offset-2 {
    display: none;
}
aside div.block:nth-child(2), aside div.block:nth-child(3) {
    display: none;
}


.socket .left span:nth-child(1), .socket .left span:nth-child(2) {
    display: none;
}

.behandelingimage {
    width: 250px;
    margin-right: 40px!important;
    margin-bottom: 20px;
}

footer div.column h4, footer div.column section.treatments div.items div.item a span, section.treatments div.items div.item a footer div.column span {
    display: none;
}

footer img.aligncenter {
    min-width: 180px;
    max-width: 180px!important;
}


h4.hannahh4 {
    vertical-align: middle;
    display: table-cell;
    height: 160px;
    color: white;
    padding: 0 20px;
}
.home section.intro.text.block3.cirkels-section {
    padding: 120px 0 0 0;
}
.purplecircle {
    height: 180px;
    width: 180px;
    margin: auto;
    background-color: #662483;
    display: table;
    border-radius: 100%;
}



/*.kleurtje {
    background-color: #a369bb;
    padding: 0 1em;
    color: #fff;
}*/

.home section.intro.text.block0 {
    padding: 180px 0;
    background-position: center;
    color: #fff;

}
.home section.intro.text.block0 h1 {
    color: #fff!important;
}

body.home header > div.wrapper {
    min-height: 0;
}

.mt-0 {
margin-top: 0px;
}


i.fa.fa-star {
    color: #662483;
}

/*.partners .container {
    width: 100%;
}
.partners .col-sm-8 {
    width: calc(100% / 9);
}*/

/*footer .column a {
    color: #180c1a!important;
text-decoration: underline;
}*/
footer h4 {
    border-bottom: 1px solid #fff !important;
   color: #180c1a!important
}
/*footer .column a:hover {
   color: #521d69 !important;
}*/

.icontje {
    font-size: 2em;
    margin-right: 1em;
    color: #662483;
}

.ml2em {
    margin-left: 2em;
}

footer {
  /*  background-image: url(/wp-content/uploads/sites/123/2020/10/header-lageopac.jpg)!important;*/
    padding-top: 60px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    color: #180c1a!important;
    background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)), url(/wp-content/uploads/sites/123/2020/10/ehader2.jpg)!important;
}
.actions h1 {
    color: white;
    font-size: 2.441em;
}

.navigatiecircels {
    height: 50%;
    width: 180px;
    object-fit: cover;
margin-top: 2em!important;
}
.navigatiecircels:hover, .purplecircle:hover{
    transition: all .3s ease;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
}
/*section.intro.text.block3 {
    padding-bottom: 0;
    margin-bottom: -80px;
}*/
.actions {
    color: white;
    font-size: 20px;
}
.slider {
    height: 640px;
    width: 100%!important;
    position: relative;
    min-height: 640px;
}




.grotefoto {
    height: 430px;
    background-position: center;
}
section.partners {
    padding: 15px 0;
}
footer div.socket {
    margin-top: 70px;
}


section.partners div.item div.holder img {
    max-width: 150px;
}


@media only screen and (min-width: 992px) {
header>div.wrapper div.wrapper img.logo {
    max-width: 200px;
}
section.partners.text-center .container {
    width: 80%;
}
.single-behandelingen .col-md-32, .blog .col-md-32 {
    width: 100%;
}

header>div.wrapper div.wrapper img.logo {
padding:25px 0 0 0;
}

.single-behandelingen .page .container, .blog .archive .container {
    width: 1170px;
}
article time.updated {
    display: none;
}

.cirkels-section .col-md-9{
width:20%;
}
section.treatments.shortcode .col-sm-12 {
    width: 100%;
}
.page-template-template-fullwidth .page .container {
    width: 1170px;
}
header nav.navbar-default {
    box-shadow: 0 0 20px 50px rgba(0,0,0,0.05);
}
.col-md-24.paddingblok {
    padding: 50px;
}
.homefoto {
    max-height: 530px;
    object-fit: cover;
    object-position: 0% 30%;
}
section.intro.text {
    padding: 90px 0;
}
body > section > div > div > div:nth-child(4) > div > div > img {
    max-height: 35px!important;
}
p.menu-tekst {
      float: right;
    margin-top: 160px;
    color: white;
    font-size: 3em;
    font-weight: bold;
    font-family: 'Amatic SC', sans-serif;
text-shadow: 0 0 10px #000;
    margin-right: 1.7em;
}

}

@media only screen and (max-width: 991px) {
.partners .col-sm-8 {
    width: 50%;
    float: left;
}
#hannahh4 h4 {font-size: 1.25em;}
.col-md-9.col-xs-24 {
    min-height: 230px;
}
.actions h1 {
    color: white;
    font-size: 32px;
    margin-top: -4em;
}
p.menu-tekst {
display: none;
}

}

body {
    letter-spacing: .2px;
  font-size: 16px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  line-height: 1.65;
}

p {margin-bottom: 1.15rem;}
h1, h2 {
  margin: 2.75rem 0 1.05rem;
font-family: 'Amatic SC', cursive;
  font-weight: bold;
color: #662483;
  line-height: 1.15;
}

h3, h4, h5 {
  margin: 2.75rem 0 1.05rem;
  font-family: 'Merriweather', serif;
  font-weight: 400;
  line-height: 1.15;
color: #662483;

}

h1 {
  margin-top: 0;
  font-size: 3.052em;
}

h2 {font-size: 2.441em;}

h3 {font-size: 1.753em;}

h4 {font-size: 1.363em;}

h5 {font-size: 1.05em;}

small, .text_small {font-size: 0.8em;}


/*slider recensies*/


/*sliderdingetjerecensies*/
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex .col-md-16 {
    display: flex;
    flex-direction: column;
}
section.intro.text.block3 .testimonial .fa-star{
    font-size: 30px;
    margin-bottom: 25px;
    margin-right: 8px;
}
.bx-has-pager /* nav */ {
  text-align:center;
  margin-top:2em
}
.bx-pager-item {
  display:inline-block;
  margin:0 .5em;
  color:#000
}
.bx-pager-link.active {
    background: #f3eef2;
    border-radius: 22px;
    color: #fff;
}
.bx-pager-link {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
}
.testimonial {
    width: 100%!important;
}



/*sliderrtje*/

/*slider-3*/
.w3-right {
    color: white!important;
    font-size: 2em;
}
.w3-left{
    color: white!important;
    font-size: 2em;
}

body{
overflow-x: hidden;
} 

/*Slider*/
.w3-right {
    color: white!important;
    font-size: 2em;
}
.w3-left{
    color: white!important;
    font-size: 2em;
}

body{
overflow-x: hidden;
} 

/*slider2?*/
.page-id-778 section.intro:nth-child(1) {
    display: none;
}
.slider {
    height: 640px;
    width: 100%!important;
    position: relative;
    min-height: 640px;
}
.mySlides {display: none;}

.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(/wp-content/uploads/sites/123/2020/11/model1.jpg)no-repeat center;
      background-size: cover;

} 
.slide2 {
  background: url(/wp-content/uploads/sites/123/2020/11/model2-e1605089780427.jpg)no-repeat right;
      background-size: cover;
}
.slide3 {
    background: url(/wp-content/uploads/sites/123/2020/11/model3.jpg)no-repeat center;
      background-size: cover;
}
.slide4 {
    background: url(/wp-content/uploads/sites/123/2020/11/model4.jpg)no-repeat center;
      background-size: cover;
}


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

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

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

/*end*/
.percentages .col-md-12 {
    margin-top: 3em;
}

/* 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;
}


.w3-text-white, .w3-hover-text-white:hover {
    color: #fff!important;
}
.w3-section, .w3-code {
    /* margin-top: 16px!important; */
    /* margin-bottom: 16px!important; */
}
.w3-center {
    text-align: center!important;
}
.w3-large {
    font-size: 18px!important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}
.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
}

.w3-hover-text-khaki {
    cursor: pointer;
    font-size: 30px!important;
    color: #662483!important;
}
.w3-left {
    float: left!important;
}
.w3-right {
    float: right!important;
}
.w3-hover-text-khaki:hover {
    color: #662483!important;
}

/*Slider*/
.headercta h3 {
    font-size: 34px!important;
    background: rgba(165, 197, 71, 0.74);
    padding: 11px 0;
    border-radius: 40px;
}

a.btn.btn-primary {
    margin-top: 1em;
}
img.mySlides {
    object-fit: cover;
    min-height: 500px!important;
}

.centered {
    position: absolute;
    top: 50%;
    left: 14%;
    width:80%
}
/*.headercta h1, h1.pay-off{
color:rgba(255,255,255,0.6)!important;
font-family:'Dancing Script', cursive!important;
    font-size: 5em;
text-transform:none;
}*/
/*h1.pay-off {color: #213E49!important;}*/

@media only screen and (max-width: 991px) {
header > div.wrapper::after {
    background-position: center;
}
.headercta h4{
font-size: 19px;
}
.centered .row {
    margin: 0!important;
}
header .col-sm-10 {
z-index:2!important;
}
.slider {
/*    height: 80vh;*/
    height: 450px;
    min-height: 270px;

}
.home section.intro.text.block2 .containercenteredimage, .page-id-479  .containercenteredimage {
height: 150px;
    object-fit: cover;
    width: 150px;
    border-radius: 100%;
    background: #213e49;
}
}




img.mySlides:nth-child(1) {
    object-fit: cover;
    margin-top: 14px;
}
.textslide {
    position: absolute;
    left: 0;
    right: 0;
}
img.mySlides {
    object-fit: cover;
}
.w3-content.w3-display-container {
    max-height: 500px;
    min-height: 500px;
    overflow: hidden;
}
.w3-display-right {
    top: 250px!important;
    margin-left: 97vw!important;
}
.w3-display-left {
    top: 250px!important;
}
.w3-tooltip, .w3-display-container {
    position: relative!important;
    top: -87px!important;
}
.w3-content {
    max-width: 100%!important;
}
section.svensection {
    width: 100%!important;
    height: 497px;
}

.home section.svensection {
background-image: url(/wp-content/uploads/sites/75/2020/04/Bioptron-Beauty.jpg);
margin-top: -41px;
}
.home section.intro:nth-child(1) {
    padding-bottom: 0px;
    background-image: url(/wp-content/uploads/sites/235/2019/04/Achtergrond-groot-1.jpg);
    background-size: cover;
}
body.home header > div.wrapper {
    min-height: 0px;
}

#whatsapp_button {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 99;
    font-size: 32px;
    line-height: 1;
    border: none;
    outline: none;
    background-color: #25D366;
    color: #fff;
    cursor: pointer;
    padding: 14px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px !important;
}

button#whatsapp_button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}