@charset "utf-8";
/* CSS Document */

body { font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}


.book-online {position: fixed;
right:    15px;
top: -15px;
padding:4px;
	border-bottom: thin solid #77BAC7;
	background-color: none;
	color: #77BAC7;
	font-size: 16px;
	margin-top: 15px;
z-index: 5000;
}

.book-online a{ color: #77BAC7; text-decoration: none;}

.book-online a:hover{ background-color: none;
	color: #000; text-decoration: none;	}


.book-online-mobile {position: fixed;
left:    10px;
top: -10px;
padding:2px;
	border-bottom: thin solid #77BAC7;
	background-color: none;
	color: #77BAC7;
	font-size: 16px;
	margin-top: 15px;
z-index: 5000;
text-align: center;
margin-bottom: -20px;}
.book-online-mobile a{ color: #77BAC7; text-decoration: none;}

.book-online-mobile a:hover{ 
	color: #000; text-decoration: none;}

.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
.padding-30 { padding:30px;}
.padding-40 { padding:40px;}
.padding-50 { padding:50px;}

.padding-left-10 { padding-left:10px;}
.padding-left-20 { padding-left:20px;}
.padding-left-30 { padding-left:30px;}
.padding-left-40 { padding-left:40px;}
.padding-left-50 { padding-left:50px;}


.padding-top-5 { padding-top:5px;}
.padding-top-10 { padding-top:10px;}
.padding-top-20 { padding-top:20px;}
.padding-top-30 { padding-top:30px;}
.padding-top-40 { padding-top:40px;}
.padding-top-50 { padding-top:50px;}
.padding-top-60 { padding-top:60px;}
.padding-top-70 { padding-top:70px;}
.padding-top-80 { padding-top:80px;}


.padding-bottom-10 { padding-bottom:10px;}
.padding-bottom-20 { padding-bottom:20px;}
.padding-bottom-30 { padding-bottom:30px;}
.padding-bottom-40 { padding-bottom:40px;}
.padding-bottom-50 { padding-bottom:50px;}
.padding-bottom-60 { padding-bottom:60px;}
.padding-bottom-70 { padding-bottom:70px;}
.padding-bottom-80 { padding-bottom:80px;}

.padding-left-right-40 { padding-left:40px;
padding-right:40px;}

.height-200 { height:200px;}
.height-600 { height:600px;}

.line-height-28 {line-height:28px;}

.menu-down { padding-top:55px;}
.menu-padding { padding-left:15px; padding-right:15px;}

.img-center {margin:0 auto;}
.middle-logo{margin:0 0;}
.logo-down { margin-top:0px;}
.green-text { color:#77BAC7;}
.green-text-dark { color:#47A2B1;}

.btn-white {
  color: #fff;
  background-color:transparent;
  border-color: #fff;
}

.beauty-line-top { margin-top:-10px;}
.beauty-line-bottom { margin-bottom:-5px;}

.big-title-fat{ font-size:80px; 
line-height:65px;
font-weight:300;
margin-left:20px;
}
.big-title-fat-no-indent{ font-size:80px; 
line-height:65px;
font-weight:300;
margin-left:0px;
}
.big-title-thin{ font-size:50px; 
line-height:55px;
font-weight:100;}

.big-title-fat-smaller{ font-size:50px; 
line-height:55px;
font-weight:300;
margin-left:20px;
}


.black {   border-top: 1px solid #444;
margin-top:-5px;
margin-bottom:-10px;}
.green-line {   border-top: 1px solid #77BAC7;
margin-top:-35px;
margin-bottom:-20px;}

.big-five-padding { padding-left:20px; padding-right:20px;}

.pull-p-up { margin-top:-20px;}
.pull-richard-text-up { margin-top:-40px;}
.pull-h2-up { margin-top:-10px;}

.button-at-bottom {position: relative;
left:    20px;
bottom:   0;}




.row-kat {
  display: flex; /* equal height of the children */
}

.col-kat {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
  border: solid thin #ccc;
}

.green-background { background-color:#77BBC8;}

.white-background { background-color:#fff;}
.black-background { background-color:#000;}


.white-texxt { color:#fff;}

.text-left { text-align:left;}
.text-right { text-align:right;}

.footer-notes { color:#D0CBCB; font-size:12px;}
.footer-notes a { color:#D0CBCB; font-size:12px;}
.footer-notes a:hover { color:#000; font-size:12px;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cosmetic-pullup { margin-top:-70px;}
.cosmetic-text-down { margin-top:120px;}

.trans-bg { background-color:#FFFFFF; opacity: 0.75;
    filter: alpha(opacity=50); 
	}

.non-trans-bg { background-color:#77BBC8; 
	}

.bg-image{
    position: relative;
    z-index:2;
     background-size:auto 100%;
    
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-repeat: no-repeat;
    background-image:url(../images/outside-wall.jpg;)
} 

.button-box { padding:10px;
	border: thin solid #fff;
	color: white;
	font-size: 16px;
	margin-top: 15px;
}


.button-box-grey { padding:10px;
	border: thin solid #77BAC7;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 16px;
	margin-top: 15px;
}


.button-box-green { padding:10px;
	border: thin solid #77BAC7;
	background-color: #ffffff;
	color: #77BAC7;
	font-size: 16px;
	margin-top: 15px;
}

.button-box-green2 { padding:10px;
	border: thin solid #77BAC7;
	background-color: #ffffff;
	color: #444444;
	font-size: 16px;
	margin-top: 15px;
}

.dark-text { color:#333333;}
.dark-text a { color:#333333;}
.dark-text a:hover{ color:#77BAC7;}


.quotes { background: url('../images/quotes.png') top left no-repeat; width: 100%; padding-left: 10%;padding-right: 20%; line-height: 28px; color: white;  }

.quotes-green {background: url('../images/quotes-green.png') top left no-repeat; width: 100%; padding-left: 10%;padding-right: 20%; line-height: 28px;  color: #333;  }









@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

/* Smartphones (portrait and landscape) ----------- */

body { font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}

}



@media only screen 

and (min-width : 321px) {

/* Smartphones (landscape) ----------- */

.logo-down { margin-top:10px; margin-left:20px;}
	h1,
.h1 {
  font-size: 26px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}
.parallax {
	/* The image used */
	background-image: url("../images/home-beauty-mobile.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	/* Full height */
	height: 490px;

}
.parallax-beauty { 
    /* The image used */
    background-image: url("../images/home-beauty-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}

.parallax2 { 
    /* The image used */
    background-image: url("../images/home-ardara-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}
.parallax3 { 
    /* The image used */
    background-image: url("../images/home-ardara-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}

.parallax4 { 
    /* The image used */
    background-image: url("../images/cosmetic-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}

.parallax-chair { 
    /* The image used */
    background-image: url("../images/chair-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}

	.parallax-richard { 
    /* The image used */
    background-image: url("../images/main-richard-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 850px; 
		

}

	.big-five-height { min-height:250px; 
		max-height:250px; 
		padding:20px;}

.big-title-fat{ font-size:50px; 
line-height:45px;
font-weight:300;
margin-left:20px;
}
.big-title-fat-no-indent{ font-size:30px; 
line-height:30px;
font-weight:300;
margin-left:0px;
}


.richard-text-down {
	margin-top:0px;
    } 


.text-down-small {
	margin-top:0px;
    } 
	
	
.button-box { padding:10px;
	border: thin solid #fff;
	color: white;
	font-size: 13px;
	margin-top: 15px;
}


.button-box-grey { padding:10px;
	border: thin solid #77BAC7;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}


.button-box-green { padding:10px;
	border: thin solid #77BAC7;
	background-color: #ffffff;
	color: #77BAC7;
	font-size: 13px;
	margin-top: 15px;
}

.button-box-green2 { padding:10px;
	border: thin solid #77BAC7;
	background-color: #ffffff;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}
	

}





@media only screen 

and (max-width : 320px) {

/* Smartphones (portrait) ----------- */


.middle-logo {margin:0 auto; }
.logo-down { margin-top:0px; margin-left:20px;}

.text-down {
	margin-top:0px;
    } 
	
	
	h1,
.h1 {
  font-size: 26px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}


.parallax { 
    /* The image used */
    background-image: url("../images/home-beauty-ipad.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 400px; 

}
.parallax-beauty { 
    /* The image used */
    background-image: url("../images/home-beauty-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}
.parallax2 { 
    /* The image used */
    background-image: url("../images/home-ardara-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}
.parallax3 { 
    /* The image used */
    background-image: url("../images/home-ardara-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}

.parallax4 { 
    /* The image used */
    background-image: url("../images/cosmetic-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}

.parallax-chair { 
    /* The image used */
    background-image: url("../images/chair-mobile.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 700px; 

}
	
	.parallax-richard { 
    /* The image used */
    background-image: url("../images/main-richard.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 600px; 

}




	.big-five-height { min-height:260px; 
		max-height:330px; padding:20px;}

.big-title-fat{ font-size:50px; 
line-height:45px;
font-weight:300;
margin-left:40px;
}
.big-title-fat-no-indent{ font-size:30px; 
line-height:30px;
font-weight:300;
margin-left:0px;
}

.richard-text-down {
	margin-top:0px;
    } 
.text-down-small {
	margin-top:0px;
    } 
	
	
		
.button-box { padding:10px;
	border: thin solid #fff;
	color: white;
	font-size: 13px;
	margin-top: 15px;
}


.button-box-grey { padding:10px;
	border: thin solid #77BAC7;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}


.button-box-green { padding:10px;
	border: thin solid #77BAC7;
	background-color: #ffffff;
	color: #77BAC7;
	font-size: 13px;
	margin-top: 15px;
}

.button-box-green2 { padding:10px;
	border: thin solid #77BAC7;
	background-color: #ffffff;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}
	
}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

/* iPads (portrait and landscape) ----------- */
body { font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}

.menu-down { padding-top:5px;}

.middle-logo {margin:0 auto; }

}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

/* iPads (landscape) ----------- */

	
.middle-logo {margin:0 auto;
padding:20px;}
	

.menu-down { padding-top:65px;}
.menu-padding { padding-left:15px; padding-right:35px;}

.text-down {
	margin-top:60px;
    } 
	
.text-down-ardara {
	margin-top:60px;
    } 
	
	
	
	
h1,
.h1 {
  font-size: 26px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}

.parallax { 
    /* The image used */
    background-image: url("../images/home-beauty-ipad.jpg");
background-position:left;
background-repeat:no-repeat;

    /* Full height */
    height: 430px; }
	
	.parallax-beauty { 
    /* The image used */
    background-image: url("../images/home-beauty-ipad.jpg");
background-position:left;
background-repeat:no-repeat;

    /* Full height */
    height: 400px; }

	
	.parallax2 { 
    /* The image used */
    background-image: url("../images/home-ardara-mobile.jpg");
background-position:left;
background-repeat:no-repeat;

    /* Full height */
    height: 600px; }
	
	.parallax3 { 
    /* The image used */
    background-image: url("../images/home-ardara-ipad.jpg");
background-position:left;
background-repeat:no-repeat;

    /* Full height */
    height: 400px; }
	
	
		.parallax4 { 
    /* The image used */
    background-image: url("../images/cosmetic-ipad.jpg");
background-position:left;
background-repeat:no-repeat;

    /* Full height */
    height: 400px; }
	
	
		.parallax-chair { 
    /* The image used */
    background-image: url("../images/chair-ipad.jpg");
background-position:left;
background-repeat:no-repeat;

    /* Full height */
    height: 400px; }
	
.parallax-richard { 
    /* The image used */
    background-image: url("../images/main-richard-ipad.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 430px; 

}

	
	.big-five-height { min-height:280px; max-height:400px;}

.richard-text-down {
	margin-top:-20px;
    }
.text-down-small {
	margin-top:-20px;
    }  

}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

/* iPads (portrait) ----------- */


.menu-down { padding-top:75px;}
.menu-padding { padding-left:2px; padding-right:2px;}
.middle-logo {margin:0 auto; }


.text-down {
	margin-top:26px;
    }
	.text-down-ardara {
	margin-top:40px;
    } 
   


h1,
.h1 {
  font-size: 26px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}

.parallax { 
    /* The image used */
    background-image: url("../images/home-beauty-ipad.jpg");
	background-position:left;
	background-repeat:no-repeat;

    /* Full height */
    height: 420px; 

    
}

.parallax-beauty { 
    /* The image used */
    background-image: url("../images/home-beauty-ipad.jpg");
	background-position:left;
	background-repeat:no-repeat;

    /* Full height */
    height: 400px; 

    
}



.parallax2 { 
    /* The image used */
    background-image: url("../images/home-ardara.jpg");
	background-position:left;
	background-repeat:no-repeat;

    /* Full height */
    height: 635px; 

    
}

.parallax3 { 
    /* The image used */
    background-image: url("../images/home-ardara.jpg");
	background-position:left;
	background-repeat:no-repeat;

    /* Full height */
    height: 600px; 

    
}

.parallax4 { 
    /* The image used */
    background-image: url("../images/cosmetic.jpg");
	background-position:left;
	background-repeat:no-repeat;

    /* Full height */
    height: 600px; 

    
}

.parallax-chair { 
    /* The image used */
    background-image: url("../images/chair.jpg");
	background-position:left;
	background-repeat:no-repeat;

    /* Full height */
    height: 600px; 

    
}
	.parallax-richard { 
    /* The image used */
    background-image: url("../images/main-richard-ipad-portrait.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 960px; 

}


.big-five-height { min-height:300px; max-height:300px;}
.richard-text-down {
	margin-top:0px;
    } 
.text-down-small {
	margin-top:0px;
    } 

}

@media only screen 

and (min-width : 1200px) {

/* Desktops and laptops ----------- */
body { font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}


.middle-logo { margin:0px;  }
.logo-down { margin-top:20px; margin-left:20px;}

.text-down {
	margin-top:150px;
    }   
.text-down-ardara {
	margin-top:150px;
    }   

	h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}



.parallax { 
    /* The image used */
    background-image: url("../images/home-beauty.jpg");

    /* Full height */
    height: 800px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
   background-size:auto;*/
	
}
.parallax-beauty { 
    /* The image used */
    background-image: url("../images/home-beauty-smallerface.jpg");

    /* Full height */
    height: 600px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
   background-size:auto;
	
}



.parallax2 { 
    /* The image used */
    background-image: url("../images/home-ardara.jpg");

    /* Full height */
    height: 630px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:auto;*/
}

.parallax3 { 
    /* The image used */
    background-image: url("../images/home-ardara.jpg");

    /* Full height */
    height: 630px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:auto;*/
}
.parallax4 { 
    /* The image used */
    background-image: url("../images/cosmetic.jpg");

    /* Full height */
    height: 630px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:auto;*/
}

.parallax-chair { 
    /* The image used */
    background-image: url("../images/chair.jpg");

    /* Full height */
    height: 630px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:auto;*/
}

.parallax-richard { 
    /* The image used */
    background-image: url("../images/main-richard.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;

    /* Full height */
    height: 800px; 

}

.big-five-height { min-height:420px; max-height:400px;}

.text-down-ardara {
	margin-top:40px;
    } 
.big-title-fat{ font-size:80px; 
line-height:65px;
font-weight:300;
margin-left:20px;
}
.big-title-fat-no-indent{ font-size:80px; 
line-height:65px;
font-weight:300;
margin-left:0px;
}
.richard-text-down {
	margin-top:20px;
    } 
	
	.text-down-small {
	margin-top:10px;
    } 

}

@media only screen 

and (min-width : 1700px) {

/* Large screens ----------- */

	
.text-down {
	margin-top:200px;
    } 
	
	.big-five-height { min-height:300px; max-height:390px;
}

.parallax2 { 
    /* The image used */
    background-image: url("../images/home-ardara-large.jpg");

    /* Full height */
    height: 700px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:contain;*/
}
.parallax3 { 
    /* The image used */
    background-image: url("../images/home-ardara-large.jpg");

    /* Full height */
    height: 700px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:contain;*/
}
.parallax4 { 
    /* The image used */
    background-image: url("../images/cosmetic-large.jpg");

    /* Full height */
    height: 700px; 

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size:contain;*/
}

.richard-text-down {
	margin-top:120px;
    } 
	
.text-down-small {
	margin-top:40px;
    } 
}

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* iPhone 4 ----------- */



}