@charset "iso-8859-1";
/* CSS Document */
@media screen and (max-width: 2800px) {
  #indicator {
    background-color: #000;
/*zwart*/
  }
  .scheefTxtFlow {
    font-size: 1.8vw;
  }
  .maxWidth {
    width: auto;
  }
  .txtHeaders {
    font-size: 94px;
    font-size: 3.4vw;
  }
  .txtPriceSize {
    font-size: 30px;
    font-size: 1.56vw;
  }
}
@media screen and (max-width: 2000px) {
  #indicator {
    background-color: #07cf91;
/*appelblauw*/
  }
  .scheefTxtFlow {
    font-size: 34px;
  }
  .slidecont1 {
    height: 800px;
  }
}
@media screen and (max-width: 1440px) {
  #indicator {
    background-color: #f0f;
/*pink*/
  }
  .pinkSpan1 {
    width: 4.963235294117647%;
  }
  .pinkSpan10 {
    width: 82.72058823529412%;
  }
  .priceColCont {
    width: 47.5%;
  }
  .priceColCont:nth-child(3n+1) {
    margin-left: 5%;
    clear: none;
  }
  .priceColCont:nth-child(2n+1) {
    margin-left: 0%;
    clear: both;
  }
  .txtPriceSize {
    font-size: 38px;
    font-size: 2.65vw;
  }
  .slidecont1 {
    height: 600px;
  }
  .salonSlider {
    height: 700px;
  }
}
/*pink*/
@media screen and (max-width: 1279px) {
  #indicator {
    background-color: #0f0;
/*Lime*/
  }
  .limeW100 {
    width: 100%;
  }
  .limeDetable {
    position: relative;
    float: left;
    display: block;
    width: 100%;
  }
  .limeHide {
    display: none;
  }
  .limeSpan2 {
    width: 13.602941176470589%;
  }
  .limetblSpan1 {
    width: 8.333333333333334%;
  }
  .limetblSpan2 {
    width: 16.666666666666668%;
  }
  .limetblSpan4 {
    width: 33.333333333333336%;
  }
  .limetblSpan5 {
    width: 41.66666666666667%;
  }
  .orangeHide {
    display: none;
  }
  .limeSpan5 {
    width: 39.52205882352941%;
  }
  .limeSpan4 {
    width: 30.882352941176467%;
  }
  .limeSpan1 {
    width: 4.963235294117647%;
  }
  .angle {
    left: auto;
    right: -140px;
  }
  .cont_cont {
    width: 90%;
  }
  .pr_height {
    height: 80px;
    line-height: 40px;
    font-size: 40px;
  }
  .limeBL {
    border-left: 6px solid #000;
  }
  .limeNBB {
    border-bottom: none;
  }
  .slidecont1 {
    height: 530px;
  }
  .salonSlider {
    height: 650px;
  }
  .specBlok {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 50px;
  }
  .specBlok:nth-child(3n+3) {
    margin-right: 5%;
  }
  .specBlok {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 50px;
  }
  .specBlok:nth-child(2n+2) {
    margin-right: 0%;
  }
}
/*lime*/
@media screen and (max-width: 1150px) {
  #indicator {
    background-color: #00c;
/*blauw*/
  }
  .blueW100 {
    width: 100%;
  }
  .blueW50 {
    width: 50%;
  }
  .blueDetable {
    position: relative;
    float: left;
  }
  .blueHide {
    display: none;
  }
  .blueGut {
    position: relative;
    background-color: #c248b8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px auto;
    width: 270px;
  }
  .ftLogo {
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .ftLogoHF {
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .f_logo {
    margin-top: 0px;
    width: 40%;
  }
  .kappers {
    font-size: 1.8vw;
  }
  .f_locatie {
    margin-top: 60px;
  }
  .f_uren {
    margin-top: 30px;
  }
  .blueMB80px {
    margin-bottom: 80px;
  }
  .txtTherapy {
    font-size: 55px;
  }
  .blue_5_of_12 {
    width: 39.52205882352941%;
  }
  .blue_8_of_12 {
    width: 65.44117647058823%;
  }
  .blueLeft {
    text-align: left;
  }
  #slideshow1 {
    width: 81.5%;
  }
  .salonSlider {
    height: 600px;
  }
  .bluePad {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .blueIL {
    display: inline;
  }
}
/*blauw*/
@media screen and (max-width: 1023px) {
  #indicator {
    background-color: #660;
/*kakkie*/
  }
  .kakkieCenter {
    text-align: center;
  }
  .kakkieW100 {
    width: 100%;
  }
  .kakkieNoMGLR {
    margin-left: 0px;
    margin-right: 0px;
  }
  .kakkieHide {
    display: none;
  }
  .kakkieSpan5 {
    width: 39.52205882352941%;
  }
  .kakkieSpan4 {
    width: 30.882352941176467%;
  }
  .kakkieFirst {
    margin-left: 0px;
  }
  .kakkieExtraGut {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  .kakkieSmall {
    width: 220px;
  }
  .scheefTxtFlow {
    font-size: 3.2vw;
  }
  .salonSubCont {
    width: 350px;
  }
  .spotzin {
    margin-top: 15px;
  }
  .kakkieMobMarginLR {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kakkietblSpan5 {
    width: 41.66666666666667%;
  }
  .slidecont1 {
    height: 480px;
  }
  .merkBalk {
    width: 380px;
    height: auto;
  }
  .merk {
    height: 50px;
    margin-bottom: 30px;
  }
  .kakkieNoML {
    margin-left: 0px;
  }
  .kakkieML40 {
    margin-left: 60px;
  }
  .salonSlider {
    height: 550px;
  }
}
/*kakkie*/
@media screen and (max-width: 900px) {
  #indicator {
    background-color: #999;
/*Grijs*/
  }
  .grayVierkant {
    height: auto;
    position: relative;
  }
  .grayVierkant:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .grayAbsolute {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .grayCenter {
    text-align: center;
  }
  .grayDetable {
    position: relative;
    float: left;
    width: 100%;
  }
  .grayHAuto {
    height: auto;
  }
  .grayW100 {
    width: 100%;
  }
  .grayW50 {
    width: 50%;
  }
  .graySpan4 {
    width: 30.882352941176467%;
  }
  .graytblSpan4 {
    width: 33.333333333333336%;
  }
  .grayLeft {
    text-align: left;
  }
  .grayNoMGLR {
    margin-left: 0px;
    margin-right: 0px;
  }
  .grayNoPadLR {
    padding-left: 0px;
    padding-right: 0px;
  }
  .grayHide {
    display: none;
  }
  .grayShow {
    display: block;
  }
  .slideshow2 {
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    width: 100%;
    height: auto;
    background-image: url("../images/bg.jpg");
    margin-top: 0px;
    padding-bottom: 50px;
  }
  .slide2Contain {
    max-width: 500px;
    margin: 0px auto;
  }
  .grayGarre {
    padding-left: $garre px;
    padding-right: $garre px;
  }
  .grayNoGarreLR {
    padding-left: 0px;
    padding-right: 0px;
  }
  #homeLogo {
    height: auto;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .grayH500 {
    height: 500px;
  }
  .kotKappers {
    font-size: 10em;
  }
  .kotHL {
    font-size: 18px;
  }
  .kotHLFix {
    font-size: 22px;
  }
  .kappers {
    font-size: 5vw;
  }
  .scheefTable {
    height: auto;
  }
  .grayH500 {
    height: 500px;
  }
  .garreR {
    padding-right: 0px;
  }
  .scheefTxtFlow {
    font-size: 30px;
  }
  #homeScheef {
    height: 500px;
  }
  .txtTherapy {
    font-size: 64px;
  }
  #tinyLogo {
    width: 100px;
  }
  .m100-50 {
    margin-top: 50px;
/*margin-bottom:50px;*/
  }
  .mb100-50 {
    margin-bottom: 50px;
  }
  #h_slide2_cont {
    height: auto;
  }
  #slideshow1 {
    width: 100%;
  }
  #h_slide2_sm {
    height: 450px;
    margin-bottom: 0px;
  }
  #h_slide3_cont {
    height: auto;
  }
  #letsShare {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .kaart {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .grayTitleCol {
    width: 20%;
    position: relative;
    float: left;
  }
  .angle {
    top: 218px;
/*left:0px;*/
    right: auto;
    left: 35%;
    margin-left: -15px;
  }
  .grayTitleRest {
    width: 80%;
    position: relative;
    float: right;
  }
  .grayMB40px {
    margin-bottom: 40px;
  }
  .grayMT30px {
    margin-top: 20px;
  }
  #belowTime {
    height: 550px;
  }
  .grayHeaderPadTB {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .txtHeaders {
    font-size: 50px;
    font-size: 6.5vw;
  }
  .headerLogo {
    width: 70%;
  }
  .cont_cont {
    margin-left: 0px;
    width: 100%;
  }
  .grayMobMarginLR {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br1px {
    border-right: 0px solid #000;
    border-bottom: 1px solid #000;
  }
  .graySpan10 {
    width: 82.72058823529412%;
  }
  .graySpan2 {
    width: 13.602941176470589%;
  }
  .txtPriceSize {
    font-size: 25px;
  }
  .grayShowIL {
    display: inline;
  }
  .euroBox {
    min-height: auto;
  }
  .salonSlider {
    height: 500px;
  }
}
/*Grijs*/
@media screen and (max-width: 767px) {
  #indicator {
    background-color: #ff9;
/*yellow*/
  }
  .yellowMobMarginLR {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .yellowNoGarreLR {
    padding-left: 0px;
    padding-right: 0px;
  }
  .yellowDetable {
    position: relative;
    display: block;
    float: left;
    width: 100%;
  }
  .yellowHide {
    display: none;
  }
  .yellowHAuto {
    height: auto;
  }
  .yellowShow {
    display: block;
  }
  a.yellowShowIL {
    display: inline;
  }
  .yellowShowIL {
    display: inline;
  }
  .yellowNH {
    height: auto;
  }
  .yellowNMT {
    margin-top: 0px;
  }
  .yellowRelative {
    position: relative;
    float: left;
    width: 100%;
  }
  .yellowAbsolute {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .yellowVierkant {
    height: auto;
    position: relative;
  }
  .yellowVierkant:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .yellowW100 {
    width: 100%;
  }
  .yellowNoMGLR {
    margin-left: 0px;
    margin-right: 0px;
  }
  .yellowClear {
    clear: both;
  }
  .yellowFll {
    float: left;
  }
  .yellowFlr {
    float: right;
  }
  .yellowCenter {
    text-align: center;
  }
  .yellowNoAspect {
    content: normal;
    display: inherit;
    padding-top: 0;
  }
  .yellowUndoVierkant {
    position: relative;
    float: left;
  }
  .yellowUndoVierkant::before {
    content: normal;
    display: inherit;
    clear: none;
  }
  .yellowUndoVierkant::after {
/* to clear float */
    content: normal;
    display: inherit;
    clear: none;
  }
  .menuBar {
    position: relative;
    float: left;
    height: 70px;
    width: 100%;
    border-right: 0px solid #000;
    border-bottom: 1px solid #000;
  }
  .hamburger {
    position: relative;
    float: right;
    padding-right: 0px;
    padding-left: 0px;
    top: 0px;
    padding-top: 23px;
    left: auto;
    height: 47px;
    margin-top: 0px;
    margin-left: 0px;
    cursor: pointer;
  }
  .content {
    padding-left: 0px;
  }
  .realContent {
    border-left: none;
    padding-left: 15.5px;
    padding-right: 15.5px;
  }
  .menuSlide {
    padding-left: 0px;
  }
  .mt195px {
    position: relative;
    top: 0;
/*margin-top: 195px;*/
  }
  .yellowMt110 {
    margin-top: 100px;
  }
  .yellowMT30 {
    margin-top: 30px;
    text-align: center;
    padding: 0px;
  }
  .yellowMT20 {
    margin-top: 0px;
  }
  .br1px2 {
    border-right: 0px;
  }
  .brb1px {
    border-bottom: 1px solid #000;
  }
  a.yellowMenu {
    font-size: 30px;
    line-height: 54px;
    margin-left: 40px;
    margin-right: 40px;
  }
  .menuBodemPos {
    left: 40px;
    bottom: 40px;
  }
  .menuRand {
    min-height: 740px;
  }
  .menuLogo {
    position: relative;
    float: left;
    width: 33px;
    top: 0;
    left: 0;
    margin-top: 12.5px;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 0px;
    height: 80px;
  }
  .f_logo {
    width: 60%;
  }
  .txtTherapy {
    font-size: 55px;
  }
  #therapy {
    height: 400px;
  }
  .salonIco {
    background-size: 35px;
    font-size: 20px;
  }
  .yellowMB40px {
    margin-bottom: 40px;
  }
  .kakkieExtraGut {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sumSprong {
    min-height: auto;
  }
  .priceColCont {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .backLine {
    width: 500%;
  }
  .priceColCont:nth-child(2n+1) {
    margin-left: 0%;
    clear: none;
  }
  .priceColCont:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
  }
  .txtPriceSize {
    font-size: 30px;
    font-size: 6.6vw;
  }
  .slidecont1 {
    height: 350px;
  }
  .slideshow1 {
    height: auto;
  }
  .salonSlider {
    height: 450px;
  }
  .specBlok {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 40px;
  }
  .voorwaardenBar {
    height: auto;
  }
}
/*yellow*/
@media screen and (max-width: 600px) {
  #indicator {
    background-color: #c3f;
/*purple */
  }
  .txtTherapy {
    font-size: 50px;
  }
  .txtHeaders {
    font-size: 40px;
    font-size: 8vw;
  }
  .purpleHide {
    display: none;
  }
  .purpleShowIL {
    display: inline;
  }
  .purpleNoML {
    margin-left: 0px;
  }
  .purpleClear {
    clear: both;
  }
  .merkBalk {
    width: 150px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .merk {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .merk:last-child {
    margin-bottom: 20px;
  }
  .salonSlider {
    height: 300px;
  }
  .hairfooter {
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
}
/*purple */
@media screen and (max-width: 479px) {
  #indicator {
    background-color: #f90;
/*orange */
/*I Phone staand*/
  }
  .txtTherapy {
    font-size: 45px;
  }
  .salonSubCont {
    width: 320px;
  }
  .spotzin {
    width: 55%;
  }
  .openCont {
    width: 45%;
  }
  .orangeShowIL {
    display: inline;
  }
  .orangeNoMG {
    margin: 0px;
  }
  .orangeW250 {
    width: 280px;
    margin: 0px auto;
    text-align: center;
  }
  .orangeMB0 {
    margin-bottom: 0px;
  }
}
/*orange */
@media screen and (max-width: 319px) {
  #indicator {
    background-color: #600;
/*brown */
  }
}