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







body { font-family: 'Montserrat', sans-serif;}

.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%;
}

.yellow-bg {background-color: #ffc107;
color:#000;}
.black-text {
color:#000;}

.to-top {z-index: 2000;}

/*GROWING SMILES STYLES*/
.gs-blue-bg {background-color: #0060A0;}

.gs-blue-text {color: #0060A0;}

.gs-yellow-text {color:#FFED00;}

/*GROWING SMILES STYLES*/



/*AWARDS*/



#slideout {
  position: fixed;
  top: 200px;
  right: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	
}
#slideout_inner {
  position: fixed;
  top: 40px;
 /* left: -250px;*/
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	
	background-color: #fff;
	padding-bottom: 20px;
}
#slideout:hover {
  /*left: 250px;*/
}
#slideout:hover #slideout_inner {
 /* left: 0;*/
}


#slideout img{
  width: 100px;
	z-index: 100;
}



























/* Services */
#awards{
	padding-bottom: 17px;
	background: #85CFF4;
}
#awards h2{
	text-align:center;
	margin: 0 0 0px;
	color: #fff;
}
#awards h4{
	color:#fff;
	margin-bottom:-1px;
	color: #000;
}
#awards .col-md-4 {
    margin-bottom: 0px;
	overflow: hidden;
}

#awards p {
    font-size: 13px;
    margin: 0;
	color:#fff;
}

#awards hr { margin:3px;}
.awards-2016:before
{ 
  content:url( ../img/ada-2016.png);
}
.awards-2015:before
{ 
  content:url( ../img/ida-2015.png);
}
.awards-2014:before
{ 
  content:url(../img/ida-2014.png);
}
.awards-2013:before
{ 
  content:url(../img/ida-2013.png);
}
.icon-awards{
	
    margin: 0px 15px 10px 0;
    color: #fff;
    line-height: 22px;
    
    width: 90%;
    text-align: center;
}


.reasons1 { content: url(../img/icon-teeth.png);
width: 50%}
.reasons2 { content: url(../img/icon-team.png);
width: 50%}
.reasons3 { content: url(../img/icon-award.png);
width: 50%}
.reasons4 { content: url(../img/icon-70.png);
width: 50%}
.reasons5 { content: url(../img/icon-stars.png);
width: 50%}
.reasons6 { content: url(../img/icon-speech.png);
width: 50%}
.reasons7 { content: url(../img/icon-shake.png);
width: 50%}
.reasons8 { content: url(../img/icon-heart.png);
width: 50%}



.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;}

.img-title{  display: block;	background-color: #85CFF4;
margin-top: -45px; color: #fff;
font-size: 14px; text-align: center;}
.img-title p{  display: block;	background-color: #85CFF4;
margin-top: -45px; color: #fff;
font-size: 14px; text-align: center;}

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

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

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

.img-center {margin:0 auto;}
.middle-logo{margin:0 0;}
.logo-down { margin-top:0px;}
.blue-text { color:#85CFF4;}
.blue-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 #85CFF4;
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;}

.fact-height { height: 440px;}


.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;}
.purple-background { background-color: #46467A;}
.navy-background { background-color: #1D395E;}
.petrol-background { background-color: #5C94AB;}
.green-background { background-color: #5B9A9F;}
.grey-background { background-color: #929AA5;}
.grey-background-dark { background-color: #1D1D1B;}




.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 #85CFF4;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 16px;
	margin-top: 15px;
}


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

.button-box-green2 { padding:10px;
	border: thin solid #85CFF4;
	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:#85CFF4;}


.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) ----------- */


.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 #85CFF4;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}


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

.button-box-green2 { padding:10px;
	border: thin solid #85CFF4;
	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 #85CFF4;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}


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

.button-box-green2 { padding:10px;
	border: thin solid #85CFF4;
	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;
    }   



.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 ----------- */



}